/** -------------------------------------------------- * * namgrass * THEME STYLES * * -------------------------------------------------- **/ /** -------------------------------------------------- * #base * -------------------------------------------------- */ /** -------------------------------------------------- * * variables * VARIABLES * * TABLE OF CONTENTS * fonts * colors * measurements * breakpoints * * -------------------------------------------------- **/ /** -------------------------------------------------- * #fonts * -------------------------------------------------- */ /** -------------------------------------------------- * #colors * -------------------------------------------------- */ /** -------------------------------------------------- * #measurements * -------------------------------------------------- */ /* = 1% more space for fixed social media */ /** -------------------------------------------------- * #breakpoints * -------------------------------------------------- */ /** -------------------------------------------------- * * mixins * MIXINS * * TABLE OF CONTENTS * media queries * clearfix * * -------------------------------------------------- **/ /** -------------------------------------------------- * #media queries * -------------------------------------------------- */ /** -------------------------------------------------- * #clearfix * -------------------------------------------------- */ /** -------------------------------------------------- * * base * NORMALIZE.CSS * * TABLE OF CONTENTS * general * * -------------------------------------------------- **/ /** -------------------------------------------------- * #general * -------------------------------------------------- */ /* normalize.css 2011-11-04T15:38 http://github.com/necolas/normalize.css */ /* line 22, ../sass/partials/base/_normalize.scss */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } /* line 35, ../sass/partials/base/_normalize.scss */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* Prevents modern browsers from displaying 'audio' without controls */ /* line 44, ../sass/partials/base/_normalize.scss */ audio:not([controls]) { display: none; } /* line 48, ../sass/partials/base/_normalize.scss */ [hidden] { display: none; } /* 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 2. Prevents iOS text size adjust after orientation change, without disabling user zoom www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ /* line 58, ../sass/partials/base/_normalize.scss */ html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; /* 2 */ } /* line 64, ../sass/partials/base/_normalize.scss */ body { margin: 0; width: 100%; } /* line 69, ../sass/partials/base/_normalize.scss */ body, button, input, select, textarea { font-family: sans-serif; } /* line 77, ../sass/partials/base/_normalize.scss */ h1 { font-size: 2em; } /* Addresses styling not present in IE7/8/9, S5, Chrome */ /* line 82, ../sass/partials/base/_normalize.scss */ abbr[title] { border-bottom: 1px dotted; } /* line 86, ../sass/partials/base/_normalize.scss */ b, strong { font-weight: bold; } /* line 91, ../sass/partials/base/_normalize.scss */ blockquote { margin: 1em 40px; } /* line 95, ../sass/partials/base/_normalize.scss */ dfn { font-style: italic; } /* line 99, ../sass/partials/base/_normalize.scss */ mark { background: #ff0; color: #000; } /* line 104, ../sass/partials/base/_normalize.scss */ pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } /* line 113, ../sass/partials/base/_normalize.scss */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* line 119, ../sass/partials/base/_normalize.scss */ q { quotes: none; } /* line 123, ../sass/partials/base/_normalize.scss */ q:before, q:after { content: ''; content: none; } /* line 129, ../sass/partials/base/_normalize.scss */ small { font-size: 75%; } /* line 133, ../sass/partials/base/_normalize.scss */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } /* line 141, ../sass/partials/base/_normalize.scss */ sup { top: -0.5em; } /* line 145, ../sass/partials/base/_normalize.scss */ sub { bottom: -0.25em; } /* line 149, ../sass/partials/base/_normalize.scss */ ul, ol { margin-left: 0; padding: 0 0 0 24px; } /* line 155, ../sass/partials/base/_normalize.scss */ dd { margin: 0 0 0 40px; } /* line 159, ../sass/partials/base/_normalize.scss */ nav ul, nav ol { margin: 0; padding: 0; list-style: none; list-style-image: none; } /* line 167, ../sass/partials/base/_normalize.scss */ img { border: 0; -ms-interpolation-mode: bicubic; } /* line 172, ../sass/partials/base/_normalize.scss */ svg:not(:root) { overflow: hidden; } /* line 176, ../sass/partials/base/_normalize.scss */ figure { margin: 0; } /* line 180, ../sass/partials/base/_normalize.scss */ form { margin: 0; } /* line 184, ../sass/partials/base/_normalize.scss */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /* 1. Corrects color not being inherited in IE6/7/8/9 2. Corrects alignment displayed oddly in IE6/7 */ /* line 192, ../sass/partials/base/_normalize.scss */ legend { border: 0; /* 1 */ *margin-left: -7px; /* 2 */ } /* 1. Corrects font size not being inherited in all browsers 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome 3. Improves appearance and consistency in all browsers */ /* line 200, ../sass/partials/base/_normalize.scss */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; *vertical-align: middle; /* 3 */ } /* Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */ /* line 211, ../sass/partials/base/_normalize.scss */ button, input { line-height: normal; } /* 1. Improves usability and consistency of cursor style between image-type 'input' and others 2. Corrects inability to style clickable 'input' types in iOS 3. Removes inner spacing in IE7 without affecting normal text inputs Known issue: inner spacing remains in IE6 */ /* line 220, ../sass/partials/base/_normalize.scss */ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ *overflow: visible; /* 3 */ } /* 1. Addresses box sizing set to content-box in IE8/9 2. Removes excess padding in IE8/9 */ /* line 231, ../sass/partials/base/_normalize.scss */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /* 1. Addresses appearance set to searchfield in S5, Chrome 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) */ /* line 239, ../sass/partials/base/_normalize.scss */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /* line 246, ../sass/partials/base/_normalize.scss */ input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* Removes inner padding and border in FF3+ www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ /* line 252, ../sass/partials/base/_normalize.scss */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* 1. Removes default vertical scrollbar in IE6/7/8/9 2. Improves readability and alignment in all browsers */ /* line 260, ../sass/partials/base/_normalize.scss */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* Remove most spacing between table cells */ /* line 266, ../sass/partials/base/_normalize.scss */ table { border-collapse: collapse; border-spacing: 0; } /** -------------------------------------------------- * * base * HELPERS * * TABLE OF CONTENTS * visibility * clearfix * * -------------------------------------------------- **/ /** -------------------------------------------------- * #visibility * -------------------------------------------------- */ /* line 19, ../sass/partials/base/_helpers.scss */ .hidden { display: none; visibility: hidden; } /* line 24, ../sass/partials/base/_helpers.scss */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* line 35, ../sass/partials/base/_helpers.scss */ .visually-hidden { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } /* line 45, ../sass/partials/base/_helpers.scss */ .invisible { visibility: hidden; } /** -------------------------------------------------- * #clearfix * -------------------------------------------------- */ /* line 56, ../sass/partials/base/_helpers.scss */ .clearfix:before, .clearfix:after { content: ""; display: table; } /* line 62, ../sass/partials/base/_helpers.scss */ .clearfix:after { clear: both; } /* line 66, ../sass/partials/base/_helpers.scss */ .clearfix { zoom: 1; } /** -------------------------------------------------- * #theme styles * -------------------------------------------------- */ /* line 27, ../sass/theme-style.scss */ .grippie { display: none !important; } /* line 31, ../sass/theme-style.scss */ .field-name-field-left-image a, .field-name-field-right-image a { border: none !important; } /* line 36, ../sass/theme-style.scss */ ul.primary li.active a, ul.primary li a, .field-collection-view ul.field-collection-view-links, .field-collection-container ul.action-links-field-collection-add, .field-name-field-left-image img, .field-name-field-right-image img, .field-name-field-location-image img, .field-name-field-location, #companysale .field-name-field-address-image img, #block-views-location-map-block { border-radius: 5px; } /* line 49, ../sass/theme-style.scss */ input.form-text, .node-webform .webform-component--textarea .form-textarea-wrapper textarea, .node-webform .webform-component-textarea .form-textarea-wrapper textarea, #user-login input[type='submit'], #user-pass input[type='submit'], textarea { border-radius: 3px; } /* line 58, ../sass/theme-style.scss */ input.form-text#edit-mail { border-radius: 0px; } /* line 62, ../sass/theme-style.scss */ .region-header .block-nodeblock .content .content a, #sidebar-first .field-name-field-company-link a { text-shadow: 1px 1px 3px #666; } /* line 67, ../sass/theme-style.scss */ .group_spotlight .field-type-linkimagefield a:hover, .group_spotlight .field-type-linkimagefield a:focus { box-shadow: 0px 0px 10px 0px #000; } /* line 72, ../sass/theme-style.scss */ nav ul.menu li a { transition: background 0.1s ease-in-out; } /* line 76, ../sass/theme-style.scss */ .region-header .block-nodeblock .content .content a, #sidebar-first ul.menu li a, .node-offre .field-name-field-offre-linkimage a, .content-bottom a.all-products, .block-simplenews [type='submit'], .view-projectspage .form-radios label { transition: all 0.2s ease-in-out; } /* line 85, ../sass/theme-style.scss */ .view-products-bottom .views-row h2 a, .view-projects .view-content div.project-item span { transition: opacity 0.5s ease-in-out; } /* line 90, ../sass/theme-style.scss */ #stalen .staal img { transition: border-color 0.3s ease-in-out; } /* line 94, ../sass/theme-style.scss */ .view-garden-terrace-lines a:hover img, .view-garden-terrace-lines a:focus img, .prod-block a.offre:hover, .prod-block a.offre:focus, .prod-block a.order:hover, .prod-block a.order:focus, #sidebar-first .field-name-field-company-link a:hover, #sidebar-first .field-name-field-company-link a:focus, .webform-client-form input[type='submit']:hover, .webform-client-form input[type='submit']:focus, .view-id-products a:hover img, .view-id-products a:focus img, .product-block:hover, .product-block:focus { opacity: 0.9; } /** -------------------------------------------------- * #general * -------------------------------------------------- */ /* line 118, ../sass/theme-style.scss */ html { overflow-x: hidden; font-size: 10px; } /* line 123, ../sass/theme-style.scss */ body { background: #f2f2f2; color: #474747; } /* line 128, ../sass/theme-style.scss */ h1 { font-size: 2.4em; color: #474747; } /* line 133, ../sass/theme-style.scss */ h2 { font-size: 1.6em; color: #1b9f9a; } /* line 138, ../sass/theme-style.scss */ h3 { font-size: 1.4em; color: #1b9f9a; } /* line 143, ../sass/theme-style.scss */ ul, ol { margin: 0; padding: 0; list-style-type: none; list-style-image: none; } /* line 151, ../sass/theme-style.scss */ p { font-size: 1.4em; line-height: 1.4em; } /* line 156, ../sass/theme-style.scss */ a { color: #fff; text-decoration: none; } /* line 161, ../sass/theme-style.scss */ ul.menu, ul.menu li { margin: 0; padding: 0; list-style-type: none; list-style-image: none; } /** -------------------------------------------------- * #structure * -------------------------------------------------- */ /* line 176, ../sass/theme-style.scss */ #header-main, #content #main, .group_spotlight, .field-name-field-slider, .region-content-bottom, .view-footer, .footer { *zoom: 1; width: 970px; } /* line 85, ../sass/partials/_mixins.scss */ #header-main:before, #header-main:after, #content #main:before, #content #main:after, .group_spotlight:before, .group_spotlight:after, .field-name-field-slider:before, .field-name-field-slider:after, .region-content-bottom:before, .region-content-bottom:after, .view-footer:before, .view-footer:after, .footer:before, .footer:after { content: " "; display: table; } /* line 90, ../sass/partials/_mixins.scss */ #header-main:after, #content #main:after, .group_spotlight:after, .field-name-field-slider:after, .region-content-bottom:after, .view-footer:after, .footer:after { clear: both; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 176, ../sass/theme-style.scss */ #header-main, #content #main, .group_spotlight, .field-name-field-slider, .region-content-bottom, .view-footer, .footer { max-width: 89%; } } /* line 191, ../sass/theme-style.scss */ .node-type-homepage #content #main { width: 100%; max-width: none; } /* line 196, ../sass/theme-style.scss */ #header-main, .region-content-bottom, .footer { margin: 0 auto; } /** -------------------------------------------------- * #fonts * -------------------------------------------------- */ @font-face { font-family: "SanukOTHairline"; font-style: normal; font-weight: normal; src: url("../font/../font/sanukot-hairline-webfont.eot?#iefix") format("embedded-opentype"), url("../font/sanukot-hairline-webfont.woff") format("woff"), url("../font/sanukot-hairline-webfont.ttf") format("truetype"), url("../font/sanukot-hairline-webfont.svg#SanukOTHairline") format("svg"); } @font-face { font-family: "SanukOTLight"; font-style: normal; font-weight: normal; src: url("../font/sanukot-light-webfont.eot?#iefix") format("embedded-opentype"), url("../font/sanukot-light-webfont.woff") format("woff"), url("../font/sanukot-light-webfont.ttf") format("truetype"), url("../font/sanukot-light-webfont.svg#SanukOTLight") format("svg"); } @font-face { font-family: "SanukOTMedium"; font-style: normal; font-weight: normal; src: url("../font/sanukot-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../font/sanukot-medium-webfont.woff") format("woff"), url("../font/sanukot-medium-webfont.ttf") format("truetype"), url("../font/sanukot-medium-webfont.svg#SanukOTMedium") format("svg"); } @font-face { font-family: "SanukOTBlack"; font-style: normal; font-weight: normal; src: url("../font/sanukot-black-webfont.eot?#iefix") format("embedded-opentype"), url("../font/sanukot-black-webfont.woff") format("woff"), url("../font/sanukot-black-webfont.ttf") format("truetype"), url("../font/sanukot-black-webfont.svg#SanukOTBlack") format("svg"); } @font-face { font-family: "SanukOT"; font-style: normal; font-weight: normal; src: url("../font/sanukot-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../font/sanukot-medium-webfont.woff") format("woff"), url("../font/sanukot-medium-webfont.ttf") format("truetype"), url("../font/sanukot-medium-webfont.svg#SanukOTMedium") format("svg"); } @font-face { font-family: "SanukOT"; font-style: normal; font-weight: 300; src: url("../font/sanukot-light-webfont.eot?#iefix") format("embedded-opentype"), url("../font/sanukot-light-webfont.woff") format("woff"), url("../font/sanukot-light-webfont.ttf") format("truetype"), url("../font/sanukot-light-webfont.svg#SanukOTLight") format("svg"); } @font-face { font-family: "SanukOT"; font-style: normal; font-weight: 500; src: url("../font/sanukot-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../font/sanukot-medium-webfont.woff") format("woff"), url("../font/sanukot-medium-webfont.ttf") format("truetype"), url("../font/sanukot-medium-webfont.svg#SanukOTMedium") format("svg"); } @font-face { font-family: "SanukOT"; font-style: normal; font-weight: bold; src: url("../font/sanukot-black-webfont.eot?#iefix") format("embedded-opentype"), url("../font/sanukot-black-webfont.woff") format("woff"), url("../font/sanukot-black-webfont.ttf") format("truetype"), url("../font/sanukot-black-webfont.svg#SanukOTBlack") format("svg"); } /* line 265, ../sass/theme-style.scss */ .sanuk-hairline { font-family: 'SanukOTHairline', Arial, Sans-serif; } /* line 269, ../sass/theme-style.scss */ .sanuk-light, body, p, ul li, ol li, a, .content-bottom a.all-products, select, input, textarea, #companysale .middle .view-products h2, #companysale .middle h2, #companysale .bottom .left h2, .view-garden-terrace-lines h2, .free-samples-counter { font-family: 'SanukOTLight', Arial, Sans-serif; } /* line 287, ../sass/theme-style.scss */ h1, h2, h3, h4, h5, h6 { font-family: 'SanukOTMedium', Arial, Sans-serif; } /* line 296, ../sass/theme-style.scss */ .sanuk-medium, nav ul.menu a, .region-header .block-nodeblock a, .view-id-products .details .price, .content-bottom a.all-products, #sidebar-first .field-name-field-company-link a, .webform-client-form input[type='submit'], .content-bottom a.all-projects, .view-garden-terrace-lines .details .price, .free-samples-alert, .product-price, #search-form .form-submit { font-family: 'SanukOTMedium', Arial, Sans-serif; } /* line 311, ../sass/theme-style.scss */ .sanuk-bold { font-family: 'SanukOTBlack', Arial, Sans-serif; } /** -------------------------------------------------- * #header * -------------------------------------------------- */ /* line 322, ../sass/theme-style.scss */ .site-header { background: url("../images/bg_header_black.png") left top repeat-x; } /* line 326, ../sass/theme-style.scss */ #header-main { position: relative; height: 89px; } /* line 331, ../sass/theme-style.scss */ a.logo { position: relative; z-index: 15; float: left; margin-left: 40px; margin-left: 4.1%; } /* line 339, ../sass/theme-style.scss */ .logo-country-name { position: absolute; top: 130px; display: block; width: 190px; text-align: center; text-transform: uppercase; color: #fff; font-size: 18px; font-family: 'SanukOTLight', Arial, Sans-serif; } /* line 351, ../sass/theme-style.scss */ .responsive-header-link { display: none; } /* line 355, ../sass/theme-style.scss */ #responsive-menu-link { position: absolute; z-index: 510; top: 50px; right: 0; padding-right: 30px; background: url('../images/icon-menu.png?1433420494') 100% 50% no-repeat; color: #fff; font-size: 1.4rem; text-transform: uppercase; cursor: pointer; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 355, ../sass/theme-style.scss */ #responsive-menu-link { display: block; } } /* line 371, ../sass/theme-style.scss */ .showNav #responsive-menu-link { display: none; } /* line 376, ../sass/theme-style.scss */ #responsive-menu-close { position: absolute; z-index: 510; top: 20px; right: 20px; padding-right: 30px; background: url('../images/icon-menu-close.png?1433420478') 100% 50% no-repeat; color: #fff; font-size: 1.4rem; text-transform: uppercase; cursor: pointer; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 376, ../sass/theme-style.scss */ #responsive-menu-close { top: 0; right: 0; } } /* line 393, ../sass/theme-style.scss */ .showNav #responsive-menu-close { display: inline-block; } /* line 397, ../sass/theme-style.scss */ #responsive-menu-close span { display: inline-block; text-align: left; text-indent: -9999em; } /* line 404, ../sass/theme-style.scss */ nav { float: left; width: 720px; width: 74.22%; margin-top: 36px; margin-left: 19px; margin-left: 1.95%; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 404, ../sass/theme-style.scss */ nav { display: none; } } /* line 417, ../sass/theme-style.scss */ nav ul.menu li { float: left; } /* line 421, ../sass/theme-style.scss */ nav ul.menu li a { float: left; padding: 20px 18px; font-size: 1.4em; line-height: 1em; color: #fff; text-transform: uppercase; background: url("../images/bg_nav_active.png") center 75px no-repeat; overflow: hidden; } /* line 432, ../sass/theme-style.scss */ nav ul.menu li a:hover, nav ul.menu li a:focus, nav ul.menu li a.active, nav ul.menu li a.active-trail { color: #9bcc42; background: url("../images/bg_nav_active.png") bottom center no-repeat; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 440, ../sass/theme-style.scss */ .region-header { display: none; } } /* line 446, ../sass/theme-style.scss */ .region-header .block-nodeblock { position: absolute; z-index: 1000; top: 91px; right: 44px; border: none !important; } /* line 454, ../sass/theme-style.scss */ .region-header .block-nodeblock .content .content .field-name-field-top-link { position: absolute; top: 0; right: 0; } /* line 460, ../sass/theme-style.scss */ .region-header .block-nodeblock .content .content .field-name-field-top-link a { display: block; width: 166px; height: 46px; margin-top: -3px; padding-top: 9px; background: url("../images/bg_samples.png") top left no-repeat; font-size: 1.6em; line-height: 1em; text-transform: uppercase; text-align: center; } /* line 473, ../sass/theme-style.scss */ .i18n-sl .region-header .block-nodeblock .content .content .field-name-field-top-link a { font-size: 1.4em; } /* line 477, ../sass/theme-style.scss */ #block-search-form { position: absolute; top: 5px; right: 110px; width: 352px; } @media only screen and (min-width: 0) and (max-width: 48em) { /* line 477, ../sass/theme-style.scss */ #block-search-form { right: 80px; } } /* line 488, ../sass/theme-style.scss */ #search-block-form { float: right; width: 202px; height: 22px; background: url(../images/bg_search.png) no-repeat; } /* line 495, ../sass/theme-style.scss */ #block-search-form h2 { float: left; width: 146px; margin: 0; padding-right: 4px; color: #777; font-size: 1.2em; font-weight: normal; font-family: 'SanukOTHairline', Arial, Sans-serif; line-height: 1.833em; text-align: right; } /* line 507, ../sass/theme-style.scss */ .mobile #block-search-form h2 { color: #fff; font-family: Arial, Sans-serif; } /* line 513, ../sass/theme-style.scss */ #block-search-form .form-item { float: left; width: 180px; margin: 0; } /* line 519, ../sass/theme-style.scss */ #block-search-form .form-item .form-text { width: 166px; height: 14px; background: none; border: none; color: #999; } /* line 527, ../sass/theme-style.scss */ #block-search-form .form-actions { float: left; width: 22px; } /* line 532, ../sass/theme-style.scss */ #block-search-form .form-actions .form-submit { background: none; border: none; width: 22px; height: 22px; text-indent: -9999em; } /* language switcher */ /* ***************** */ /* line 543, ../sass/theme-style.scss */ #block-locale-language { position: absolute; z-index: 1; top: 5px; right: 0px; } /* line 550, ../sass/theme-style.scss */ #block-locale-language h2 { display: none; } /* line 554, ../sass/theme-style.scss */ #block-locale-language ul { *zoom: 1; list-style: none; padding: 0; margin: 0; } /* line 85, ../sass/partials/_mixins.scss */ #block-locale-language ul:before, #block-locale-language ul:after { content: " "; display: table; } /* line 90, ../sass/partials/_mixins.scss */ #block-locale-language ul:after { clear: both; } /* line 561, ../sass/theme-style.scss */ #block-locale-language ul li { float: left; font-size: 1em; } /* line 566, ../sass/theme-style.scss */ #block-locale-language ul li a { display: inline-block; padding: 4px 5px 4px 5px; border-right: 1px solid #333; text-decoration: none; text-transform: uppercase; color: #666; font-size: 11px; } /* line 575, ../sass/theme-style.scss */ .mobile #block-locale-language ul li a { color: #fff; font-family: Arial, Sans-serif; } /* line 581, ../sass/theme-style.scss */ #block-locale-language ul li.last a { border-right: none; } /* line 585, ../sass/theme-style.scss */ #block-locale-language ul li a:hover, #block-locale-language ul li a.active { background-color: #3d3d3d; color: #fff; border-right-color: #555; } /* social media */ /* ************ */ /* line 595, ../sass/theme-style.scss */ #block-namgrassnl-custom-social-media { position: fixed; margin-top: 200px; left: 0px; } /* line 600, ../sass/theme-style.scss */ .mobile #block-namgrassnl-custom-social-media { margin-top: 95px; } /** -------------------------------------------------- * #responsive navigation * -------------------------------------------------- */ /* line 612, ../sass/theme-style.scss */ html.showNav { overflow-x: hidden; overflow-y: hidden; overflow: hidden; height: 100%; } /* line 618, ../sass/theme-style.scss */ html.showNav body { overflow-x: hidden; overflow-y: hidden; overflow: hidden; height: 100%; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 627, ../sass/theme-style.scss */ html.showNav header, html.showNav #content { width: 100%; margin-left: 252px; } /* line 633, ../sass/theme-style.scss */ html.showNav #header-wrapper { position: fixed; z-index: 500; overflow-y: auto; top: 0; left: 0; width: 210px; height: 100%; margin: 0; padding: 20px; background: #101010; border-right: 2px solid #fff; } /* line 646, ../sass/theme-style.scss */ html.showNav #header-wrapper nav { display: block; position: relative; z-index: 100; top: auto; left: auto; width: 100%; height: auto; margin: 0; padding: 0 0 2em 0; background: none; border: none; transition: position 0.3s ease; } /* line 663, ../sass/theme-style.scss */ html.showNav #header-wrapper nav ul.menu li { float: none; margin: 0.25em 0; } /* line 667, ../sass/theme-style.scss */ html.showNav #header-wrapper nav ul.menu li a { display: inline-block; float: none; padding: 6px 0 6px 25px; background: none; } /* line 673, ../sass/theme-style.scss */ html.showNav #header-wrapper nav ul.menu li a.active, html.showNav #header-wrapper nav ul.menu li a.active-trail, html.showNav #header-wrapper nav ul.menu li a:focus, html.showNav #header-wrapper nav ul.menu li a:hover { background: url('../images/bg_nav_active_resp.png?1433420193') 0 50% no-repeat; } /* line 682, ../sass/theme-style.scss */ html.showNav #header-wrapper nav ul.menu li.last a.active, html.showNav #header-wrapper nav ul.menu li.last a.active-trail, html.showNav #header-wrapper nav ul.menu li.last a:focus, html.showNav #header-wrapper nav ul.menu li.last a:hover { background: none; } /* line 693, ../sass/theme-style.scss */ html.showNav #header-wrapper .region-header { clear: both; padding: 2em 0; border-top: 1px solid #fff; } /* line 698, ../sass/theme-style.scss */ html.showNav #header-wrapper .region-header #block-locale-language, html.showNav #header-wrapper .region-header #block-search-form, html.showNav #header-wrapper .region-header .block-nodeblock { display: block; position: relative; z-index: 100; top: auto; right: auto; bottom: auto; left: auto; margin: 0 0 2em 0; } /* line 711, ../sass/theme-style.scss */ html.showNav #header-wrapper .region-header #block-search-form { width: auto; } /* line 714, ../sass/theme-style.scss */ html.showNav #header-wrapper .region-header #block-search-form h2 { float: none; width: auto; padding: 0; color: #fff !important; opacity: 1; text-align: left; } /* line 723, ../sass/theme-style.scss */ html.showNav #header-wrapper .region-header #block-search-form #search-block-form { float: none; } /* line 728, ../sass/theme-style.scss */ html.showNav #header-wrapper .region-header .block-nodeblock { margin: 0; border-top: 1px solid #fff !important; } /* line 732, ../sass/theme-style.scss */ html.showNav #header-wrapper .region-header .block-nodeblock.telephone { margin-bottom: 2em; border-top: none !important; } /* line 737, ../sass/theme-style.scss */ html.showNav #header-wrapper .region-header .block-nodeblock .content .content .field-name-field-top-link { position: relative; top: auto; right: auto; } /* line 742, ../sass/theme-style.scss */ html.showNav #header-wrapper .region-header .block-nodeblock .content .content .field-name-field-top-link a { display: block; margin: 0 auto; } /* line 749, ../sass/theme-style.scss */ html.showNav #header-wrapper .region-header #block-namgrassnl-custom-social-media { left: 252px; margin-top: -295px; } } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 759, ../sass/theme-style.scss */ html.showNav #header-wrapper .region-header { display: block; } /* line 762, ../sass/theme-style.scss */ html.showNav #header-wrapper .region-header #block-namgrassnl-custom-social-media { position: relative; left: 0; margin-top: 0; } /* line 767, ../sass/theme-style.scss */ html.showNav #header-wrapper .region-header #block-namgrassnl-custom-social-media ul { text-align: center; } /* line 770, ../sass/theme-style.scss */ html.showNav #header-wrapper .region-header #block-namgrassnl-custom-social-media ul li { display: inline-block; margin: 0 2px; } } /** -------------------------------------------------- * #sidebar * -------------------------------------------------- */ /* line 788, ../sass/theme-style.scss */ #sidebar-first { float: left; width: 190px; width: 19.58%; margin-top: 20px; margin-bottom: 20px; margin-left: 40px; margin-left: 4.12%; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 788, ../sass/theme-style.scss */ #sidebar-first { width: 25%; } } @media only screen and (min-width: 0) and (max-width: 48em) { /* line 788, ../sass/theme-style.scss */ #sidebar-first { float: none; width: 100%; margin-left: 0; } } /* line 808, ../sass/theme-style.scss */ #sidebar-first .block-menu-block { margin-bottom: 20px; } /* line 812, ../sass/theme-style.scss */ #sidebar-first ul.menu, #sidebar-first ul.menu li { margin: 0; padding: 0; list-style-type: none; list-style-image: none; } /* line 820, ../sass/theme-style.scss */ #sidebar-first ul.menu li a { display: block; padding: 8px 10px; background: url("../images/bg_submenu.png") -10px center no-repeat; font-size: 1.6em; line-height: 1.6em; color: #111; overflow: hidden; border-bottom: 1px solid #ddd; } /* line 831, ../sass/theme-style.scss */ #sidebar-first ul.menu li a:hover, #sidebar-first ul.menu li a:focus, #sidebar-first ul.menu li a.active, #sidebar-first ul.menu li a.active-trail { padding-left: 25px; background: url("../images/bg_submenu.png") 10px center no-repeat; border-color: #b5d518; } /* line 840, ../sass/theme-style.scss */ #sidebar-first ul.menu li.last a { border-bottom: none; } /* line 844, ../sass/theme-style.scss */ #sidebar-first ul.menu ul.menu li a { padding-left: 25px; background: #e0e0e0; border-color: #d4d2d2; } /* line 850, ../sass/theme-style.scss */ #sidebar-first ul.menu ul.menu li a:hover, #sidebar-first ul.menu ul.menu li a.active, #sidebar-first ul.menu ul.menu li a.active-trail { border-color: #d4d2d2; background: #ebeaea; } /* line 857, ../sass/theme-style.scss */ #sidebar-first ul.menu ul.menu li.expanded .leaf a { padding-left: 50px; background-color: #D8D8D8; } /* line 862, ../sass/theme-style.scss */ #sidebar-first ul.menu li.expanded .last.leaf a { border-bottom: 1px solid #d4d2d2; } /* line 866, ../sass/theme-style.scss */ #sidebar-first .field-name-field-company-link a { display: block; width: 199px; height: 40px; margin-left: -3px; padding-top: 8px; background: url("../images/bg_factory_sale.png") left center no-repeat; font-size: 1.8em; text-align: center; } /* line 880, ../sass/theme-style.scss */ #sidebar-first .block-nodeblock, #sidebar-first .block-multiblock { margin-bottom: 20px; } /* line 885, ../sass/theme-style.scss */ #sidebar-first #block-nodeblock-18 { margin-left: 0px; } /* line 889, ../sass/theme-style.scss */ #sidebar-first #block-nodeblock-17 img, #sidebar-first #block-multiblock-1 img { margin-left: -32px; } @media only screen and (min-width: 0) and (max-width: 48em) { /* line 894, ../sass/theme-style.scss */ #sidebar-first .block-nodeblock { display: none; } } /** -------------------------------------------------- * #main * -------------------------------------------------- */ /* line 907, ../sass/theme-style.scss */ #content #main { *zoom: 1; clear: both; margin: 0 auto 25px auto; } /* line 85, ../sass/partials/_mixins.scss */ #content #main:before, #content #main:after { content: " "; display: table; } /* line 90, ../sass/partials/_mixins.scss */ #content #main:after { clear: both; } /* line 913, ../sass/theme-style.scss */ .front #content #main { float: left; margin: 0 auto 5px auto; } /* line 918, ../sass/theme-style.scss */ #content #main .main { float: right; width: 69.1%; margin-top: -89px; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 918, ../sass/theme-style.scss */ #content #main .main { width: 65%; padding: 0; } } @media only screen and (min-width: 0) and (max-width: 48em) { /* line 918, ../sass/theme-style.scss */ #content #main .main { float: none; width: 100%; margin: 0; } } /* line 935, ../sass/theme-style.scss */ .node-type-homepage #content #main .main { float: none; width: auto; margin-top: -92px; padding-left: 0; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 935, ../sass/theme-style.scss */ .node-type-homepage #content #main .main { width: 100%; max-width: none; } } /* line 947, ../sass/theme-style.scss */ #breadcrumb { margin-top: 35px; } @media only screen and (min-width: 0) and (max-width: 48em) { /* line 947, ../sass/theme-style.scss */ #breadcrumb { display: none; } } /* line 955, ../sass/theme-style.scss */ #breadcrumb a { font-size: 1.2em; line-height: 1em; color: #474747; } /* line 961, ../sass/theme-style.scss */ #breadcrumb a:hover, #breadcrumb a:focus { text-decoration: underline; } /* line 966, ../sass/theme-style.scss */ #breadcrumb .seperator { float: left; padding: 3px 5px; width: 7px; height: 9px; background: url("../images/breadcrumb_seperator.png") 5px 2px no-repeat; } /* line 974, ../sass/theme-style.scss */ #main .region-content .content .group_homepage_content_left ul li, #main .region-content .content .node-basicpage ul li, #main .region-content .content .field-name-field-product-body ul li, #main .region-content .content .field-name-body ul li { margin-bottom: 5px; padding-left: 20px; line-height: 1.6em; background: url("../images/bg_li.png") left 6px no-repeat; } /* line 984, ../sass/theme-style.scss */ #main .region-content .content .group_homepage_content_left ol li, #main .region-content .content .node-basicpage ol li, #main .region-content .content .field-name-field-product-body ol li { margin-bottom: 2px; padding-left: 15px; font-size: 1.4em; line-height: 1.4em; background: url("../images/bg_ol_li.png") left 9px no-repeat; } /* line 994, ../sass/theme-style.scss */ .region-content a, .region-content a:link, .region-content a:visited { color: #474747; border-bottom: 1px dotted #474747; } /* line 1001, ../sass/theme-style.scss */ .region-content a:hover, .region-content a:focus { border-bottom-style: solid; } /** -------------------------------------------------- * #basic content - left, right * -------------------------------------------------- */ /* line 1013, ../sass/theme-style.scss */ .group_left_body { float: left; width: 310px; width: 46.33%; margin-bottom: 25px; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 1013, ../sass/theme-style.scss */ .group_left_body { float: none; width: 100%; } } /* line 1025, ../sass/theme-style.scss */ .group_right_body { float: right; width: 310px; width: 46.33%; margin-bottom: 25px; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 1025, ../sass/theme-style.scss */ .group_right_body { float: none; width: 100%; } } /* line 1037, ../sass/theme-style.scss */ .field-name-field-left-image img, .field-name-field-right-image img { width: auto; max-width: 100%; height: auto; border: 6px solid #dbdbdb; } /** -------------------------------------------------- * #contact * -------------------------------------------------- */ /* line 1052, ../sass/theme-style.scss */ .field-name-field-location-image { float: left; margin-right: 30px; } /* line 1057, ../sass/theme-style.scss */ .field-name-field-location-content { float: left; } /* line 1061, ../sass/theme-style.scss */ .field-name-field-location { clear: both; float: left; width: 100%; margin-top: 20px; margin-bottom: 25px; } /* line 1069, ../sass/theme-style.scss */ .field-name-field-location-image img, .field-name-field-location, #block-views-location-map-block { border: 6px solid #dbdbdb; } /* line 1075, ../sass/theme-style.scss */ #block-views-location-map-block { margin-top: 30px; margin-bottom: 25px; } /** -------------------------------------------------- * #sample form * -------------------------------------------------- */ /* line 1087, ../sass/theme-style.scss */ .sample.selected { border: solid 3px red; } /* line 1091, ../sass/theme-style.scss */ .sample:hover { border: solid 3px #1b9b96; } /** -------------------------------------------------- * #flex slider * -------------------------------------------------- */ /* line 1102, ../sass/theme-style.scss */ .node-type-product #main .region-content .content ol.flex-control-nav, .node-type-product #main .region-content .content ol.flex-control-nav li, #main .region-content .content ul.flex-direction-nav, #main .region-content .content ul.flex-direction-nav li { margin: 0; padding: 0; background: none; } /* line 1111, ../sass/theme-style.scss */ #main .region-content .content ul.slides, #main .region-content .content ul.slides li { padding: 0; margin: 0px; background: none; } /* line 1118, ../sass/theme-style.scss */ .flex-direction-nav .flex-prev { left: -16px; background: url("../images/btn_previous.png") left center no-repeat; } /* line 1123, ../sass/theme-style.scss */ .flex-direction-nav .flex-next { right: -16px; background: url("../images/btn_next.png") left center no-repeat; } /* line 1128, ../sass/theme-style.scss */ .flex-direction-nav .flex-prev:hover, .flex-direction-nav .flex-prev:focus { left: -19px; } /* line 1133, ../sass/theme-style.scss */ .flex-direction-nav .flex-next:hover, .flex-direction-nav .flex-next:focus { right: -19px; } /** -------------------------------------------------- * #factory sale * -------------------------------------------------- */ /* line 1145, ../sass/theme-style.scss */ #companysale .field-name-field-address-image img { border: 6px solid #DBDBDB; } /* line 1149, ../sass/theme-style.scss */ #companysale .middle h2 { margin-top: 24px; margin-bottom: 21px; font-size: 2.1em; color: #2db1ac; } /* line 1156, ../sass/theme-style.scss */ #companysale .middle .view-products h2 { margin-top: 0; margin-bottom: 4px; font-size: 1.8em; color: #000; } /* line 1163, ../sass/theme-style.scss */ #companysale .bottom { clear: both; float: left; width: 670px; margin-top: 10px; margin-bottom: 25px; } /* line 1171, ../sass/theme-style.scss */ #companysale .bottom .left { float: left; width: 225px; } /* line 1176, ../sass/theme-style.scss */ #companysale .bottom .left h2 { color: #393939; font-size: 2.1em; margin-bottom: 5px; } /* line 1182, ../sass/theme-style.scss */ #companysale .bottom .right { float: right; width: 225px; text-align: right; } /* line 1188, ../sass/theme-style.scss */ #companysale .bottom .right h2 { margin-top: 61px; margin-bottom: 0; color: #393939; font-weight: 700; } /* line 1195, ../sass/theme-style.scss */ #companysale .bottom .left .text, #companysale .bottom .right .text { font-size: 1.4em; color: #474747; } /* line 1201, ../sass/theme-style.scss */ #companysale .view-products a { float: left; display: block; margin-right: 20px; margin-bottom: 30px; } /* line 1208, ../sass/theme-style.scss */ #companysale .view-products .view-content > div:nth-child(odd) a { clear: both; } /** -------------------------------------------------- * #projects * -------------------------------------------------- */ /* line 1219, ../sass/theme-style.scss */ #block-views-projects-projects .view-projects .view-content div img { border: none; } /* line 1223, ../sass/theme-style.scss */ #block-views-projects-projects .view-projects { padding: 0; } /* line 1227, ../sass/theme-style.scss */ #block-views-projects-projects .view-projects .slides { margin-bottom: 15px; } /* line 1231, ../sass/theme-style.scss */ #block-views-projects-projects .view-projects .view-content #carousel { width: 630px; padding: 0 20px; margin-left: 5px; margin-top: 20px; margin-bottom: 25px; margin-right: 0; } /* line 1240, ../sass/theme-style.scss */ #block-views-projects-projects .view-projects .view-content #carousel .flex-viewport { width: 620px !important; } /* line 1244, ../sass/theme-style.scss */ #block-views-projects-projects .view-projects .view-content #carousel .slides li img { width: 100px !important; margin-right: 25px; border: 3px solid #fff; cursor: pointer; } /* line 1251, ../sass/theme-style.scss */ #carousel .flex-direction-nav .flex-prev { background: url("../images/previous_project.png") left center no-repeat; left: -3px; top: 29px; } /* line 1257, ../sass/theme-style.scss */ #carousel .flex-direction-nav .flex-prev:hover, #carousel .flex-direction-nav .flex-prev:focus { left: -6px; } /* line 1262, ../sass/theme-style.scss */ #carousel .flex-direction-nav .flex-next { background: url("../images/next_project.png") left center no-repeat; right: 0; top: 29px; } /* line 1268, ../sass/theme-style.scss */ #carousel .flex-direction-nav .flex-next:hover, #carousel .flex-direction-nav .flex-next:focus { right: -3px; } /* line 1273, ../sass/theme-style.scss */ .view-id-projectspage [class^="PIN_"] { float: right; margin-left: -105px; background: url("../images/share_pinterest.png") no-repeat; height: 32px; width: 100px; } /* line 1281, ../sass/theme-style.scss */ .view-id-projectpage .flex-control-nav li { float: left; margin: 5px; } /* line 1286, ../sass/theme-style.scss */ .view-id-projectpage .view-content > div li { margin: 0px; } /* line 1294, ../sass/theme-style.scss */ .view-projectspage .views-row .views-field-field-project-image .field-content { *zoom: 1; overflow: hidden; } /* line 85, ../sass/partials/_mixins.scss */ .view-projectspage .views-row .views-field-field-project-image .field-content:before, .view-projectspage .views-row .views-field-field-project-image .field-content:after { content: " "; display: table; } /* line 90, ../sass/partials/_mixins.scss */ .view-projectspage .views-row .views-field-field-project-image .field-content:after { clear: both; } /* line 1298, ../sass/theme-style.scss */ .view-projectspage .views-row .views-field-field-project-image .field-content img { float: right; } @media only screen and (min-width: 0) and (max-width: 48em) { /* line 1298, ../sass/theme-style.scss */ .view-projectspage .views-row .views-field-field-project-image .field-content img { margin-right: -190px; } } /** -------------------------------------------------- * #search * -------------------------------------------------- */ /* line 1317, ../sass/theme-style.scss */ .page-search-node .content { padding-bottom: 20px; } /* line 1321, ../sass/theme-style.scss */ #search-form label { width: auto; } /* line 1325, ../sass/theme-style.scss */ .search-results { padding-left: 40px; list-style-type: decimal; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 1325, ../sass/theme-style.scss */ .search-results { padding-left: 20px; } } /* line 1334, ../sass/theme-style.scss */ .search-snippet { margin-bottom: 0.5em; } /* line 1338, ../sass/theme-style.scss */ #search-form .form-submit { height: 27px; padding: 0 20px; border: none; background: #97c93f; color: #fff; text-transform: uppercase; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 1338, ../sass/theme-style.scss */ #search-form .form-submit { margin-top: 1em; } } /* line 1352, ../sass/theme-style.scss */ .item-list .pager li { font-size: 13px; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 1352, ../sass/theme-style.scss */ .item-list .pager li { display: inline-block; margin-right: 2em; margin-bottom: 2em; } } /** -------------------------------------------------- * #content bottom * -------------------------------------------------- */ /* line 1370, ../sass/theme-style.scss */ .content-bottom { *zoom: 1; clear: both; background: #e6e7e6; } /* line 85, ../sass/partials/_mixins.scss */ .content-bottom:before, .content-bottom:after { content: " "; display: table; } /* line 90, ../sass/partials/_mixins.scss */ .content-bottom:after { clear: both; } /* line 1376, ../sass/theme-style.scss */ .content-bottom .field-name-field-product-thumb-image img, .view-projects .view-content div img { border: 5px solid #fff; } /* line 1381, ../sass/theme-style.scss */ .view-products-bottom, .view-projects { float: left; padding: 35px 0; } /* line 1387, ../sass/theme-style.scss */ .view-products-bottom .views-row, .view-projects .view-content > div { position: relative; float: left; margin-right: 14px; } /* line 1394, ../sass/theme-style.scss */ .view-products-bottom .views-row:nth-child(8n), .view-projects .view-content > div:nth-child(8n) { margin-right: 0; } /* line 1399, ../sass/theme-style.scss */ .view-products-bottom .views-row h2 { position: absolute; top: 0; } /* line 1404, ../sass/theme-style.scss */ .view-products-bottom .views-row h2 a, .view-projects .view-content div span { visibility: hidden; opacity: 0.3; position: absolute; top: -28px; left: 5px; top: -8px; width: 99px; height: 74px; padding-top: 25px; color: #fff; background: url("../images/bottom_content_hover.png") left center no-repeat; text-align: center; font-size: 1.2em; line-height: 1.1em; position: absolute; word-wrap: break-word; } /* line 1424, ../sass/theme-style.scss */ .view-projects .view-content div span { top: 5px; left: 5px; font-size: 1.9em; } /* line 1430, ../sass/theme-style.scss */ .view-products-bottom .views-row.hover h2 a, .view-products-bottom .views-row h2 a:hover { visibility: visible; opacity: 1; height: 59px; padding-top: 35px; } /* line 1438, ../sass/theme-style.scss */ .view-projects .view-content div.project-item.hover span { visibility: visible; opacity: 1; height: 58px; padding-top: 41px; } /* line 1445, ../sass/theme-style.scss */ .view-products-bottom .views-row .field-name-field-product-thumb-image a { float: left; } /* line 1449, ../sass/theme-style.scss */ .view-footer { clear: both; text-align: center; } /* line 1454, ../sass/theme-style.scss */ .view-footer p { margin: 0; } /* line 1458, ../sass/theme-style.scss */ .content-bottom a.all-products, .content-bottom a.all-projects { display: inline-block; height: 39px; padding-top: 12px; padding-right: 48px; color: #404040; background: url("../images/btn_all_products.png") right center no-repeat; } /* line 1468, ../sass/theme-style.scss */ .content-bottom a.all-products { padding-top: 12px; font-size: 2.4em; } /* line 1473, ../sass/theme-style.scss */ .content-bottom a.all-projects { padding-top: 20px; font-size: 1.7em; } /* line 1483, ../sass/theme-style.scss */ #block-nodeblock-20, #block-multiblock-4 { text-align: center; } /* line 1488, ../sass/theme-style.scss */ #block-nodeblock-20 img, #block-multiblock-4 img { margin-bottom: -3px; } /** -------------------------------------------------- * #footer * -------------------------------------------------- */ /* line 1500, ../sass/theme-style.scss */ footer { margin-top: 30px; padding-bottom: 10px; background: #242424; } /* line 1506, ../sass/theme-style.scss */ footer .top { overflow: hidden; padding: 20px 0; background: #393939; } /* line 1512, ../sass/theme-style.scss */ .footer { clear: both; } /* line 1516, ../sass/theme-style.scss */ .front footer { margin-top: 0; } /* line 1520, ../sass/theme-style.scss */ footer .block-nodeblock { float: left; width: 220px; min-height: 145px; height: auto; padding: 20px 45px; background: url("../images/bg_nodeblock_border.png") right top no-repeat; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 1520, ../sass/theme-style.scss */ footer .block-nodeblock { float: none; margin: 0 auto; padding: 0; min-height: 0; background: none; } } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 1520, ../sass/theme-style.scss */ footer .block-nodeblock { margin-bottom: 2em; } } /* line 1541, ../sass/theme-style.scss */ .field-name-field-social-media-linkimage img { border-bottom: 1px solid #38b5b1; } /* line 1545, ../sass/theme-style.scss */ .node-offre .field-name-field-offre-content { padding-bottom: 12px; font-size: 1.6em; line-height: 1.4em; color: #fff; border-bottom: 1px solid #38b5b1; } /* line 1553, ../sass/theme-style.scss */ .node-offre .field-name-field-offre-linkimage { margin-top: -20px; } /* line 1557, ../sass/theme-style.scss */ .node-offre .field-name-field-offre-linkimage a, .block-simplenews [type='submit'] { margin-left: 165px; } /* line 1562, ../sass/theme-style.scss */ .node-offre .field-name-field-offre-linkimage a:hover, .node-offre .field-name-field-offre-linkimage a:focus, .block-simplenews [type='submit']:hover, .block-simplenews [type='submit']:focus { margin-left: 169px; } /* line 1569, ../sass/theme-style.scss */ .node-offre h2, .block-simplenews h2 { margin: 0 0 4px 0; font-size: 2em; color: #b8b8b8; } /* line 1576, ../sass/theme-style.scss */ footer .block-simplenews { position: relative; float: left; width: 220px; height: auto; padding: 20px 0 20px 45px; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 1576, ../sass/theme-style.scss */ footer .block-simplenews { float: none; margin: 0 auto; padding: 20px 0 0 0; background: none; } } /* line 1591, ../sass/theme-style.scss */ .block-simplenews .content { padding-bottom: 8px; } /* line 1595, ../sass/theme-style.scss */ .block-simplenews p, .block-simplenews label { display: none; visibility: hidden; } /* line 1601, ../sass/theme-style.scss */ .block-simplenews .btn-sub { position: relative; height: 21px; margin-top: 23px; margin-bottom: 6px; } /* line 1608, ../sass/theme-style.scss */ .block-simplenews .btn-sub span { display: block; width: 100%; border-bottom: 1px solid #89b741; } /* line 1614, ../sass/theme-style.scss */ .block-simplenews [type='submit'] { position: absolute; bottom: 2px; width: 39px; height: 39px; text-indent: -9999px; text-transform: uppercase; border: none; background: url("../images/btn_newsletter.png") left center no-repeat; } /* line 1625, ../sass/theme-style.scss */ .block-simplenews .form-item-mail { margin-top: 9px; font-size: 1.6em; line-height: 1.4em; color: #fff; } /* line 1632, ../sass/theme-style.scss */ input.form-text#edit-mail, .block-simplenews #edit-mollom-captcha { width: 210px; padding: 5px 4px; border: 1px solid #2f362d; background: #6a6767; font-size: 0.8em; color: #f2f2f2; } /* line 1642, ../sass/theme-style.scss */ .block-simplenews .mollom-captcha-content { display: block; width: 100%; } /* line 1647, ../sass/theme-style.scss */ .block-simplenews #edit-mollom-captcha { width: 152px; margin-left: 0; } /* line 1652, ../sass/theme-style.scss */ .block-simplenews .field-prefix { color: #fff; } /* line 1656, ../sass/theme-style.scss */ .footer .description.mollom-privacy { margin-left: 0; margin-bottom: 5px; color: #666; } /* line 1661, ../sass/theme-style.scss */ .mobile .footer .description.mollom-privacy { color: #ccc; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 1656, ../sass/theme-style.scss */ .footer .description.mollom-privacy { margin-top: 2em; } } /* line 1670, ../sass/theme-style.scss */ .footer .description.mollom-privacy a { color: #999; text-decoration: underline; } /* line 1674, ../sass/theme-style.scss */ .mobile .footer .description.mollom-privacy a { color: #ccc; } /* line 1679, ../sass/theme-style.scss */ .footer .description.mollom-privacy a:hover, .footer .description.mollom-privacy a:focus { text-decoration: none; } /* line 1684, ../sass/theme-style.scss */ .credits p { float: left; color: #686868; font-size: 1.2em; } /* line 1689, ../sass/theme-style.scss */ .mobile .credits p { color: #ccc; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 1684, ../sass/theme-style.scss */ .credits p { float: none; text-align: center; } } /* line 1699, ../sass/theme-style.scss */ .credits a { font-size: 1em; color: #686868; border-bottom: 1px solid #454545; } /* line 1704, ../sass/theme-style.scss */ .mobile .credits a { color: #ccc; } /* line 1709, ../sass/theme-style.scss */ .region-footer-menu { float: left; margin: 12px 0; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 1709, ../sass/theme-style.scss */ .region-footer-menu { float: none; text-align: center; } } /* line 1719, ../sass/theme-style.scss */ .region-footer-menu li { float: left; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 1719, ../sass/theme-style.scss */ .region-footer-menu li { float: none; margin: 2em 0 !important; text-align: center; } } /* line 1729, ../sass/theme-style.scss */ .region-footer-menu li a { color: #686868; } /* line 1733, ../sass/theme-style.scss */ .region-footer-menu a { margin-left: 3px; margin-right: 3px; font-size: 1.2em; } /* line 1739, ../sass/theme-style.scss */ .region-footer-menu li:after { content: '-'; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 1739, ../sass/theme-style.scss */ .region-footer-menu li:after { display: none; } } /* line 1747, ../sass/theme-style.scss */ .region-footer-menu li.last:after { content: ''; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 1747, ../sass/theme-style.scss */ .region-footer-menu li.last:after { display: none; } } /* line 1755, ../sass/theme-style.scss */ .credits_wrap { float: right; margin: 12px 0; font-size: 1.2em; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 1755, ../sass/theme-style.scss */ .credits_wrap { float: none; display: block; text-align: center; } } /** -------------------------------------------------- * #free samples * -------------------------------------------------- */ /* line 1774, ../sass/theme-style.scss */ #sample-categories-wrapper { *zoom: 1; margin-bottom: 20px; } /* line 85, ../sass/partials/_mixins.scss */ #sample-categories-wrapper:before, #sample-categories-wrapper:after { content: " "; display: table; } /* line 90, ../sass/partials/_mixins.scss */ #sample-categories-wrapper:after { clear: both; } /* line 1779, ../sass/theme-style.scss */ #sample-categories-wrapper .sample-category { float: left; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 1779, ../sass/theme-style.scss */ #sample-categories-wrapper .sample-category { margin-bottom: 20px; } } /* line 1787, ../sass/theme-style.scss */ #sample-categories-wrapper .sample-category:last-child { margin-right: 0; } /* line 1791, ../sass/theme-style.scss */ #sample-categories-wrapper .sample-category label { float: none; width: auto; padding: 0; } /* line 1797, ../sass/theme-style.scss */ #sample-categories-wrapper .sample-category .sample-category-icon { height: 125px; } /* line 1801, ../sass/theme-style.scss */ #sample-categories-wrapper .sample-category .sample-category-title { display: none; } /* line 1805, ../sass/theme-style.scss */ #sample-categories-wrapper .sample-category .sample-category-body { display: none; } /* line 1809, ../sass/theme-style.scss */ #sample-categories-wrapper .sample-category .sample-category-radio { text-align: center; } /* line 1813, ../sass/theme-style.scss */ #sample-categories-wrapper .sample-category .sample-category-radio input { cursor: pointer; } /* line 1817, ../sass/theme-style.scss */ #sample-categories-wrapper #139 { margin-top: 4px; } /* line 1821, ../sass/theme-style.scss */ #sample-categories-wrapper #139, #sample-categories-wrapper #148, #sample-categories-wrapper #140 { width: 120px; } /* line 1827, ../sass/theme-style.scss */ .samples-collection-wrapper { position: relative; clear: both; float: left; width: 670px; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 1827, ../sass/theme-style.scss */ .samples-collection-wrapper { width: auto; } } /* line 1838, ../sass/theme-style.scss */ .samples-collection-wrapper .samples-collection { clear: both; float: left; width: 640px; padding: 10px; background: #fff; border: 5px solid #179b95; border-radius: 3px; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 1838, ../sass/theme-style.scss */ .samples-collection-wrapper .samples-collection { width: auto; padding: 5px; } } /* line 1853, ../sass/theme-style.scss */ #samples-collection-arrow { position: absolute; top: -17px; left: 406px; display: block; width: 30px; height: 21px; background: url("../images/green-arrow.png") left top no-repeat; } /* line 1863, ../sass/theme-style.scss */ #samples-collection-arrow.sample-category-class-gold-label { left: 133px; background: url("../images/gold-arrow.png") left top no-repeat; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 1863, ../sass/theme-style.scss */ #samples-collection-arrow.sample-category-class-gold-label { left: 30px; } } /* line 1872, ../sass/theme-style.scss */ #samples-collection-arrow.sample-category-class-green-collection { left: 257px; background: url("../images/green-arrow.png") left top no-repeat; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 1872, ../sass/theme-style.scss */ #samples-collection-arrow.sample-category-class-green-collection { left: 30px; } } /* line 1881, ../sass/theme-style.scss */ #samples-collection-arrow.sample-category-class-living-colours { left: 42px; background: url("../images/green-arrow.png") left top no-repeat; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 1881, ../sass/theme-style.scss */ #samples-collection-arrow.sample-category-class-living-colours { left: 30px; } } /* line 1890, ../sass/theme-style.scss */ #samples-collection-arrow.sample-category-class-nam-sports { left: 536px; background: url("../images/green-arrow.png") left top no-repeat; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 1890, ../sass/theme-style.scss */ #samples-collection-arrow.sample-category-class-nam-sports { left: 30px; } } /* line 1899, ../sass/theme-style.scss */ #samples-collection-arrow.sample-category-class-nam-golf { left: 139px; background: url("../images/green-arrow.png") left top no-repeat; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 1899, ../sass/theme-style.scss */ #samples-collection-arrow.sample-category-class-nam-golf { left: 30px; } } /* line 1908, ../sass/theme-style.scss */ .samples-collection-wrapper .samples-collection.sample-category-class-blue-line { border: 5px solid #223d94; } /* line 1912, ../sass/theme-style.scss */ .samples-collection-wrapper .samples-collection.sample-category-class-gold-label { border: 5px solid #dfad37; } /* line 1916, ../sass/theme-style.scss */ .samples-collection-wrapper .samples-collection.sample-category-class-green-collection { border: 5px solid #179b95; } /* line 1920, ../sass/theme-style.scss */ .samples-collection-wrapper .samples-collection.sample-category-class-living-colours { border: 5px solid #179b95; } /* line 1924, ../sass/theme-style.scss */ .samples-collection-wrapper .samples-collection.sample-category-class-nam-sports { border: 5px solid #179b95; } /* line 1928, ../sass/theme-style.scss */ .samples-collection-wrapper .samples-collection.sample-category-class-nam-golf { border: 5px solid #179b95; } /* line 1932, ../sass/theme-style.scss */ .samples-collection-wrapper .sample { overflow: hidden; float: left; width: 90px; height: 105px; margin-right: 19px; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 1932, ../sass/theme-style.scss */ .samples-collection-wrapper .sample { margin: 5px; } } /* line 1944, ../sass/theme-style.scss */ .samples-collection-wrapper .sample:nth-child(6), .samples-collection-wrapper .sample:nth-child(12), .samples-collection-wrapper .sample:nth-child(18), .samples-collection-wrapper .sample:nth-child(24), .samples-collection-wrapper .sample:nth-child(30), .samples-collection-wrapper .sample:nth-child(36), .samples-collection-wrapper .sample:nth-child(42) { margin-right: 0; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 1944, ../sass/theme-style.scss */ .samples-collection-wrapper .sample:nth-child(6), .samples-collection-wrapper .sample:nth-child(12), .samples-collection-wrapper .sample:nth-child(18), .samples-collection-wrapper .sample:nth-child(24), .samples-collection-wrapper .sample:nth-child(30), .samples-collection-wrapper .sample:nth-child(36), .samples-collection-wrapper .sample:nth-child(42) { margin-right: 5px; } } /* line 1958, ../sass/theme-style.scss */ .samples-collection-wrapper .sample:hover, .samples-collection-wrapper .sample.selected { border: none; } /* line 1963, ../sass/theme-style.scss */ .samples-collection-wrapper .sample:last-child { margin-right: 0; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 1963, ../sass/theme-style.scss */ .samples-collection-wrapper .sample:last-child { margin-right: 5px; } } /* line 1971, ../sass/theme-style.scss */ .samples-collection-wrapper .sample div.sample-img { border: none; } /* line 1975, ../sass/theme-style.scss */ .samples-collection-wrapper .sample div.sample-img img { width: 84px; height: 56px; border: 3px solid #999; cursor: pointer; border-radius: 3px; } /* line 1983, ../sass/theme-style.scss */ .samples-collection-wrapper .sample div.sample-img.hover img { border-color: #1b9b96; } /* line 1987, ../sass/theme-style.scss */ .samples-collection-wrapper .sample .sample-title { padding-top: 4px; color: #777; text-align: center; font-size: 13px; } /* line 1994, ../sass/theme-style.scss */ .samples-collection-wrapper .sample.selected div.sample-img img { border-color: #1b9b96; } /* line 1998, ../sass/theme-style.scss */ .counter-wrapper { position: relative; } /* line 2002, ../sass/theme-style.scss */ .free-samples-alert { display: table-cell; vertical-align: middle; height: 60px; padding-right: 70px; padding-bottom: 20px; padding-left: 30px; background: url("../images/bg_ex.png") left top no-repeat; color: #22bbb6; font-size: 15px; } /* line 2014, ../sass/theme-style.scss */ .free-samples-alert b { font-weight: normal; } /* line 2018, ../sass/theme-style.scss */ .free-samples-counter { position: absolute; right: 0; top: 0; font-style: oblique; color: #3f3f3f; } /* line 2026, ../sass/theme-style.scss */ .free-samples-counter #selected-counter, .free-samples-counter #max-counter { font-size: 24px; } /* line 2031, ../sass/theme-style.scss */ .free-samples-counter .counter-text-large { margin: 0 5px; font-size: 24px; } /* line 2036, ../sass/theme-style.scss */ .free-samples-counter .counter-text-small { display: block; text-align: center; font-size: 14px; } /* block search */ /* ************ */ /* line 2045, ../sass/theme-style.scss */ .node-type-samples-form #main #block-search-form { margin-bottom: 15px; } /* line 2049, ../sass/theme-style.scss */ .node-type-samples-form #main #block-search-form h2 { margin-bottom: 5px; } /* line 2053, ../sass/theme-style.scss */ .node-type-samples-form #main #block-search-form input[type="submit"] { width: 90px; padding: 4px 10px; text-transform: uppercase; font-size: 1.4em; color: #fff; border: none; background: url("../images/btn_send.png") no-repeat scroll left center transparent; } /* line 2065, ../sass/theme-style.scss */ .node-type-samples-form .webform-client-form .captcha { clear: both; margin-left: 4.17%; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 2065, ../sass/theme-style.scss */ .node-type-samples-form .webform-client-form .captcha { margin-left: 0; } } /** -------------------------------------------------- * #view: garden terrace * -------------------------------------------------- */ /* line 2085, ../sass/theme-style.scss */ .view-garden-terrace .views-field-field-line-image a { border: none; } /* line 2092, ../sass/theme-style.scss */ .view-garden-terrace .views-field-nothing { margin-top: 5px; text-align: center; } /* line 2097, ../sass/theme-style.scss */ .view-garden-terrace .views-field-nothing a { color: #22b5a5; font-size: 16px; border: none; } /* line 2103, ../sass/theme-style.scss */ .view-garden-terrace .views-field-nothing a:hover, .view-garden-terrace .views-field-nothing a:focus { text-decoration: underline; } /** -------------------------------------------------- * #project page * -------------------------------------------------- */ /* line 2119, ../sass/theme-style.scss */ .page-projects #content #main .main .flex-direction-nav .flex-prev { transition: none; } @media only screen and (min-width: 0) and (max-width: 48em) { /* line 2119, ../sass/theme-style.scss */ .page-projects #content #main .main .flex-direction-nav .flex-prev { left: 25%; margin-left: -16px; } } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 2119, ../sass/theme-style.scss */ .page-projects #content #main .main .flex-direction-nav .flex-prev { left: -16px; margin-left: 0; } } /* line 2136, ../sass/theme-style.scss */ .view-projectspage { position: relative; } @media only screen and (min-width: 0) and (max-width: 48em) { /* line 2136, ../sass/theme-style.scss */ .view-projectspage { position: relative; width: 75%; padding-left: 25%; } } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 2136, ../sass/theme-style.scss */ .view-projectspage { width: 100%; padding-left: 0; } } /* project filter */ /* ************** */ /* line 2154, ../sass/theme-style.scss */ .view-projectspage .view-filters { position: absolute; top: 0; left: -300px; float: left; width: 190px; margin-top: 20px; margin-bottom: 20px; margin-left: 40px; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 2154, ../sass/theme-style.scss */ .view-projectspage .view-filters { margin-left: 60px; } } @media only screen and (min-width: 0) and (max-width: 48em) { /* line 2154, ../sass/theme-style.scss */ .view-projectspage .view-filters { top: auto; left: 0; width: 25%; margin-left: 0; } } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 2154, ../sass/theme-style.scss */ .view-projectspage .view-filters { position: relative; left: 0; float: none; width: 100%; margin: 0; } } /* line 2184, ../sass/theme-style.scss */ .view-projectspage .views-exposed-widget { float: none; width: 190px; } @media only screen and (min-width: 0) and (max-width: 48em) { /* line 2184, ../sass/theme-style.scss */ .view-projectspage .views-exposed-widget { width: auto; } } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 2184, ../sass/theme-style.scss */ .view-projectspage .views-exposed-widget { width: 100%; padding: 0; } } /* line 2200, ../sass/theme-style.scss */ .view-projectspage .form-radios input { display: none; } /* line 2204, ../sass/theme-style.scss */ .view-projectspage .form-radios label { overflow: hidden; display: block !important; padding: 8px 10px; background: url("../images/bg_submenu.png") -10px center no-repeat; border-bottom: 1px solid #ddd; color: #111; font-size: 1.6em; line-height: 1.6em; font-family: 'SanukOTLight', Arial, sans-serif; font-weight: normal; cursor: pointer; } /* line 2218, ../sass/theme-style.scss */ .view-projectspage .form-radios label:hover, .view-projectspage .form-radios label:focus, .view-projectspage input:checked + label { padding-left: 25px; background: url("../images/bg_submenu.png") 10px center no-repeat; border-color: #b5d518; } /* line 2228, ../sass/theme-style.scss */ .mobile .view-projectspage .form-radios label:hover, .mobile .view-projectspage .form-radios label:focus { transition: none; padding-left: 10px; background: none; border-color: #ddd; } /* line 2237, ../sass/theme-style.scss */ .view-projectspage .form-radios .form-item:last-child label { border-bottom: none; } /* line 2241, ../sass/theme-style.scss */ .view-projectspage .flex-direction-nav a { position: absolute; float: left; width: 33px; height: 33px; border-bottom: none; text-indent: -9999px; text-transform: uppercase; cursor: pointer; overflow: hidden; bottom: 208px; } /* line 2254, ../sass/theme-style.scss */ .ajax-progress-throbber, #edit-submit-projectpage { display: none; } /* Product detail page */ /* line 2260, ../sass/theme-style.scss */ .node-product .field-name-field-product-price { font-weight: bold; } /** -------------------------------------------------- * #homepage: content bottom * -------------------------------------------------- */ /* line 2271, ../sass/theme-style.scss */ .node-type-homepage .content-bottom { *zoom: 1; background: #e7eadf; } /* line 85, ../sass/partials/_mixins.scss */ .node-type-homepage .content-bottom:before, .node-type-homepage .content-bottom:after { content: " "; display: table; } /* line 90, ../sass/partials/_mixins.scss */ .node-type-homepage .content-bottom:after { clear: both; } /* line 2276, ../sass/theme-style.scss */ .content-bottom .block-nodeblock { position: relative; float: left; width: 44.124%; height: 175px; margin: 20px 0; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 2276, ../sass/theme-style.scss */ .content-bottom .block-nodeblock { height: auto; margin-bottom: 0; } } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 2276, ../sass/theme-style.scss */ .content-bottom .block-nodeblock { float: none; width: 100%; } } /* line 2294, ../sass/theme-style.scss */ .content-bottom .block-nodeblock .content .content { position: relative; padding-bottom: 35px; } /* line 2299, ../sass/theme-style.scss */ .content-bottom .block-nodeblock:nth-child(1) { padding-right: 5.67%; border-right: 1px solid #d1d4cb; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 2299, ../sass/theme-style.scss */ .content-bottom .block-nodeblock:nth-child(1) { padding: 0; border: none; } } /* line 2309, ../sass/theme-style.scss */ .content-bottom .block-nodeblock:nth-child(2) { padding-left: 5.67%; border-left: 1px solid #f3f6ed; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 2309, ../sass/theme-style.scss */ .content-bottom .block-nodeblock:nth-child(2) { margin: 0; padding: 0; border: none; } } /* line 2320, ../sass/theme-style.scss */ .content-bottom .block-nodeblock h2 a { font-size: 1.4em; color: #474747; } /* line 2325, ../sass/theme-style.scss */ .content-bottom .block-nodeblock:nth-child(1) .field-name-body { width: 270px; } /* line 2329, ../sass/theme-style.scss */ .content-bottom .block-nodeblock:nth-child(2) .field-name-body { width: 200px; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 2333, ../sass/theme-style.scss */ .content-bottom .block-nodeblock .field-name-body { width: 100%; } } /* line 2339, ../sass/theme-style.scss */ .content-bottom .block-nodeblock .field-type-image { position: absolute; top: 45px; right: 65px; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 2339, ../sass/theme-style.scss */ .content-bottom .block-nodeblock .field-type-image { *zoom: 1; margin-bottom: 1em; } /* line 85, ../sass/partials/_mixins.scss */ .content-bottom .block-nodeblock .field-type-image:before, .content-bottom .block-nodeblock .field-type-image:after { content: " "; display: table; } /* line 90, ../sass/partials/_mixins.scss */ .content-bottom .block-nodeblock .field-type-image:after { clear: both; } } /* line 2350, ../sass/theme-style.scss */ .content-bottom .block-nodeblock .field-type-image .field-item { float: left; margin-right: 8px; } /* line 2355, ../sass/theme-style.scss */ .content-bottom .block-nodeblock .field-name-field-aa-image.field-type-image { right: 0; top: 2px; z-index: 30; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 2355, ../sass/theme-style.scss */ .content-bottom .block-nodeblock .field-name-field-aa-image.field-type-image { position: relative; top: auto; right: auto; } } /* line 2367, ../sass/theme-style.scss */ .content-bottom .block-nodeblock .field-name-field-ht-images.field-type-image { right: 0; top: 30px; z-index: 30; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 2367, ../sass/theme-style.scss */ .content-bottom .block-nodeblock .field-name-field-ht-images.field-type-image { position: relative; top: auto; right: auto; } } /* line 2379, ../sass/theme-style.scss */ .content-bottom .block-nodeblock .field-name-field-ht-images.field-type-image img { width: 70px; border: 1px solid #3fa7a6; } /* line 2384, ../sass/theme-style.scss */ .content-bottom .block-nodeblock .field-name-field-aa-url, .content-bottom .block-nodeblock .field-name-field-ht-url { position: absolute; bottom: 14px; left: 0; right: 0; background: url("../images/btn_nodeblock.png") left center repeat-x; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 2384, ../sass/theme-style.scss */ .content-bottom .block-nodeblock .field-name-field-aa-url, .content-bottom .block-nodeblock .field-name-field-ht-url { position: relative; bottom: auto; left: auto; right: auto; } } /* line 2402, ../sass/theme-style.scss */ .content-bottom .block-nodeblock .field-type-link-field a { margin-left: 7px; padding: 6px 40px 6px 15px; color: #fff; border: none; font-size: 12px; font-weight: normal; font-family: 'SanukOTMedium', Arial, sans-serif; text-transform: uppercase; box-shadow: #ccc 0 0 1px; border-radius: 1px; background: #a6c12a; background: url("../images/small-button.png") right center no-repeat, linear-gradient(to bottom, #a6c12a 0%, #7d9316 100%); } /** -------------------------------------------------- * #flexslider * -------------------------------------------------- */ /* line 2422, ../sass/theme-style.scss */ .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } /* line 2427, ../sass/theme-style.scss */ .flexslider .slides li { overflow: hidden; } /* line 2431, ../sass/theme-style.scss */ .flex-pauseplay span { text-transform: capitalize; } /* line 2435, ../sass/theme-style.scss */ .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* line 2444, ../sass/theme-style.scss */ html[xmlns] .slides { display: block; } /* line 2448, ../sass/theme-style.scss */ * html .slides { height: 1%; } /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you include js that eliminates this class on page load */ /* line 2455, ../sass/theme-style.scss */ .no-js .slides > li:first-child { display: block; } /** -------------------------------------------------- * #notifications * -------------------------------------------------- */ /* line 2466, ../sass/theme-style.scss */ div.error, .error { color: #b24e5a; } /* line 2471, ../sass/theme-style.scss */ div.error { border-color: #ecc4c9; background: #f6ebeb; } /* line 2476, ../sass/theme-style.scss */ div.messages { font-size: 1.2em; margin-top: 12px !important; padding: 10px !important; } /* line 2482, ../sass/theme-style.scss */ div.messages p { margin: 0; } /* line 2486, ../sass/theme-style.scss */ div.status { background-image: none; } /* line 2490, ../sass/theme-style.scss */ div.messages a { color: #777; text-decoration: underline; } /* line 2495, ../sass/theme-style.scss */ .node-type-homepage .messages { position: absolute; left: 0; right: 0; z-index: 10000; width: 450px; margin: 0 auto 5px auto !important; } /** -------------------------------------------------- * #form * -------------------------------------------------- */ /* line 2509, ../sass/theme-style.scss */ .webform-client-form > div { *zoom: 1; } /* line 85, ../sass/partials/_mixins.scss */ .webform-client-form > div:before, .webform-client-form > div:after { content: " "; display: table; } /* line 90, ../sass/partials/_mixins.scss */ .webform-client-form > div:after { clear: both; } /* line 2513, ../sass/theme-style.scss */ label { float: left; width: 95px; margin-right: 0 !important; padding: 4px 7px 4px 0; font-size: 1.3em; font-weight: 300; text-align: right; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 2513, ../sass/theme-style.scss */ label { text-align: left; } } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 2513, ../sass/theme-style.scss */ label { float: none; display: block !important; width: auto; text-align: left; } } /* line 2534, ../sass/theme-style.scss */ .form-required { color: #6ac5c2; } /* line 2538, ../sass/theme-style.scss */ .description { display: none; visibility: hidden; } /* line 2543, ../sass/theme-style.scss */ .description.mollom-privacy { clear: both; margin-left: 28px; display: block; visibility: visible; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 2543, ../sass/theme-style.scss */ .description.mollom-privacy { margin-left: 0; } } /* line 2555, ../sass/theme-style.scss */ .node-type-webform .main .description.mollom-privacy { margin-left: 102px; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 2555, ../sass/theme-style.scss */ .node-type-webform .main .description.mollom-privacy { margin-top: 2em; margin-left: 0; } } /* line 2564, ../sass/theme-style.scss */ #edit-mollom-captcha { margin-top: 5px; margin-left: 102px; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 2564, ../sass/theme-style.scss */ #edit-mollom-captcha { margin-left: 0; } } /* line 2573, ../sass/theme-style.scss */ input.form-text { width: 200px; width: 59.7%; padding: 4px 7px; font-size: 1.3em; color: #454545; border: 1px solid #ccc; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 2573, ../sass/theme-style.scss */ input.form-text { width: 85%; } } /* line 2586, ../sass/theme-style.scss */ .form-item input.error, .form-item textarea.error, .form-item select.error { border: 1px solid #e7c5c5; background: #e7c5c5; color: #333; } /* line 2594, ../sass/theme-style.scss */ .webform-component { *zoom: 1; float: left; width: 335px; width: 50%; margin: 7px 0; } /* line 85, ../sass/partials/_mixins.scss */ .webform-component:before, .webform-component:after { content: " "; display: table; } /* line 90, ../sass/partials/_mixins.scss */ .webform-component:after { clear: both; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 2594, ../sass/theme-style.scss */ .webform-component { margin-top: 0; } } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 2594, ../sass/theme-style.scss */ .webform-component { float: none; width: 100%; } } /* line 2611, ../sass/theme-style.scss */ .webform-component-select { clear: left; margin-left: 28px; margin-left: 4.17%; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 2611, ../sass/theme-style.scss */ .webform-component-select { float: none; width: 100%; margin-left: 0; } } /* line 2623, ../sass/theme-style.scss */ .webform-component-select label { width: 290px; width: 86.56%; text-align: left; } /* line 2629, ../sass/theme-style.scss */ .webform-component-select select { clear: left; width: 290px; width: 86.56%; padding: 5px; border: 1px solid #97c93f; background: #f5f5f5; font-size: 1.3em; color: #454545; cursor: pointer; } /* line 2641, ../sass/theme-style.scss */ .block-webform h2 { padding-bottom: 5px; padding-left: 5px; border-bottom: 1px solid #b3e1e0; } /* line 2647, ../sass/theme-style.scss */ .webform-component textarea, .form-textarea { width: 290px; width: 98%; height: 242px; padding: 5px; font-size: 1.3em; color: #454545; border: 1px solid #ccc; } @media screen and (-webkit-min-device-pixel-ratio: 0) { /* line 2659, ../sass/theme-style.scss */ .webform-component textarea { height: 200px; } } /* line 2664, ../sass/theme-style.scss */ .webform-component-textarea { *zoom: 1; width: 290px; width: 43.28%; margin-top: -203px; } /* line 85, ../sass/partials/_mixins.scss */ .webform-component-textarea:before, .webform-component-textarea:after { content: " "; display: table; } /* line 90, ../sass/partials/_mixins.scss */ .webform-component-textarea:after { clear: both; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 2664, ../sass/theme-style.scss */ .webform-component-textarea { width: 88%; margin-top: 2em; } } @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-width: 970px) { /* line 2677, ../sass/theme-style.scss */ .webform-component-textarea { margin-top: -165px; } } /* line 2682, ../sass/theme-style.scss */ .webform-component-textarea.webform-component--commentaire, .webform-component-textarea.webform-component--commentaar, .webform-component-textarea.webform-component--frage { width: 290px; margin-top: 0; } @media screen and (-webkit-min-device-pixel-ratio: 0) { /* line 2690, ../sass/theme-style.scss */ .webform-component--commentaire { margin-top: 0; } } @media screen and (-webkit-min-device-pixel-ratio: 0) { /* line 2696, ../sass/theme-style.scss */ .webform-component-textarea.webform-component--commentaar { margin-top: 0; } } @media screen and (-webkit-min-device-pixel-ratio: 0) { /* line 2702, ../sass/theme-style.scss */ .webform-component-textarea.webform-component--frage { margin-top: 0; } } /* line 2707, ../sass/theme-style.scss */ .webform-component-textarea label { clear: none; float: left; width: 290px; text-align: left; } /* line 2714, ../sass/theme-style.scss */ .webform-component-textarea.webform-component--commentaire label, .webform-component-textarea.webform-component--frage label, .webform-component-textarea.webform-component--commentaar label { width: 95px; text-align: right; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 2714, ../sass/theme-style.scss */ .webform-component-textarea.webform-component--commentaire label, .webform-component-textarea.webform-component--frage label, .webform-component-textarea.webform-component--commentaar label { text-align: left; } } /* line 2725, ../sass/theme-style.scss */ .webform-component-textarea .form-textarea-wrapper { clear: left; } /* line 2729, ../sass/theme-style.scss */ .webform-client-form input[type='submit'] { padding: 10px 60px 10px 10px; width: 208px; background: url("../images/btn_send.png") left center no-repeat; color: #fff; font-size: 1.9em; text-transform: uppercase; border: none; } /* line 2739, ../sass/theme-style.scss */ #user-login input[type='submit'], #user-pass input[type='submit'] { padding: 5px 20px; background: #90a81f; color: #fff; font-size: 1.4em; text-transform: uppercase; border: none; } /* line 2749, ../sass/theme-style.scss */ .webform-client-form .form-actions { clear: both; float: left; margin: 22px 0 55px 28px; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 2749, ../sass/theme-style.scss */ .webform-client-form .form-actions { margin-left: 0; } } /* line 2759, ../sass/theme-style.scss */ #webform-component-products { display: none; visibility: hidden; } /* line 2764, ../sass/theme-style.scss */ #webform-component-gemeente, #webform-component-btw-nummer { margin-bottom: 35px; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 2769, ../sass/theme-style.scss */ #webform-component-gemeente { margin-bottom: 0; } } /* line 2775, ../sass/theme-style.scss */ #block-views-products-stalen { position: relative; float: left; width: 610px; width: 91.06%; margin-bottom: 30px; padding: 30px 4.47% 34px 4.47%; background: #fff; border: 1px solid #5ecbc7; } /* line 2786, ../sass/theme-style.scss */ #block-views-products-stalen h2 { margin-top: 0; padding-bottom: 5px; padding-left: 5px; border-bottom: 1px solid #b3e1e0; } /* line 2793, ../sass/theme-style.scss */ #stalen .staal { clear: none; float: left; margin-right: 20px; margin-bottom: 34px; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 2793, ../sass/theme-style.scss */ #stalen .staal { margin: 0 6px 34px 6px; } } /* line 2804, ../sass/theme-style.scss */ #stalen .staal:nth-child(8), #stalen .staal:nth-child(16) { margin-right: 0; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 2804, ../sass/theme-style.scss */ #stalen .staal:nth-child(8), #stalen .staal:nth-child(16) { margin: 0 6px 34px 6px; } } /* line 2813, ../sass/theme-style.scss */ .view-id-products #stalen img { margin-right: 0; } /* line 2817, ../sass/theme-style.scss */ #stalen .staal .title { width: 58px; height: 26px; word-wrap: break-word; text-align: center; font-size: 1.1em; line-height: 1.1em; } /* line 2826, ../sass/theme-style.scss */ #stalen .staal img { border: 3px solid #f1f1f1; cursor: pointer; } /* line 2831, ../sass/theme-style.scss */ #stalen .staal.hover img, #stalen .staal.selected img { border-color: #126a65; } /* line 2836, ../sass/theme-style.scss */ #stalen .info { float: right; width: 190px; margin-top: 30px; padding-right: 15px; background: url("../images/bg_ex.png") right center no-repeat; color: #22bbb6; font-size: 1.7em; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 2846, ../sass/theme-style.scss */ .webform-component-radios { margin-bottom: 2em; } } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 2852, ../sass/theme-style.scss */ .form-checkboxes .form-item, .form-radios .form-item { margin-bottom: 2em; } } /* line 2861, ../sass/theme-style.scss */ .form-radios label { float: none; width: auto; padding: 0 18px 0 4px; text-align: left; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 2861, ../sass/theme-style.scss */ .form-radios label { display: inline-block !important; padding-right: 32px; } } /* line 2873, ../sass/theme-style.scss */ .form-radios input { float: none; margin-top: -4px; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 2873, ../sass/theme-style.scss */ .form-radios input { margin-right: 10px; } } /* line 2882, ../sass/theme-style.scss */ #webform-component-question, #webform-component-frage { width: 670px; width: 100%; margin-top: 0; } /* line 2889, ../sass/theme-style.scss */ #webform-component-question label, #webform-component-frage label { clear: both; float: left; width: 95px; padding-right: 7px; text-align: right; } /* line 2898, ../sass/theme-style.scss */ .webform-component textarea .form-textarea-wrapper { clear: none; width: 300px; } /* line 2903, ../sass/theme-style.scss */ #webform-component-question.webform-component textarea { width: 500px; height: 100px; } /* captcha */ /* ******* */ /* line 2912, ../sass/theme-style.scss */ .webform-client-form .captcha { clear: both; margin-left: 102px; padding-top: 7px; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 2912, ../sass/theme-style.scss */ .webform-client-form .captcha { margin-left: 0; } } /* line 2923, ../sass/theme-style.scss */ .node-webform .webform-component-textarea.webform-component--commentaire .form-textarea-wrapper, .node-webform .webform-component-textarea.webform-component--commentaar .form-textarea-wrapper, .node-webform .webform-component-textarea.webform-component--frage .form-textarea-wrapper { clear: none; float: left; width: 62.7%; margin-top: 7px; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 2923, ../sass/theme-style.scss */ .node-webform .webform-component-textarea.webform-component--commentaire .form-textarea-wrapper, .node-webform .webform-component-textarea.webform-component--commentaar .form-textarea-wrapper, .node-webform .webform-component-textarea.webform-component--frage .form-textarea-wrapper { float: none; width: 100%; } } /* line 2936, ../sass/theme-style.scss */ .node-webform .webform-component-textarea.webform-component--commentaire .form-textarea-wrapper textarea, .node-webform .webform-component-textarea.webform-component--commentaar .form-textarea-wrapper textarea, .node-webform .webform-component-textarea.webform-component--frage .form-textarea-wrapper textarea { width: 98%; height: 100px; } /* line 2942, ../sass/theme-style.scss */ .node-webform .webform-component-textarea.webform-component--commentaire label, .node-webform .webform-component-textarea.webform-component--commentaar label, .node-webform .webform-component-textarea.webform-component--frage label { clear: both; width: 95px; padding-top: 9px; text-align: right; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 2942, ../sass/theme-style.scss */ .node-webform .webform-component-textarea.webform-component--commentaire label, .node-webform .webform-component-textarea.webform-component--commentaar label, .node-webform .webform-component-textarea.webform-component--frage label { text-align: left; } } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 2942, ../sass/theme-style.scss */ .node-webform .webform-component-textarea.webform-component--commentaire label, .node-webform .webform-component-textarea.webform-component--commentaar label, .node-webform .webform-component-textarea.webform-component--frage label { float: none; } } /* line 2959, ../sass/theme-style.scss */ .node-webform .webform-client-form input[type='submit'] { margin-left: 75px; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 2959, ../sass/theme-style.scss */ .node-webform .webform-client-form input[type='submit'] { margin-left: 102px; } } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 2959, ../sass/theme-style.scss */ .node-webform .webform-client-form input[type='submit'] { margin-left: 0; } } /* line 2971, ../sass/theme-style.scss */ .node-webform .webform-component { width: 670px; width: 100%; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 2971, ../sass/theme-style.scss */ .node-webform .webform-component { margin-top: 7px; } } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 2979, ../sass/theme-style.scss */ .node-webform .webform-component input.form-text { width: 59.7%; } } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 2979, ../sass/theme-style.scss */ .node-webform .webform-component input.form-text { width: 95%; } } /* line 2990, ../sass/theme-style.scss */ .node-webform .webform-component-radios label, .node-webform .webform-component-radios div { display: inline; } /* line 2995, ../sass/theme-style.scss */ #webform-component-titel label { padding-top: 0; } /* line 2999, ../sass/theme-style.scss */ #user-login, #user-pass { margin: 0; padding: 5px 0; } /* line 3005, ../sass/theme-style.scss */ #user-login label { width: 110px; text-align: left; } /* line 3010, ../sass/theme-style.scss */ #user-pass label { width: 200px; text-align: left; } /* line 3015, ../sass/theme-style.scss */ #user-login input.form-text, #user-pass input.form-text { width: 350px; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 3015, ../sass/theme-style.scss */ #user-login input.form-text, #user-pass input.form-text { width: 90%; } } /* line 3024, ../sass/theme-style.scss */ #user-login .form-actions { margin-left: 117px; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 3024, ../sass/theme-style.scss */ #user-login .form-actions { margin-left: 0; } } /* line 3032, ../sass/theme-style.scss */ #user-pass .form-actions { margin-left: 207px; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 3032, ../sass/theme-style.scss */ #user-pass .form-actions { margin-left: 0; } } /* line 3040, ../sass/theme-style.scss */ .node-type-stalen-offerte-formulier .form-item-mollom-captcha { clear: both; margin-left: 28px; } /* line 3045, ../sass/theme-style.scss */ .node-type-stalen-offerte-formulier .form-item-mollom-captcha label { width: auto; text-align: left; } /* line 3050, ../sass/theme-style.scss */ .node-type-stalen-offerte-formulier .form-item-mollom-captcha .field-prefix { clear: both; float: left; } /* line 3055, ../sass/theme-style.scss */ .node-type-stalen-offerte-formulier #edit-mollom-captcha { clear: both; float: left; margin-left: 0; } /* line 3061, ../sass/theme-style.scss */ .node-type-stalen-offerte-formulier .description.mollom-privacy { float: left; margin-left: 28px; margin-top: 5px; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 3061, ../sass/theme-style.scss */ .node-type-stalen-offerte-formulier .description.mollom-privacy { margin-left: 0; } } /* line 3071, ../sass/theme-style.scss */ .webform-component--products { display: none; visibility: hidden; } /** -------------------------------------------------- * #backoffice * -------------------------------------------------- */ /* line 3080, ../sass/theme-style.scss */ .field-collection-container { margin: 0; border: none; } /* line 3085, ../sass/theme-style.scss */ .field-collection-container .field-items .field-item { margin: 0; } /* line 3089, ../sass/theme-style.scss */ .field-collection-view { position: relative; margin: 0; padding: 0; border: none; } /* line 3096, ../sass/theme-style.scss */ .field-collection-view ul.field-collection-view-links { position: absolute; margin: 0; padding: 0 0 0 9px; bottom: 3px; right: 0; background: #ccc; } /* line 3105, ../sass/theme-style.scss */ .field-collection-view .field-collection-view ul.field-collection-views-links { position: absolute; margin: 0; padding: 0 0 0 9px; bottom: 0; left: 0; background: #ccc; } /* line 3114, ../sass/theme-style.scss */ .field-collection-container .field-collection-container .action-links-field-collection-add { display: none; visibility: hidden; } /* line 3119, ../sass/theme-style.scss */ .field-collection-container ul.action-links-field-collection-add { position: relative; z-index: 35; margin-right: 0; padding: 3px 7px 1px; background: #aaa; } /* line 3127, ../sass/theme-style.scss */ ul.field-collection-view-links li.last a { margin-right: 7px; } /* line 3131, ../sass/theme-style.scss */ #main .content .field-collection-view ul.field-collection-view-links li, #main .content .field-collection-container ul.action-links-field-collection-add li { padding-left: 0; background: none; } /* line 3137, ../sass/theme-style.scss */ .group_spotlight .field-collection-container .action-links-field-collection-add { display: none; visibility: hidden; } /* line 3142, ../sass/theme-style.scss */ .logged-in #main { position: relative; } /* line 3146, ../sass/theme-style.scss */ .logged-in div.tabs { margin-bottom: 5px; background: #aaa; text-align: center; } /* line 3152, ../sass/theme-style.scss */ .logged-in div.tabs ul.tabs, .not-front.not-logged-in.page-user div.tabs ul.tabs { margin-top: 4px; padding: 8px 0; } /* line 3158, ../sass/theme-style.scss */ .not-front.not-logged-in.page-user div.tabs { margin-bottom: 5px; background: #aaa; } /* line 3163, ../sass/theme-style.scss */ .not-front.logged-in.page-user div.tabs { margin-top: 5px; padding: 3px 0; background: #aaa; } /* line 3169, ../sass/theme-style.scss */ ul.primary { border: none; white-space: initial; } /* line 3174, ../sass/theme-style.scss */ ul.primary li { display: inline-block; } /* line 3177, ../sass/theme-style.scss */ ul.primary li a { display: block; } /* line 3182, ../sass/theme-style.scss */ ul.primary li.active a, ul.primary li a { padding: 4px 8px 3px; border: none; color: #454545; font-size: 1.4em; } /* line 3190, ../sass/theme-style.scss */ .profile { margin: 0; padding: 10px 40px; font-size: 1.3em; background: #f5f5f5; } /** -------------------------------------------------- * #maintenance page * -------------------------------------------------- */ /* line 3204, ../sass/theme-style.scss */ .maintenance-page { width: 960px; margin: 0 auto; } /* line 3209, ../sass/theme-style.scss */ .maintenance-page #site-name { background: url("../images/logo_namgrass_nl.png") left center no-repeat; } /* line 3213, ../sass/theme-style.scss */ .maintenance-page #site-name span { display: none; visibility: hidden; } /* line 3218, ../sass/theme-style.scss */ .maintenance-page #content-content { padding: 20px 40px; background: #f5f5f5; font-size: 1.5em; } /** -------------------------------------------------- * #revamp * -------------------------------------------------- */ /* line 3231, ../sass/theme-style.scss */ h3 { border-bottom: 1px dotted #179b95; color: #179b95; font-family: "SanukOTMedium", Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1em; margin: 0 0 1%; padding: 2% 0 1%; text-align: left; } /* telephone */ /* ********* */ /* line 3246, ../sass/theme-style.scss */ .block-nodeblock.telephone { position: absolute; right: 75px; top: 5px; z-index: 1; } /* line 3253, ../sass/theme-style.scss */ .block-nodeblock.telephone .field-name-field-image { float: left; margin-right: 10px; } /* line 3258, ../sass/theme-style.scss */ .block-nodeblock.telephone .field-name-title { float: left; } /* line 3262, ../sass/theme-style.scss */ .block-nodeblock.telephone .field-name-title h2 { margin: 0; color: #fff; font-weight: normal; font-family: "SanukOTMedium", Arial, sans-serif; } /* social media */ /* ************ */ /* line 3272, ../sass/theme-style.scss */ #block-namgrassnl-custom-social-media { z-index: 10000; background: #777; background: rgba(0, 0, 0, 0.5); border-radius: 0 4px 4px 0; } /* line 3279, ../sass/theme-style.scss */ #block-namgrassnl-custom-social-media h2 { margin: 0; padding: 7px 7px 0 7px; color: white; width: 36px; text-align: center; font-size: 12px; } @media only screen and (min-width: 0) and (max-width: 48em) { /* line 3279, ../sass/theme-style.scss */ #block-namgrassnl-custom-social-media h2 { display: none; } } /* line 3292, ../sass/theme-style.scss */ #block-namgrassnl-custom-social-media ul { margin: 0; padding: 7px 7px 0 7px; } @media only screen and (min-width: 0) and (max-width: 48em) { /* line 3292, ../sass/theme-style.scss */ #block-namgrassnl-custom-social-media ul { padding: 7px 0 0 0; } } /* line 3301, ../sass/theme-style.scss */ #block-namgrassnl-custom-social-media ul li { margin: 0; padding: 0; } /* line 3306, ../sass/theme-style.scss */ #block-namgrassnl-custom-social-media a { display: block; margin-bottom: 7px; width: 30px; height: 25px; text-indent: -9999px; color: #666; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* line 3317, ../sass/theme-style.scss */ #block-namgrassnl-custom-social-media a:hover { opacity: .85; } /* line 3321, ../sass/theme-style.scss */ #block-namgrassnl-custom-social-media a.facebook { background: url("../images/small-facebook.png") center center no-repeat; } /* line 3325, ../sass/theme-style.scss */ #block-namgrassnl-custom-social-media a.twitter { background: url("../images/small-twitter.png") center center no-repeat; } /* line 3329, ../sass/theme-style.scss */ #block-namgrassnl-custom-social-media a.instagram { background: url("../images/small-instagram.png") center center no-repeat; } /* line 3333, ../sass/theme-style.scss */ #block-namgrassnl-custom-social-media a.youtube { background: url("../images/small-youtube.png") center center no-repeat; } /* line 3337, ../sass/theme-style.scss */ #block-namgrassnl-custom-social-media a.pinterest { background: url("../images/small-pinterest.png") center center no-repeat; } /* homepage content */ /* **************** */ /* line 3345, ../sass/theme-style.scss */ .group-homepage-image-video { *zoom: 1; float: right; width: 400px; width: 41.24%; } /* line 85, ../sass/partials/_mixins.scss */ .group-homepage-image-video:before, .group-homepage-image-video:after { content: " "; display: table; } /* line 90, ../sass/partials/_mixins.scss */ .group-homepage-image-video:after { clear: both; } @media only screen and (min-width: 0) and (max-width: 48em) { /* line 3345, ../sass/theme-style.scss */ .group-homepage-image-video { float: none; width: 100%; margin-bottom: 18px; } } /* line 3358, ../sass/theme-style.scss */ .group-homepage-image-video .field-name-field-right-block-1, .group-homepage-image-video .field-name-field-right-block-2 { margin-bottom: 20px; } /* line 3363, ../sass/theme-style.scss */ .group-homepage-image-video .field-name-field-right-block-2 a { border: none; } /* homepage footer */ /* *************** */ /* line 3370, ../sass/theme-style.scss */ .hp-footer { clear: both; } /* line 3374, ../sass/theme-style.scss */ .hp-footer .label-above { margin-top: 30px; font-size: 22.4px; font-weight: normal; font-family: 'SanukOTMedium', Arial, sans-serif; text-align: center; } /* line 3382, ../sass/theme-style.scss */ .node-homepage .hp-footer .field-collection-container { min-height: 0; } /* line 3386, ../sass/theme-style.scss */ .field-name-field-referenties { clear: both; float: none; overflow: hidden; width: 970px; margin: 0 auto; padding: 25px 0; } /** -------------------------------------------------- * #showroom overview * -------------------------------------------------- */ /* line 3402, ../sass/theme-style.scss */ .view-showrooms { margin-top: 10px; } /* line 3406, ../sass/theme-style.scss */ .view-showrooms .views-row { position: relative; float: left; margin-right: 32px; margin-left: 32px; margin-bottom: 20px; } /* line 3416, ../sass/theme-style.scss */ .view-showrooms .views-field-title a { position: absolute; bottom: 20px; left: 0; right: 0; margin-left: -20px; margin-right: -20px; padding: 15px 20px; background: #83ad31; background: rgba(131, 173, 49, 0.8); color: #fff; font-family: "SanukOTLight", Arial, sans-serif; font-size: 18px; font-weight: normal; text-align: center; border: none; font-size: 24px; } /* line 3435, ../sass/theme-style.scss */ .view-showrooms .views-field-title a:hover { text-decoration: underline; } /* line 3439, ../sass/theme-style.scss */ .view-showrooms .views-field-field-image { max-width: 100%; } /* line 3442, ../sass/theme-style.scss */ .view-showrooms .views-field-field-image a { display: block; border: none; } /* line 3447, ../sass/theme-style.scss */ .view-showrooms .views-field-field-image img { width: 100%; max-width: 100%; height: auto; } /** -------------------------------------------------- * #showroom detail * -------------------------------------------------- */ /* line 3461, ../sass/theme-style.scss */ .node-showroom.view-mode-full { *zoom: 1; } /* line 85, ../sass/partials/_mixins.scss */ .node-showroom.view-mode-full:before, .node-showroom.view-mode-full:after { content: " "; display: table; } /* line 90, ../sass/partials/_mixins.scss */ .node-showroom.view-mode-full:after { clear: both; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 3464, ../sass/theme-style.scss */ .node-showroom.view-mode-full > .group-left, .node-showroom.view-mode-full > .group-right { float: none; width: 100%; } } /* line 3473, ../sass/theme-style.scss */ .node-showroom.view-mode-full h2 { border-bottom: 1px solid #179b95; color: #179b95; font-size: 20px; margin-bottom: 15px; margin-top: 20px; padding: 0 0 10px 0; } /* line 3482, ../sass/theme-style.scss */ .node-showroom.view-mode-full tbody { border: none; } /* line 3486, ../sass/theme-style.scss */ .node-showroom.view-mode-full table { font-size: 14px; } /* line 3490, ../sass/theme-style.scss */ .node-showroom.view-mode-full .field-name-field-location { float: right; width: 85%; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 3490, ../sass/theme-style.scss */ .node-showroom.view-mode-full .field-name-field-location { float: none; width: 94%; } } /* line 3500, ../sass/theme-style.scss */ .node-showroom.view-mode-full .field-name-field-location .geofieldMap { width: 100% !important; } /* line 3504, ../sass/theme-style.scss */ .node-showroom.view-mode-full .field-name-field-telephone-number { clear: both; float: left; width: 630px; width: 93.66%; margin-top: 25px; padding: 20px 3.17%; background: #83ad31; background: rgba(131, 173, 49, 0.8); font-family: "SanukOTMedium", Arial, sans-serif; font-size: 28px; color: #fff; } /** -------------------------------------------------- * #product overview * -------------------------------------------------- */ /* line 3527, ../sass/theme-style.scss */ .view-products .views-row-odd, .view-products .views-row-even { clear: both; margin-bottom: 20px; } /* line 3533, ../sass/theme-style.scss */ .view-products .views-row-odd { background: #ccc; } /* line 3537, ../sass/theme-style.scss */ .view-products .views-row-even { background: #dcdcdc; } /* line 3541, ../sass/theme-style.scss */ .view-products h2 { font-family: "SanukOTMedium", Arial, sans-serif; font-size: 22px; font-weight: normal; line-height: 1em; padding: 0; text-align: left; } /* line 3550, ../sass/theme-style.scss */ .view-products .field-content > a:first-child { overflow: hidden; position: relative; display: block; border: none !important; } /* line 3557, ../sass/theme-style.scss */ .view-products img { float: left; margin-right: 25px; margin-bottom: 10px; } /* line 3563, ../sass/theme-style.scss */ .view-products .details { position: relative; padding: 0 20px 20px 20px; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 3563, ../sass/theme-style.scss */ .view-products .details { clear: both; } } /* line 3572, ../sass/theme-style.scss */ .view-products .details .price { position: absolute; right: 25px; top: 1px; font-size: 17px; font-weight: normal; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 3572, ../sass/theme-style.scss */ .view-products .details .price { top: -135px; padding: 2px; background: #ccc; } } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 3586, ../sass/theme-style.scss */ .view-products .views-row-even .details .price { background: #dcdcdc; } } /* line 3592, ../sass/theme-style.scss */ .view-products .details p { margin-bottom: 5px; } /* line 3596, ../sass/theme-style.scss */ .view-products .details p a { display: inline !important; } /** -------------------------------------------------- * #news overview * -------------------------------------------------- */ /* line 3607, ../sass/theme-style.scss */ .view-news-events .view-content { width: 100%; } /* line 3611, ../sass/theme-style.scss */ .view-news-events .view-content .views-row { width: 48%; float: left; margin-bottom: 30px; background: #fff; } /* line 3619, ../sass/theme-style.scss */ .view-news-events .view-content .views-row-odd { margin-right: 15px; } /* line 3623, ../sass/theme-style.scss */ .view-news-events .views-field-field-thumbnail, .view-news-events .views-field-field-thumbnail img { max-width: 100% !important; height: auto !important; width: 100% !important; } /* line 3630, ../sass/theme-style.scss */ .view-news-events .views-field-title { padding: 15px 15px 10px 15px; } /* line 3633, ../sass/theme-style.scss */ .view-news-events .views-field-title h2 { margin: 0; } /* line 3638, ../sass/theme-style.scss */ .view-news-events .views-field-title h2 a, .view-news-events .views-field-title a:link { border: none; } /* line 3643, ../sass/theme-style.scss */ .view-news-events .views-field-created { padding: 0 15px; font-size: 13px; } /* line 3648, ../sass/theme-style.scss */ .view-news-events .views-field-body { padding: 10px 15px 15px 15px; } /* line 3651, ../sass/theme-style.scss */ .view-news-events .views-field-body .field-content *:first-child { margin-top: 0; } /* line 3655, ../sass/theme-style.scss */ .view-news-events .views-field-body .field-content *:last-child { margin-bottom: 0; } /* line 3660, ../sass/theme-style.scss */ .page-news-events .region-content a, .region-content a:link, .region-content a:visited { border: none; } @media screen and (max-width: 768px) { /* line 3667, ../sass/theme-style.scss */ .page-news-events .main { padding-left: 4% !important; padding-right: 4% !important; } } @media screen and (max-width: 568px) { /* line 3674, ../sass/theme-style.scss */ .view-news-events .view-content .views-row { width: 100%; float: none; } /* line 3679, ../sass/theme-style.scss */ .view-news-events .views-field-field-thumbnail, .view-news-events .views-field-field-thumbnail img { height: auto !important; } } /** -------------------------------------------------- * #dealers * -------------------------------------------------- */ /* line 3694, ../sass/theme-style.scss */ #block-kunstgras-custom-kunstgras-dealer-form h2 { border-bottom: 1px solid #179b95; color: #179b95; font-size: 20px; margin-bottom: 15px; margin-top: 20px; padding: 0 75px 10px 0; } /* line 3703, ../sass/theme-style.scss */ #kunstgras-custom-dealer-form select { height: 24px; width: 216px; font-size: 14px; } /* line 3709, ../sass/theme-style.scss */ #kunstgras-custom-dealer-form label { text-align: left; } /* line 3713, ../sass/theme-style.scss */ #kunstgras-custom-dealer-form .form-type-checkboxes .form-item label { float: none; display: inline !important; width: auto; margin-left: 10px; } /* line 3720, ../sass/theme-style.scss */ #kunstgras-custom-dealer-form .form-type-checkboxes .form-item input { margin-top: -2px; } /* line 3726, ../sass/theme-style.scss */ #kunstgras-custom-dealer-form .captcha { margin: 0 0 10px 102px; } /* line 3730, ../sass/theme-style.scss */ #kunstgras-custom-dealer-form #edit-submit { margin-left: 102px; padding: 5px 20px; background: none repeat scroll 0 0 #90a81f; border: medium none; -khtml-border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #fff; font-size: 1.4em; text-transform: uppercase; font-family: "SanukOTLight", Arial, sans-serif; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 3730, ../sass/theme-style.scss */ #kunstgras-custom-dealer-form #edit-submit { margin-left: 0; } } /** -------------------------------------------------- * #dealers search * -------------------------------------------------- */ @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 3759, ../sass/theme-style.scss */ .page-dealers-search #content #main .main { float: none; width: 98%; margin: 0 auto; } } /* line 3767, ../sass/theme-style.scss */ .page-dealers-search #content #main .main #breadcrumb { display: none; } /* line 3772, ../sass/theme-style.scss */ .page-dealers-search .content table { width: 100%; font-size: 14px; } /* line 3777, ../sass/theme-style.scss */ .page-dealers-search .content table thead td { padding: 10px; background: #83ad31; background: rgba(131, 173, 49, 0.8); color: #fff; font-weight: bold; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 3776, ../sass/theme-style.scss */ .page-dealers-search .content table thead { display: none; } } /* line 3790, ../sass/theme-style.scss */ .page-dealers-search .content table tbody { border: none; } /* line 3793, ../sass/theme-style.scss */ .page-dealers-search .content table tbody tr:nth-child(odd) td { background: #dcdcdc; } /* line 3797, ../sass/theme-style.scss */ .page-dealers-search .content table tbody td { padding: 10px; } @media only screen and (min-width: 0) and (max-width: 48em) { /* line 3797, ../sass/theme-style.scss */ .page-dealers-search .content table tbody td { padding: 5px; } } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 3806, ../sass/theme-style.scss */ .page-dealers-search .content table tbody tr { display: block; padding: 5px 0; width: 100%; } /* line 3812, ../sass/theme-style.scss */ .page-dealers-search .content table tbody td { display: block; padding: 4px 5%; width: 90%; } } /* line 3822, ../sass/theme-style.scss */ #kunstgras-custom-dealers-contact-form .grippie { display: none; } /* line 3826, ../sass/theme-style.scss */ #kunstgras-custom-dealers-contact-form #edit-submit { background: none repeat scroll 0 0 #90a81f; border: medium none; margin-left: 102px; color: #fff; font-size: 1.4em; padding: 5px 20px; text-transform: uppercase; border-radius: 3px; font-family: "SanukOTLight", Arial, sans-serif; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 3826, ../sass/theme-style.scss */ #kunstgras-custom-dealers-contact-form #edit-submit { margin-left: 0; } } /* line 3844, ../sass/theme-style.scss */ #kunstgras-custom-dealers-contact-form * { box-sizing: border-box; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 3848, ../sass/theme-style.scss */ #kunstgras-custom-dealers-contact-form label { float: none; } } /* line 3855, ../sass/theme-style.scss */ #kunstgras-custom-dealers-contact-form input.form-text { box-sizing: border-box; } /* line 3859, ../sass/theme-style.scss */ #kunstgras-custom-dealers-contact-form .form-type-textarea.form-item-message { *zoom: 1; } /* line 85, ../sass/partials/_mixins.scss */ #kunstgras-custom-dealers-contact-form .form-type-textarea.form-item-message:before, #kunstgras-custom-dealers-contact-form .form-type-textarea.form-item-message:after { content: " "; display: table; } /* line 90, ../sass/partials/_mixins.scss */ #kunstgras-custom-dealers-contact-form .form-type-textarea.form-item-message:after { clear: both; } /* line 3862, ../sass/theme-style.scss */ #kunstgras-custom-dealers-contact-form .form-type-textarea.form-item-message .form-textarea-wrapper { clear: none; float: left; width: 59.7%; margin-top: 7px; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 3862, ../sass/theme-style.scss */ #kunstgras-custom-dealers-contact-form .form-type-textarea.form-item-message .form-textarea-wrapper { width: 85%; } } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 3862, ../sass/theme-style.scss */ #kunstgras-custom-dealers-contact-form .form-type-textarea.form-item-message .form-textarea-wrapper { float: none; width: 100%; } } /* line 3877, ../sass/theme-style.scss */ #kunstgras-custom-dealers-contact-form .form-type-textarea.form-item-message .form-textarea-wrapper textarea { height: 100px; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 3877, ../sass/theme-style.scss */ #kunstgras-custom-dealers-contact-form .form-type-textarea.form-item-message .form-textarea-wrapper textarea { width: 85%; } } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 3842, ../sass/theme-style.scss */ #kunstgras-custom-dealers-contact-form { text-align: left; } } /* line 3891, ../sass/theme-style.scss */ #kunstgras-custom-dealers-contact-form .captcha { clear: both; margin-top: 14px; margin-bottom: 14px; margin-left: 102px; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 3891, ../sass/theme-style.scss */ #kunstgras-custom-dealers-contact-form .captcha { margin-left: 0; } } /* line 3903, ../sass/theme-style.scss */ .footer .region-footer h2 { color: #b8b8b8; font-size: 2em; margin: 0 0 4px; font-family: 'SanukOTLight', Arial, Sans-serif; font-weight: normal; } /* line 3911, ../sass/theme-style.scss */ div.view-garden-terrace div.view-content div.views-row { float: left; margin: 5px; } /** -------------------------------------------------- * #media queries * -------------------------------------------------- */ /* line 3925, ../sass/theme-style.scss */ body:after { display: none; } @media only screen and (min-width: 0) and (max-width: 75em) { /* line 3925, ../sass/theme-style.scss */ body:after { content: 'xl'; } } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 3925, ../sass/theme-style.scss */ body:after { content: 'l'; } } @media only screen and (min-width: 0) and (max-width: 48em) { /* line 3925, ../sass/theme-style.scss */ body:after { content: 'm'; } } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 3925, ../sass/theme-style.scss */ body:after { content: 's'; } } /** -------------------------------------------------- * #news/events overview * -------------------------------------------------- */ /* line 3954, ../sass/theme-style.scss */ body.page-news-events .bottom-sidebar { display: none; } @media only screen and (min-width: 0) and (max-width: 48em) { /* line 3960, ../sass/theme-style.scss */ body.page-news-events #sidebar-first { display: none; } /* line 3964, ../sass/theme-style.scss */ body.page-news-events .bottom-sidebar { display: block; } } /** -------------------------------------------------- * #bottom partials * -------------------------------------------------- */ /* base */ /* **** */ /** -------------------------------------------------- * * base * PRINT STYLES * * TABLE OF CONTENTS * general * * -------------------------------------------------- **/ /** -------------------------------------------------- * #general * -------------------------------------------------- */ @media print { /* line 20, ../sass/partials/base/_print-styles.scss */ * { background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; } /* line 27, ../sass/partials/base/_print-styles.scss */ a, a:visited { text-decoration: underline; } /* line 32, ../sass/partials/base/_print-styles.scss */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } /* line 38, ../sass/partials/base/_print-styles.scss */ thead { display: table-header-group; } /* line 42, ../sass/partials/base/_print-styles.scss */ tr, img { page-break-inside: avoid; } /* line 47, ../sass/partials/base/_print-styles.scss */ img { max-width: 100% !important; } @page { margin: 0.5cm; } /* line 55, ../sass/partials/base/_print-styles.scss */ p, h2, h3 { orphans: 3; widows: 3; } /* line 62, ../sass/partials/base/_print-styles.scss */ h2, h3 { page-break-after: avoid; } /* line 67, ../sass/partials/base/_print-styles.scss */ nav, .content-bottom, footer .top, .region-header, #sidebar-first .block-menu-block, #sidebar-first #block-nodeblock-19, a.offre, a.order { display: none; visibility: hidden; } } /* nodes */ /* ***** */ /** -------------------------------------------------- * * nodes * HOMEPAGE * * TABLE OF CONTENTS * top content * content blocks * * -------------------------------------------------- **/ /** -------------------------------------------------- * #top content * -------------------------------------------------- */ /* line 19, ../sass/partials/nodes/_homepage.scss */ .hp-top-content { position: relative; background-color: #f2f2f2; max-width: 144rem; margin: 0 auto; } /* slider block */ /* ************ */ /* line 29, ../sass/partials/nodes/_homepage.scss */ .hp-top-content .hp-slider-block { position: absolute; width: 100%; height: 0; padding-bottom: 36%; overflow: hidden; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 29, ../sass/partials/nodes/_homepage.scss */ .hp-top-content .hp-slider-block { padding-bottom: 84%; } } /* intro */ /* ***** */ /* line 44, ../sass/partials/nodes/_homepage.scss */ .hp-top-content .hp-intro { padding: 24% 2.4rem 0 2.4rem; } @media only screen and (min-width: 0) and (max-width: 48em) { /* line 44, ../sass/partials/nodes/_homepage.scss */ .hp-top-content .hp-intro { padding-bottom: 3rem; } } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 44, ../sass/partials/nodes/_homepage.scss */ .hp-top-content .hp-intro { padding-top: 55%; } } /** -------------------------------------------------- * #content blocks * -------------------------------------------------- */ /* line 63, ../sass/partials/nodes/_homepage.scss */ .hp-content-blocks { position: relative; box-sizing: border-box; padding: 0 2.4rem; background-color: #f2f2f2; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 63, ../sass/partials/nodes/_homepage.scss */ .hp-content-blocks { padding: 0; } } /* line 74, ../sass/partials/nodes/_homepage.scss */ .hp-content-blocks *, .hp-content-blocks *::after, .hp-content-blocks *::before { box-sizing: inherit; } /* line 81, ../sass/partials/nodes/_homepage.scss */ .hp-content-blocks__inner { position: relative; max-width: 95.4rem; margin: 0 auto; background-color: transparent; } /* line 88, ../sass/partials/nodes/_homepage.scss */ .hp-content-block { margin-bottom: 6rem; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 88, ../sass/partials/nodes/_homepage.scss */ .hp-content-block { margin-bottom: 0; } } /*! -------------------------------------------------- * * DEALER * TABLE OF CONTENTS * * node detail - layout * node detail - text * node detail - map * * -------------------------------------------------- */ /*! -------------------------------------------------- #node detail - layout -------------------------------------------------- */ /* line 19, ../sass/partials/nodes/_dealer.scss */ .node-type-dealer { /* .ds-2col-stacked */ } /* line 20, ../sass/partials/nodes/_dealer.scss */ .node-type-dealer .ds-2col-stacked { *zoom: 1; } /* line 85, ../sass/partials/_mixins.scss */ .node-type-dealer .ds-2col-stacked:before, .node-type-dealer .ds-2col-stacked:after { content: " "; display: table; } /* line 90, ../sass/partials/_mixins.scss */ .node-type-dealer .ds-2col-stacked:after { clear: both; } /* line 23, ../sass/partials/nodes/_dealer.scss */ .node-type-dealer .ds-2col-stacked > .group-left, .node-type-dealer .ds-2col-stacked > .group-right { float: left; width: 50%; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 23, ../sass/partials/nodes/_dealer.scss */ .node-type-dealer .ds-2col-stacked > .group-left, .node-type-dealer .ds-2col-stacked > .group-right { float: none; width: 100%; } } /* .node-type-dealer */ /*! -------------------------------------------------- #node detail - text -------------------------------------------------- */ /* line 43, ../sass/partials/nodes/_dealer.scss */ .node-type-dealer { /* .group-address */ } /* line 45, ../sass/partials/nodes/_dealer.scss */ .node-type-dealer .group-left { font-size: 1.4em; line-height: 1.4em; } /* line 48, ../sass/partials/nodes/_dealer.scss */ .node-type-dealer .group-left p { font-size: 1em; } /* line 55, ../sass/partials/nodes/_dealer.scss */ .node-type-dealer .field-name-field-dealer-type { color: #179b95; margin-bottom: 1em; } /* line 62, ../sass/partials/nodes/_dealer.scss */ .node-type-dealer .group-address { /* .group-postcode-town */ } /* line 65, ../sass/partials/nodes/_dealer.scss */ .node-type-dealer .group-address .group-postcode-town .field-name-field-postcode { display: inline-block; margin-right: 3px; } /* line 69, ../sass/partials/nodes/_dealer.scss */ .node-type-dealer .group-address .group-postcode-town .field-name-field-gemeente { display: inline-block; } /* line 74, ../sass/partials/nodes/_dealer.scss */ .node-type-dealer .group-address .group-contact-details { margin-top: 0.5em; } /* line 88, ../sass/partials/nodes/_dealer.scss */ .node-type-dealer .kunstgras-custom-contact-link a { display: inline-block; padding: 5px 20px; text-align: center; color: #fff; text-transform: uppercase; font-size: 1em; line-height: 1.4em; background-color: #90a81f; border-radius: 3px; } /* line 98, ../sass/partials/nodes/_dealer.scss */ .node-type-dealer .kunstgras-custom-contact-link a:hover, .node-type-dealer .kunstgras-custom-contact-link a:focus { background-color: #83ad31; background-color: rgba(131, 173, 49, 0.8); } /* .node-type-dealer */ /*! -------------------------------------------------- #node detail - map -------------------------------------------------- */ /* line 116, ../sass/partials/nodes/_dealer.scss */ .node-type-dealer .group-right { *zoom: 1; } /* line 85, ../sass/partials/_mixins.scss */ .node-type-dealer .group-right:before, .node-type-dealer .group-right:after { content: " "; display: table; } /* line 90, ../sass/partials/_mixins.scss */ .node-type-dealer .group-right:after { clear: both; } /* line 120, ../sass/partials/nodes/_dealer.scss */ .node-type-dealer .field-name-field-geolocation { box-sizing: border-box; border: 6px solid #dbdbdb; border-radius: 0.5rem; float: right; width: 85%; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 120, ../sass/partials/nodes/_dealer.scss */ .node-type-dealer .field-name-field-geolocation { float: none; width: 100%; margin-top: 20px; } } /* .node-type-dealer */ /** -------------------------------------------------- * * nodes * PRODUCT CATEGORY DETAIL * * TABLE OF CONTENTS * product list * * -------------------------------------------------- **/ /** -------------------------------------------------- * #product list * -------------------------------------------------- */ /* line 18, ../sass/partials/nodes/_product-category-detail.scss */ .product-list-wrapper { box-sizing: border-box; } /* line 21, ../sass/partials/nodes/_product-category-detail.scss */ .product-list-wrapper *, .product-list-wrapper *::after, .product-list-wrapper *::before { box-sizing: inherit; } /* line 28, ../sass/partials/nodes/_product-category-detail.scss */ .product-list { display: flex; flex-flow: row wrap; margin: 0 -1rem -2rem; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 28, ../sass/partials/nodes/_product-category-detail.scss */ .product-list { margin: 0 -0.4rem -0.8rem; } } /* line 38, ../sass/partials/nodes/_product-category-detail.scss */ .product-list__item { flex: 0 1 auto; min-width: 0; width: 33.33%; padding: 0 1rem 2rem; display: flex; flex-flow: column nowrap; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 38, ../sass/partials/nodes/_product-category-detail.scss */ .product-list__item { width: 50%; padding: 0 0.4rem 0.8rem; } } @media only screen and (min-width: 0) and (max-width: 20em) { /* line 38, ../sass/partials/nodes/_product-category-detail.scss */ .product-list__item { width: 100%; } } /* line 55, ../sass/partials/nodes/_product-category-detail.scss */ .product-list__item > * { flex: 1 1 auto; width: 100%; } /** -------------------------------------------------- * * nodes * PRODUCT CATEGORY OVERVIEW * * TABLE OF CONTENTS * page layout * intro * categories view * body text * * -------------------------------------------------- **/ /** -------------------------------------------------- * #page layout * -------------------------------------------------- */ /* line 21, ../sass/partials/nodes/_product-category-overview.scss */ body.node-type-product-category-overview { background-color: #fff; } @media only screen and (min-width: 0) and (max-width: 48em) { /* line 21, ../sass/partials/nodes/_product-category-overview.scss */ body.node-type-product-category-overview { background-color: #f2f2f2; } } /* line 28, ../sass/partials/nodes/_product-category-overview.scss */ body.node-type-product-category-overview #content { padding: 0 2.4rem; margin-top: 12rem; margin-bottom: 6rem; } @media only screen and (min-width: 0) and (max-width: 48em) { /* line 28, ../sass/partials/nodes/_product-category-overview.scss */ body.node-type-product-category-overview #content { margin-top: 9rem; } } /* line 38, ../sass/partials/nodes/_product-category-overview.scss */ body.node-type-product-category-overview #content #main { width: 100%; max-width: 95.4rem; margin: 0 auto; } /* line 44, ../sass/partials/nodes/_product-category-overview.scss */ body.node-type-product-category-overview #content #main .main { margin-top: 0; float: none; width: 100%; } /** -------------------------------------------------- * #intro * -------------------------------------------------- */ /* line 58, ../sass/partials/nodes/_product-category-overview.scss */ body.node-type-product-category-overview h1 { font-size: 4rem; } @media only screen and (min-width: 0) and (max-width: 48em) { /* line 58, ../sass/partials/nodes/_product-category-overview.scss */ body.node-type-product-category-overview h1 { font-size: 3rem; } } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 58, ../sass/partials/nodes/_product-category-overview.scss */ body.node-type-product-category-overview h1 { font-size: 2rem; } } /* line 70, ../sass/partials/nodes/_product-category-overview.scss */ .category-overview-intro { padding-bottom: 2.6rem; } /* line 74, ../sass/partials/nodes/_product-category-overview.scss */ .category-overview-intro__inner { max-width: 64rem; } /** -------------------------------------------------- * #categories view * -------------------------------------------------- */ /* line 85, ../sass/partials/nodes/_product-category-overview.scss */ .product-categories-grid { position: relative; box-sizing: border-box; padding-bottom: 6rem; } @media only screen and (min-width: 0) and (max-width: 48em) { /* line 85, ../sass/partials/nodes/_product-category-overview.scss */ .product-categories-grid { margin-left: -2.4rem; margin-right: -2.4rem; } } /* line 95, ../sass/partials/nodes/_product-category-overview.scss */ .product-categories-grid *, .product-categories-grid *::after, .product-categories-grid *::before { box-sizing: inherit; } /* line 102, ../sass/partials/nodes/_product-category-overview.scss */ .product-categories-grid .view-content { display: flex; flex-flow: row wrap; margin: 0 -0.3rem -0.6rem; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 102, ../sass/partials/nodes/_product-category-overview.scss */ .product-categories-grid .view-content { margin: 0 -0.3rem -0.2rem; } } /* line 111, ../sass/partials/nodes/_product-category-overview.scss */ .product-categories-grid .view-content .views-row { flex: 0 1 auto; min-width: 0; width: 33.3333%; padding: 0 0.3rem 0.6rem; display: flex; flex-flow: column nowrap; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 111, ../sass/partials/nodes/_product-category-overview.scss */ .product-categories-grid .view-content .views-row { width: 50%; } } @media only screen and (min-width: 0) and (max-width: 48em) { /* line 111, ../sass/partials/nodes/_product-category-overview.scss */ .product-categories-grid .view-content .views-row { width: 100%; } } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 111, ../sass/partials/nodes/_product-category-overview.scss */ .product-categories-grid .view-content .views-row { padding: 0 0.3rem 0.2rem; } } /* line 132, ../sass/partials/nodes/_product-category-overview.scss */ .product-categories-grid .view-content .views-row > * { flex: 1 1 auto; width: 100%; } /* hide the view-footer: */ /* line 140, ../sass/partials/nodes/_product-category-overview.scss */ .product-categories-grid .view-footer { display: none; } /** -------------------------------------------------- * #body text * -------------------------------------------------- */ /* line 151, ../sass/partials/nodes/_product-category-overview.scss */ .category-overview-body { position: relative; } /* line 154, ../sass/partials/nodes/_product-category-overview.scss */ .category-overview-body::after { content: ''; display: block; width: 200vw; position: absolute; z-index: 1; left: -50vw; top: 0; height: 100%; height: calc(100% + 6rem); background-color: #f2f2f2; } /* line 168, ../sass/partials/nodes/_product-category-overview.scss */ .category-overview-body__inner { position: relative; z-index: 2; background-color: #f2f2f2; padding: 4rem 0; } /* homepage */ /* ******** */ /** -------------------------------------------------- * * components - homepage * HOMEPAGE CATEGORIES * * TABLE OF CONTENTS * general * teaser list * view footer * * -------------------------------------------------- **/ /** -------------------------------------------------- * #general * -------------------------------------------------- */ /* line 20, ../sass/partials/components/homepage/_homepage-categories.scss */ .hp-categories { position: relative; box-sizing: border-box; padding: 0 2.4rem 5.5rem 2.4rem; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 20, ../sass/partials/components/homepage/_homepage-categories.scss */ .hp-categories { padding: 0 0 3rem 0; } } /* line 30, ../sass/partials/components/homepage/_homepage-categories.scss */ .hp-categories *, .hp-categories *::after, .hp-categories *::before { box-sizing: inherit; } /* line 37, ../sass/partials/components/homepage/_homepage-categories.scss */ .hp-categories__inner { position: relative; max-width: 95.4rem; margin: 0 auto; background-color: transparent; color: #2e2e2e; } /** -------------------------------------------------- * #teaser list * -------------------------------------------------- */ /* line 52, ../sass/partials/components/homepage/_homepage-categories.scss */ .hp-categories .view-product-categories .view-content { display: flex; flex-flow: row wrap; } /* line 56, ../sass/partials/components/homepage/_homepage-categories.scss */ .hp-categories .view-product-categories .view-content .views-row { flex: 0 1 auto; min-width: 0; width: 33.3333%; border-top: 0.8rem solid #2e2e2e; display: flex; flex-flow: column nowrap; } /* line 64, ../sass/partials/components/homepage/_homepage-categories.scss */ .hp-categories .view-product-categories .view-content .views-row > * { flex: 1 1 auto; width: 100%; } @media only screen and (min-width: 0) and (max-width: 48em) { /* line 56, ../sass/partials/components/homepage/_homepage-categories.scss */ .hp-categories .view-product-categories .view-content .views-row { width: 100%; border-top: 0; border-left: 0.8rem solid #2e2e2e; } } /* line 76, ../sass/partials/components/homepage/_homepage-categories.scss */ .hp-categories .view-product-categories .view-content .views-row:nth-child(3n+1) { border-color: #d5e7b5; } /* line 80, ../sass/partials/components/homepage/_homepage-categories.scss */ .hp-categories .view-product-categories .view-content .views-row:nth-child(3n+2) { border-color: #3fa406; } /* line 84, ../sass/partials/components/homepage/_homepage-categories.scss */ .hp-categories .view-product-categories .view-content .views-row:nth-child(3n+3) { border-color: #215902; } /** -------------------------------------------------- * #view footer * -------------------------------------------------- */ /* line 96, ../sass/partials/components/homepage/_homepage-categories.scss */ .hp-categories .view-product-categories .view-footer { text-align: left; width: 100%; max-width: 100%; } /* line 101, ../sass/partials/components/homepage/_homepage-categories.scss */ .hp-categories .view-product-categories .view-footer p { margin: 0; } /* line 106, ../sass/partials/components/homepage/_homepage-categories.scss */ .hp-categories .view-product-categories .all-projects { position: relative; display: inline-block; background-color: #fff; border-bottom-right-radius: 3rem; padding: 1.6rem 7rem 1.6rem 3rem; font-family: "SanukOTMedium", "SanukOT", Arial, Helvetica, sans-serif; font-size: 1.8rem; line-height: 1.2; color: #2e2e2e; } /* line 118, ../sass/partials/components/homepage/_homepage-categories.scss */ .hp-categories .view-product-categories .all-projects:hover, .hp-categories .view-product-categories .all-projects:focus { text-decoration: underline; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 106, ../sass/partials/components/homepage/_homepage-categories.scss */ .hp-categories .view-product-categories .all-projects { display: block; width: 100%; width: calc(100% - 4.8rem); margin: 0 auto; border-bottom-left-radius: 3rem; padding: 1.4rem 7rem 1.4rem 3rem; font-size: 1.4rem; } } /* line 133, ../sass/partials/components/homepage/_homepage-categories.scss */ .hp-categories .view-product-categories .all-projects::before { content: ''; display: block; width: 3.2rem; height: 3.2rem; position: absolute; z-index: 1; top: 0.9rem; right: 2rem; background-image: url("../images/btn_all_products.png"); background-repeat: no-repeat; background-position: center center; background-size: contain; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 133, ../sass/partials/components/homepage/_homepage-categories.scss */ .hp-categories .view-product-categories .all-projects::before { top: 0.5rem; } } /** -------------------------------------------------- * * components - homepage * HOMEPAGE INTRO * * TABLE OF CONTENTS * general * text content * * -------------------------------------------------- **/ /** -------------------------------------------------- * #general * -------------------------------------------------- */ /* line 19, ../sass/partials/components/homepage/_homepage-intro.scss */ .hp-intro { box-sizing: border-box; } /* line 22, ../sass/partials/components/homepage/_homepage-intro.scss */ .hp-intro *, .hp-intro *::after, .hp-intro *::before { box-sizing: inherit; } /* line 29, ../sass/partials/components/homepage/_homepage-intro.scss */ .hp-intro__inner { position: relative; max-width: 95.4rem; margin: 0 auto; background-color: #fff; border-top: 0.6rem solid #0c0c0c; color: #2e2e2e; padding: 4.8rem; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 29, ../sass/partials/components/homepage/_homepage-intro.scss */ .hp-intro__inner { padding: 2rem; } } /* line 42, ../sass/partials/components/homepage/_homepage-intro.scss */ .hp-intro__inner::before { content: ''; display: block; width: 100%; height: 0.6rem; background-image: linear-gradient(180deg, #0c0c0c 0%, #272920 100%); position: absolute; top: -0.6rem; left: 0; } /* title block */ /* *********** */ /* line 57, ../sass/partials/components/homepage/_homepage-intro.scss */ .hp-intro .field-name-title { margin-bottom: 3rem; } /* line 61, ../sass/partials/components/homepage/_homepage-intro.scss */ .hp-intro .field-name-title h1 { font-family: "SanukOT", Arial, Helvetica, sans-serif; font-size: 6rem; font-weight: normal; line-height: 1; color: inherit; margin: 0; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 61, ../sass/partials/components/homepage/_homepage-intro.scss */ .hp-intro .field-name-title h1 { font-size: 4rem; } } @media only screen and (min-width: 0) and (max-width: 48em) { /* line 61, ../sass/partials/components/homepage/_homepage-intro.scss */ .hp-intro .field-name-title h1 { font-size: 3rem; } } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 61, ../sass/partials/components/homepage/_homepage-intro.scss */ .hp-intro .field-name-title h1 { font-size: 2rem; } } /* intro columns */ /* ************* */ /* line 85, ../sass/partials/components/homepage/_homepage-intro.scss */ .hp-intro__columns { display: flex; flex-flow: row wrap; margin: 0 -2.4rem -0.8rem; } /* line 91, ../sass/partials/components/homepage/_homepage-intro.scss */ .hp-intro__column { flex: 0 1 auto; min-width: 0; width: 50%; padding: 0 2.4rem 0.8rem; font-family: "SanukOT", Arial, Helvetica, sans-serif; font-size: 1.4rem; font-weight: 300; line-height: 1.4; } @media only screen and (min-width: 0) and (max-width: 48em) { /* line 91, ../sass/partials/components/homepage/_homepage-intro.scss */ .hp-intro__column { width: 100%; } } /* full content block */ /* ****************** */ /* line 110, ../sass/partials/components/homepage/_homepage-intro.scss */ .hp-intro .field-name-field-homepage-content { margin-top: 2rem; font-family: "SanukOT", Arial, Helvetica, sans-serif; font-size: 1.4rem; font-weight: 300; line-height: 1.4; } /* cta */ /* *** */ /* line 122, ../sass/partials/components/homepage/_homepage-intro.scss */ .hp-intro__cta { position: absolute; top: 0; right: 0; } @media only screen and (min-width: 0) and (max-width: 48em) { /* line 122, ../sass/partials/components/homepage/_homepage-intro.scss */ .hp-intro__cta { position: relative; top: auto; right: auto; margin-left: -4.8rem; margin-bottom: -4.8rem; padding-top: 1.6rem; } } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 122, ../sass/partials/components/homepage/_homepage-intro.scss */ .hp-intro__cta { margin-left: -2rem; margin-bottom: -2rem; } } /* line 141, ../sass/partials/components/homepage/_homepage-intro.scss */ .hp-intro__cta a { display: block; position: relative; color: #2e2e2e; background-color: #8DBA3B; background-image: linear-gradient(170deg, #A6E03E 0%, #8DBA3B 100%); border-radius: 0 0 0 3rem; padding: 1.4rem 6.6rem 1.4rem 2.6rem; font-family: "SanukOTMedium", "SanukOT", Arial, Helvetica, sans-serif; font-size: 1.6rem; line-height: 1.4; font-weight: normal; } /* line 155, ../sass/partials/components/homepage/_homepage-intro.scss */ .hp-intro__cta a:hover, .hp-intro__cta a:focus { text-decoration: underline; } @media only screen and (min-width: 0) and (max-width: 48em) { /* line 141, ../sass/partials/components/homepage/_homepage-intro.scss */ .hp-intro__cta a { display: inline-block; background-image: linear-gradient(159deg, #A6E03E 0%, #8DBA3B 100%); border-radius: 0 3rem 0 0; } } /* line 166, ../sass/partials/components/homepage/_homepage-intro.scss */ .hp-intro__cta a::before { content: ''; display: block; width: 3.2rem; height: 3.2rem; position: absolute; z-index: 1; top: 0.8rem; right: 2rem; background-image: url("../images/btn_all_products.png"); background-repeat: no-repeat; background-position: center center; background-size: contain; } /** -------------------------------------------------- * #text content * -------------------------------------------------- */ /* line 190, ../sass/partials/components/homepage/_homepage-intro.scss */ .hp-intro p, .hp-intro ul, .hp-intro ol { font-family: "SanukOT", Arial, Helvetica, sans-serif; font-size: 1.4rem; font-weight: 300; line-height: 1.4; } /* line 199, ../sass/partials/components/homepage/_homepage-intro.scss */ .hp-intro strong, .hp-intro b { font-family: "SanukOTMedium", "SanukOT", Arial, Helvetica, sans-serif; font-weight: normal; } /* line 205, ../sass/partials/components/homepage/_homepage-intro.scss */ .hp-intro em, .hp-intro i { font-style: italic; } /* line 212, ../sass/partials/components/homepage/_homepage-intro.scss */ .hp-intro ul li { position: relative; margin: 0; padding-left: 2rem; background-image: url("../images/bg_li.png"); background-position: left 0.3rem; background-repeat: no-repeat; background-size: 0.8rem 1.2rem; } /* line 222, ../sass/partials/components/homepage/_homepage-intro.scss */ .hp-intro ul li + li { margin-top: 0.8rem; } /** -------------------------------------------------- * * components - homepage * HOMEPAGE REFERENCES * * TABLE OF CONTENTS * general * item list * item list: item * * -------------------------------------------------- **/ /** -------------------------------------------------- * #general * -------------------------------------------------- */ /* line 20, ../sass/partials/components/homepage/_homepage-references.scss */ .hp-references { position: relative; box-sizing: border-box; background-color: #f2f2f2; color: #2e2e2e; padding: 4rem 2.4rem 4.4rem 2.4rem; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 20, ../sass/partials/components/homepage/_homepage-references.scss */ .hp-references { padding-top: 2rem; padding-bottom: 2.4rem; } } /* line 33, ../sass/partials/components/homepage/_homepage-references.scss */ .hp-references *, .hp-references *::after, .hp-references *::before { box-sizing: inherit; } /* line 40, ../sass/partials/components/homepage/_homepage-references.scss */ .hp-references__inner { position: relative; max-width: 95.4rem; margin: 0 auto; background-color: transparent; } /* references container */ /* ******************** */ /* line 53, ../sass/partials/components/homepage/_homepage-references.scss */ .hp-references-label-holder { text-align: center; margin-bottom: 3rem; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 53, ../sass/partials/components/homepage/_homepage-references.scss */ .hp-references-label-holder { margin-bottom: 1rem; } } /* line 62, ../sass/partials/components/homepage/_homepage-references.scss */ .hp-references-label { font-family: "SanukOTMedium", "SanukOT", Arial, Helvetica, sans-serif; font-size: 3.5rem; line-height: 1.4; font-weight: normal; color: #1aa59f; margin: 0; padding: 0; } @media only screen and (min-width: 0) and (max-width: 48em) { /* line 62, ../sass/partials/components/homepage/_homepage-references.scss */ .hp-references-label { font-size: 3rem; } } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 62, ../sass/partials/components/homepage/_homepage-references.scss */ .hp-references-label { font-size: 2rem; } } /** -------------------------------------------------- * #item list * -------------------------------------------------- */ /* line 87, ../sass/partials/components/homepage/_homepage-references.scss */ .hp-references-list { display: flex; flex-flow: row wrap; justify-content: center; margin: 0 -0.5rem -1rem; } /* line 94, ../sass/partials/components/homepage/_homepage-references.scss */ .hp-references-list__item { flex: 0 1 auto; min-width: 0; width: 8.922%; padding: 0 0.5rem 1rem; } @media only screen and (min-width: 0) and (max-width: 48em) { /* line 94, ../sass/partials/components/homepage/_homepage-references.scss */ .hp-references-list__item { width: 16.66%; } } @media only screen and (min-width: 0) and (max-width: 20.5em) { /* line 94, ../sass/partials/components/homepage/_homepage-references.scss */ .hp-references-list__item { width: 33.33%; } } /** -------------------------------------------------- * #item list: item * -------------------------------------------------- */ /* line 116, ../sass/partials/components/homepage/_homepage-references.scss */ .hp-references-list__item .entity-field-collection-item { width: 100%; float: none; } /* line 120, ../sass/partials/components/homepage/_homepage-references.scss */ .hp-references-list__item .entity-field-collection-item .field-name-field-image { position: relative; height: 0; padding-bottom: 50%; } /* line 126, ../sass/partials/components/homepage/_homepage-references.scss */ .hp-references-list__item .entity-field-collection-item .field-name-field-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; } /** -------------------------------------------------- * * components - homepage * HOMEPAGE SHOWROOMS * * TABLE OF CONTENTS * general * teaser list * * -------------------------------------------------- **/ /** -------------------------------------------------- * #general * -------------------------------------------------- */ /* line 19, ../sass/partials/components/homepage/_homepage-showrooms.scss */ .hp-showrooms { box-sizing: border-box; padding: 5.5rem 2.4rem 5.5rem 2.4rem; background-color: #fff; color: #2e2e2e; } @media only screen and (min-width: 0) and (max-width: 48em) { /* line 19, ../sass/partials/components/homepage/_homepage-showrooms.scss */ .hp-showrooms { padding: 5.5rem 0 0 0; } } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 19, ../sass/partials/components/homepage/_homepage-showrooms.scss */ .hp-showrooms { padding: 1rem 0 0 0; } } /* line 34, ../sass/partials/components/homepage/_homepage-showrooms.scss */ .hp-showrooms *, .hp-showrooms *::after, .hp-showrooms *::before { box-sizing: inherit; } /* line 41, ../sass/partials/components/homepage/_homepage-showrooms.scss */ .hp-showrooms__inner { position: relative; max-width: 95.4rem; margin: 0 auto; background-color: transparent; } /** -------------------------------------------------- * #teaser list * -------------------------------------------------- */ /* line 55, ../sass/partials/components/homepage/_homepage-showrooms.scss */ .hp-showrooms-list-holder { overflow: hidden; } /* line 59, ../sass/partials/components/homepage/_homepage-showrooms.scss */ .hp-showrooms-list { display: flex; flex-flow: row wrap; margin: 0 -2.5rem -5rem; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 59, ../sass/partials/components/homepage/_homepage-showrooms.scss */ .hp-showrooms-list { margin: 0 -1rem -2rem; } } @media only screen and (min-width: 0) and (max-width: 48em) { /* line 59, ../sass/partials/components/homepage/_homepage-showrooms.scss */ .hp-showrooms-list { flex-flow: row nowrap; margin: 0; padding: 0 0.5rem; overflow-x: auto; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; scroll-snap-type: x mandatory; } } /* line 80, ../sass/partials/components/homepage/_homepage-showrooms.scss */ .hp-showrooms-list__item { flex: 0 0 auto; min-width: 0; width: 33.3333%; padding: 0 2.5rem 5rem; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 80, ../sass/partials/components/homepage/_homepage-showrooms.scss */ .hp-showrooms-list__item { padding: 0 1rem 2rem; } } @media only screen and (min-width: 0) and (max-width: 48em) { /* line 80, ../sass/partials/components/homepage/_homepage-showrooms.scss */ .hp-showrooms-list__item { width: 48%; padding: 0 0.5rem; scroll-snap-align: center; } } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 80, ../sass/partials/components/homepage/_homepage-showrooms.scss */ .hp-showrooms-list__item { width: 80%; } } /** -------------------------------------------------- * * components - homepage * HOMEPAGE SLIDER * * TABLE OF CONTENTS * general * * -------------------------------------------------- **/ /** -------------------------------------------------- * #general * -------------------------------------------------- */ /* line 18, ../sass/partials/components/homepage/_homepage-slider.scss */ .hp-slider-block { position: relative; } /* line 28, ../sass/partials/components/homepage/_homepage-slider.scss */ .hp-slider-item { position: relative; /* only display the first item: */ display: none; } /* line 33, ../sass/partials/components/homepage/_homepage-slider.scss */ .hp-slider-item:first-child { display: block; } /* line 37, ../sass/partials/components/homepage/_homepage-slider.scss */ .hp-slider-item .field-collection-item-field-slider .field-items .field-item { position: relative; height: 0; padding-bottom: 36%; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 37, ../sass/partials/components/homepage/_homepage-slider.scss */ .hp-slider-item .field-collection-item-field-slider .field-items .field-item { padding-bottom: 84%; } } /* line 47, ../sass/partials/components/homepage/_homepage-slider.scss */ .hp-slider-item .field-collection-item-field-slider .field-items .field-item img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } /** -------------------------------------------------- * * components - homepage * HOMEPAGE USP BLOCK * * TABLE OF CONTENTS * general * item list * * -------------------------------------------------- **/ /** -------------------------------------------------- * #general * -------------------------------------------------- */ /* line 19, ../sass/partials/components/homepage/_homepage-usp-block.scss */ .hp-usp-block { box-sizing: border-box; background-color: #fff; color: #2e2e2e; padding: 4rem 2.4rem 0 2.4rem; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 19, ../sass/partials/components/homepage/_homepage-usp-block.scss */ .hp-usp-block { padding-top: 2rem; padding-bottom: 2.4rem; } } /* line 31, ../sass/partials/components/homepage/_homepage-usp-block.scss */ .hp-usp-block *, .hp-usp-block *::after, .hp-usp-block *::before { box-sizing: inherit; } /* line 38, ../sass/partials/components/homepage/_homepage-usp-block.scss */ .hp-usp-block__inner { position: relative; max-width: 95.4rem; margin: 0 auto; background-color: transparent; } /* block title */ /* *********** */ /* line 48, ../sass/partials/components/homepage/_homepage-usp-block.scss */ .hp-usp-block__inner > h2 { font-family: "SanukOTMedium", "SanukOT", Arial, Helvetica, sans-serif; font-size: 3.5rem; line-height: 1.4; font-weight: normal; color: #1aa59f; text-align: center; padding: 0; margin: 0 0 3rem 0; } @media only screen and (min-width: 0) and (max-width: 48em) { /* line 48, ../sass/partials/components/homepage/_homepage-usp-block.scss */ .hp-usp-block__inner > h2 { font-size: 3rem; } } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 48, ../sass/partials/components/homepage/_homepage-usp-block.scss */ .hp-usp-block__inner > h2 { font-size: 2rem; margin-bottom: 2rem; } } /** -------------------------------------------------- * #item list * -------------------------------------------------- */ /* line 78, ../sass/partials/components/homepage/_homepage-usp-block.scss */ .hp-usp-items-list { display: flex; flex-flow: row wrap; margin: 0 -1rem -3rem; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 78, ../sass/partials/components/homepage/_homepage-usp-block.scss */ .hp-usp-items-list { margin: 0 -1rem -2rem; } } /* line 88, ../sass/partials/components/homepage/_homepage-usp-block.scss */ .hp-usp-items-list__item { flex: 0 1 auto; min-width: 0; width: 20%; padding: 0 1rem 3rem; } @media only screen and (min-width: 0) and (max-width: 48em) { /* line 88, ../sass/partials/components/homepage/_homepage-usp-block.scss */ .hp-usp-items-list__item { width: 33.33%; } } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 88, ../sass/partials/components/homepage/_homepage-usp-block.scss */ .hp-usp-items-list__item { width: 50%; padding: 0 1rem 2rem; } } /* navigation */ /* ********** */ /** -------------------------------------------------- * * components - navigation * PAGENAV * * TABLE OF CONTENTS * general * mobile pagenav * * -------------------------------------------------- **/ /** -------------------------------------------------- * #general * -------------------------------------------------- */ /* line 19, ../sass/partials/components/navigation/_pagenav.scss */ .desktop-pagenav { display: block; } @media only screen and (min-width: 0) and (max-width: 48em) { /* line 19, ../sass/partials/components/navigation/_pagenav.scss */ .desktop-pagenav { display: none; } } /* line 27, ../sass/partials/components/navigation/_pagenav.scss */ .mobile-pagenav { display: none; } @media only screen and (min-width: 0) and (max-width: 48em) { /* line 27, ../sass/partials/components/navigation/_pagenav.scss */ .mobile-pagenav { display: block; } } /** -------------------------------------------------- * #mobile pagenav * -------------------------------------------------- */ /* toggle button */ /* ************* */ /* line 45, ../sass/partials/components/navigation/_pagenav.scss */ .mobile-pagenav-toggle-button { appearance: none; cursor: pointer; width: 100%; border: 0.1rem solid transparent; margin: 0; padding: 1rem 2.2rem 1rem 2.5rem; display: flex; flex-flow: row nowrap; align-items: center; background-color: #fff; color: #2e2e2e; font-family: "SanukOTMedium", "SanukOT", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 1.4; text-align: left; } /* line 66, ../sass/partials/components/navigation/_pagenav.scss */ .mobile-pagenav-toggle-button > span { flex: 1 1 auto; min-width: 0; padding-right: 2.2rem; } /* line 72, ../sass/partials/components/navigation/_pagenav.scss */ .mobile-pagenav-toggle-button > svg { flex: 0 0 auto; min-width: 0; display: block; width: 2.2rem; height: 2.2rem; fill: currentColor; } /* toggle zone */ /* *********** */ /* line 85, ../sass/partials/components/navigation/_pagenav.scss */ .mobile-pagenav-togglezone { display: block; background-color: #fff; border-top: 0.1rem solid #f2f2f2; } /* line 91, ../sass/partials/components/navigation/_pagenav.scss */ .mobile-pagenav-togglezone[aria-hidden="true"] { display: none; } /* line 98, ../sass/partials/components/navigation/_pagenav.scss */ #sidebar-first .mobile-pagenav-togglezone .menu li + li { border-top: 0.1rem solid #f2f2f2; } /* line 102, ../sass/partials/components/navigation/_pagenav.scss */ #sidebar-first .mobile-pagenav-togglezone .menu a { border: 0; } /* product category */ /* **************** */ /** -------------------------------------------------- * * components - product category * PRODUCT CATEGORY TEASER * * TABLE OF CONTENTS * general * content block * image block * * -------------------------------------------------- **/ /** -------------------------------------------------- * #general * -------------------------------------------------- */ /* line 20, ../sass/partials/components/product-category/_product-category-teaser.scss */ .node-product-category.view-mode-teaser { position: relative; box-sizing: border-box; display: flex; flex-flow: column nowrap; background-color: #474747; } /* line 28, ../sass/partials/components/product-category/_product-category-teaser.scss */ .node-product-category.view-mode-teaser *, .node-product-category.view-mode-teaser *::after, .node-product-category.view-mode-teaser *::before { box-sizing: inherit; } /* line 35, ../sass/partials/components/product-category/_product-category-teaser.scss */ .pd-category-teaser-blocklink { flex: 1 1 auto; width: 100%; position: relative; display: flex; flex-flow: row wrap; align-items: flex-end; /* keep aspect ratio: */ } /* line 45, ../sass/partials/components/product-category/_product-category-teaser.scss */ .pd-category-teaser-blocklink::before { content: ""; float: left; padding-bottom: 66.5%; } /* line 50, ../sass/partials/components/product-category/_product-category-teaser.scss */ .pd-category-teaser-blocklink::after { clear: left; content: " "; display: table; } /** -------------------------------------------------- * #content block * -------------------------------------------------- */ /* line 64, ../sass/partials/components/product-category/_product-category-teaser.scss */ .pd-category-teaser-contentblock { position: relative; z-index: 3; width: 100%; } /* label */ /* ***** */ /* line 73, ../sass/partials/components/product-category/_product-category-teaser.scss */ .pd-category-teaser-label { display: inline-block; border-radius: 0 1rem 1rem 0; color: #2e2e2e; background-color: #9bcc42; font-size: 1.2rem; line-height: 1; padding: 0.5rem 1rem; } /* title */ /* ***** */ /* line 86, ../sass/partials/components/product-category/_product-category-teaser.scss */ .pd-category-teaser-title { margin: 0; padding: 4%; padding-right: calc(4rem + 4%); font-family: "SanukOTMedium", "SanukOT", Arial, Helvetica, sans-serif; font-size: 2.6rem; line-height: 1; font-weight: normal; text-transform: uppercase; text-shadow: 0 0 3px rgba(46, 46, 46, 0.5); word-break: break-word; color: #fff; } /** -------------------------------------------------- * #image block * -------------------------------------------------- */ /* line 108, ../sass/partials/components/product-category/_product-category-teaser.scss */ .pd-category-teaser-imageblock { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: #000; overflow: hidden; } /* line 120, ../sass/partials/components/product-category/_product-category-teaser.scss */ .pd-category-teaser-imageblock img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; object-fit: cover; } /* line 131, ../sass/partials/components/product-category/_product-category-teaser.scss */ .pd-category-teaser-imageblock::before { content: ''; display: block; width: 3.2rem; height: 3.2rem; position: absolute; z-index: 1; bottom: 5%; right: 4%; background-image: url("../images/btn_all_products.png"); background-repeat: no-repeat; background-position: center center; background-size: contain; opacity: 0; transition: opacity 0.15s ease-out; } /* line 152, ../sass/partials/components/product-category/_product-category-teaser.scss */ .pd-category-teaser-blocklink:hover .pd-category-teaser-imageblock::before, .pd-category-teaser-blocklink:focus .pd-category-teaser-imageblock::before { opacity: 1; } /* product */ /* ******* */ /** -------------------------------------------------- * * components - product * PRODUCT PAGE INFOBLOCK * * TABLE OF CONTENTS * general * main * side * * -------------------------------------------------- **/ /** -------------------------------------------------- * #general * -------------------------------------------------- */ /* line 20, ../sass/partials/components/product/_product-page-infoblock.scss */ .product-page-infoblock { position: relative; box-sizing: border-box; color: #fff; background-color: #0c0c0c; background-image: linear-gradient(180deg, #0c0c0c 0%, #272920 100%); padding: 2rem 2rem 4rem 4rem; margin-bottom: 3rem; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 20, ../sass/partials/components/product/_product-page-infoblock.scss */ .product-page-infoblock { padding: 2rem 2.4rem 3rem 2.4rem; } } /* line 34, ../sass/partials/components/product/_product-page-infoblock.scss */ .product-page-infoblock *, .product-page-infoblock *::after, .product-page-infoblock *::before { box-sizing: inherit; } /* line 41, ../sass/partials/components/product/_product-page-infoblock.scss */ .product-page-infoblock__inner { display: flex; flex-flow: row nowrap; justify-content: space-between; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 41, ../sass/partials/components/product/_product-page-infoblock.scss */ .product-page-infoblock__inner { flex-flow: row wrap; } } /** -------------------------------------------------- * #main * -------------------------------------------------- */ /* line 58, ../sass/partials/components/product/_product-page-infoblock.scss */ .product-page-infoblock__main { flex: 1 1 auto; min-width: 0; padding-right: 4rem; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 58, ../sass/partials/components/product/_product-page-infoblock.scss */ .product-page-infoblock__main { width: 100%; padding-right: 0; } } /* titles */ /* ****** */ /* line 72, ../sass/partials/components/product/_product-page-infoblock.scss */ .product-page-infoblock__titles { color: #9bcc42; } /* line 76, ../sass/partials/components/product/_product-page-infoblock.scss */ .product-page-infoblock__title { margin: 0; font-family: "SanukOTMedium", "SanukOT", Arial, Helvetica, sans-serif; font-size: 2.4rem; line-height: 1.4; font-weight: normal; color: inherit; } /* line 85, ../sass/partials/components/product/_product-page-infoblock.scss */ .product-page-infoblock__subtitle { font-family: "SanukOTMedium", "SanukOT", Arial, Helvetica, sans-serif; font-size: 1.6rem; line-height: 1.4; font-weight: normal; } /* specs */ /* ***** */ /* line 95, ../sass/partials/components/product/_product-page-infoblock.scss */ .product-page-infoblock__specs { margin-top: 2.4rem; font-family: "SanukOTMedium", "SanukOT", Arial, Helvetica, sans-serif; font-size: 1.6rem; line-height: 1.4; font-weight: normal; } /* line 103, ../sass/partials/components/product/_product-page-infoblock.scss */ .product-page-infoblock__specs ul { font-family: inherit; font-size: inherit; line-height: inherit; font-weight: inherit; color: inherit; list-style: none; padding: 0; margin: 0; } /* line 114, ../sass/partials/components/product/_product-page-infoblock.scss */ .product-page-infoblock__specs ul li { font-family: inherit; font-size: inherit; line-height: inherit; font-weight: inherit; color: inherit; position: relative; margin: 0; padding-left: 2rem; background-image: url("../images/bg_li.png"); background-position: left 0.3rem; background-repeat: no-repeat; background-size: 0.8rem 1.2rem; } /* line 130, ../sass/partials/components/product/_product-page-infoblock.scss */ .product-page-infoblock__specs ul li + li { margin-top: 0.4rem; } /* line 134, ../sass/partials/components/product/_product-page-infoblock.scss */ .product-page-infoblock__specs * + ul, .product-page-infoblock__specs * + ol { margin-top: 1em; } /* line 139, ../sass/partials/components/product/_product-page-infoblock.scss */ .product-page-infoblock__specs p { font-family: inherit; font-size: inherit; line-height: inherit; font-weight: inherit; color: inherit; margin: 0; } /* line 148, ../sass/partials/components/product/_product-page-infoblock.scss */ .product-page-infoblock__specs p + p { margin-top: 1em; } /* line 152, ../sass/partials/components/product/_product-page-infoblock.scss */ .product-page-infoblock__specs * + p { margin-top: 1em; } /** -------------------------------------------------- * #side * -------------------------------------------------- */ /* line 164, ../sass/partials/components/product/_product-page-infoblock.scss */ .product-page-infoblock__side { flex: 0 1 auto; min-width: 0; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 164, ../sass/partials/components/product/_product-page-infoblock.scss */ .product-page-infoblock__side { width: 100%; margin-top: 2rem; } } /* meta */ /* **** */ /* line 177, ../sass/partials/components/product/_product-page-infoblock.scss */ .product-page-infoblock__meta { display: flex; flex-flow: row wrap; justify-content: flex-end; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 177, ../sass/partials/components/product/_product-page-infoblock.scss */ .product-page-infoblock__meta { justify-content: flex-start; } } /* line 187, ../sass/partials/components/product/_product-page-infoblock.scss */ .product-page-infoblock__price { font-family: "SanukOTMedium", "SanukOT", Arial, Helvetica, sans-serif; font-size: 1.6rem; line-height: 1.4; font-weight: normal; } /* line 194, ../sass/partials/components/product/_product-page-infoblock.scss */ .product-page-infoblock__content { display: flex; flex-flow: row wrap; justify-content: space-between; } /* actions */ /* ******* */ /* line 203, ../sass/partials/components/product/_product-page-infoblock.scss */ .product-page-infoblock__actions { flex: 0 1 auto; min-width: 0; margin-top: 4rem; margin-right: -2rem; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 203, ../sass/partials/components/product/_product-page-infoblock.scss */ .product-page-infoblock__actions { margin-top: 2rem; margin-right: 0; margin-left: -4rem; } } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 203, ../sass/partials/components/product/_product-page-infoblock.scss */ .product-page-infoblock__actions { margin-left: -2.4rem; } } /* line 220, ../sass/partials/components/product/_product-page-infoblock.scss */ .product-page-infoblock__sample-link { display: inline-block; position: relative; color: #2e2e2e; background-color: #8DBA3B; background-image: linear-gradient(170deg, #A6E03E 0%, #8DBA3B 100%); border-radius: 3rem 0 0 3rem; padding: 1.4rem 6.6rem 1.4rem 2.6rem; font-family: "SanukOTMedium", "SanukOT", Arial, Helvetica, sans-serif; font-size: 1.6rem; line-height: 1.4; font-weight: normal; transition: none; } /* line 235, ../sass/partials/components/product/_product-page-infoblock.scss */ .product-page-infoblock__sample-link:hover, .product-page-infoblock__sample-link:focus { text-decoration: underline; } @media only screen and (min-width: 0) and (max-width: 61.25em) { /* line 220, ../sass/partials/components/product/_product-page-infoblock.scss */ .product-page-infoblock__sample-link { background-image: linear-gradient(159deg, #A6E03E 0%, #8DBA3B 100%); border-radius: 0 3rem 3rem 0; } } /* line 245, ../sass/partials/components/product/_product-page-infoblock.scss */ .product-page-infoblock__sample-link::before { content: ''; display: block; width: 3.2rem; height: 3.2rem; position: absolute; z-index: 1; top: 0.8rem; right: 2rem; background-image: url("../images/btn_all_products.png"); background-repeat: no-repeat; background-position: center center; background-size: contain; } /** -------------------------------------------------- * * components - product * PRODUCT PAGE SLIDER * * TABLE OF CONTENTS * general * action links * * -------------------------------------------------- **/ /** -------------------------------------------------- * #general * -------------------------------------------------- */ /* line 19, ../sass/partials/components/product/_product-page-slider.scss */ .product-page-sliderblock .flexslider { position: relative; width: 100%; } /* line 27, ../sass/partials/components/product/_product-page-slider.scss */ .product-image-slider-image-holder { position: relative; padding-bottom: 33.583%; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 27, ../sass/partials/components/product/_product-page-slider.scss */ .product-image-slider-image-holder { padding-bottom: 60%; } } /* line 36, ../sass/partials/components/product/_product-page-slider.scss */ .node-product .flexslider .slides img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } /* navigation */ /* ********** */ /* line 48, ../sass/partials/components/product/_product-page-slider.scss */ .product-page-sliderblock .flex-control-nav { display: none; } /* line 52, ../sass/partials/components/product/_product-page-slider.scss */ .product-page-sliderblock .flex-direction-nav a { position: absolute; float: left; width: 3.4rem; height: 3.4rem; border-bottom: none; text-indent: -9999px; text-transform: uppercase; cursor: pointer; overflow: hidden; bottom: 20.8rem; } /* line 65, ../sass/partials/components/product/_product-page-slider.scss */ .product-page-sliderblock .flex-direction-nav a { top: 50%; margin-top: -1.7rem; } /* line 70, ../sass/partials/components/product/_product-page-slider.scss */ .product-page-sliderblock .flex-direction-nav .flex-prev { left: -1.6rem; background: url("../images/btn_previous.png") left center no-repeat; } /* line 75, ../sass/partials/components/product/_product-page-slider.scss */ .product-page-sliderblock .flex-direction-nav .flex-next { right: -1.6rem; background: url("../images/btn_next.png") left center no-repeat; } /** -------------------------------------------------- * #action links * -------------------------------------------------- */ /* line 87, ../sass/partials/components/product/_product-page-slider.scss */ .product-page-sliderblock .action-links { display: none; } /** -------------------------------------------------- * * components - product * PRODUCT PAGE TECHINFO * * TABLE OF CONTENTS * general * toggle block * * -------------------------------------------------- **/ /** -------------------------------------------------- * #general * -------------------------------------------------- */ /* line 19, ../sass/partials/components/product/_product-page-techinfo.scss */ .product-page-techinfo { box-sizing: border-box; margin-top: 2rem; } /* line 23, ../sass/partials/components/product/_product-page-techinfo.scss */ .product-page-techinfo *, .product-page-techinfo *::after, .product-page-techinfo *::before { box-sizing: inherit; } /* title */ /* ***** */ /* line 33, ../sass/partials/components/product/_product-page-techinfo.scss */ .product-page-techinfo .node-basicpage > h2 { font-family: "SanukOTMedium", "SanukOT", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 1.4; color: #474747; } /* line 40, ../sass/partials/components/product/_product-page-techinfo.scss */ .product-page-techinfo .node-basicpage > h2 a { color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; text-decoration: none; } /* line 47, ../sass/partials/components/product/_product-page-techinfo.scss */ .product-page-techinfo .node-basicpage > h2 a:hover, .product-page-techinfo .node-basicpage > h2 a:focus { text-decoration: underline; } /* table */ /* ***** */ /* !important => to override inline styles */ /* line 59, ../sass/partials/components/product/_product-page-techinfo.scss */ .product-page-techinfo .node-basicpage .field-items { background-color: #fff; overflow-x: auto; padding: 2rem 0; } /* line 65, ../sass/partials/components/product/_product-page-techinfo.scss */ .product-page-techinfo table { width: 100% !important; font-size: 1.4rem; line-height: 1.4; } /* line 70, ../sass/partials/components/product/_product-page-techinfo.scss */ .product-page-techinfo table tbody { border: 0; } /* line 74, ../sass/partials/components/product/_product-page-techinfo.scss */ .product-page-techinfo table td { width: 50% !important; padding: 0.5rem; vertical-align: top; } /* line 80, ../sass/partials/components/product/_product-page-techinfo.scss */ .product-page-techinfo table td:first-child { font-family: "SanukOTMedium", "SanukOT", Arial, Helvetica, sans-serif; font-weight: normal; width: 40% !important; padding-left: 4rem; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 80, ../sass/partials/components/product/_product-page-techinfo.scss */ .product-page-techinfo table td:first-child { padding-left: 2rem; } } /* line 91, ../sass/partials/components/product/_product-page-techinfo.scss */ .product-page-techinfo table td:last-child { width: 60% !important; padding-right: 4rem; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 91, ../sass/partials/components/product/_product-page-techinfo.scss */ .product-page-techinfo table td:last-child { padding-right: 2rem; } } /* other content */ /* ************* */ /* line 104, ../sass/partials/components/product/_product-page-techinfo.scss */ .product-page-techinfo .field-name-body p { padding: 0 4rem 1em; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 104, ../sass/partials/components/product/_product-page-techinfo.scss */ .product-page-techinfo .field-name-body p { padding: 0 2rem 1em; } } /** -------------------------------------------------- * #toggle block * -------------------------------------------------- */ /* line 119, ../sass/partials/components/product/_product-page-techinfo.scss */ .product-page-techinfo__toggle-button { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; width: 100%; border: 0; cursor: pointer; padding: 1.8rem 4rem; margin-bottom: 0.2rem; background-color: #fff; color: #474747; font-family: "SanukOTMedium", "SanukOT", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 1.4; text-align: left; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 119, ../sass/partials/components/product/_product-page-techinfo.scss */ .product-page-techinfo__toggle-button { padding: 1.5rem 2rem; } } /* line 142, ../sass/partials/components/product/_product-page-techinfo.scss */ .product-page-techinfo__toggle-button:hover, .product-page-techinfo__toggle-button:focus { text-decoration: underline; } /* line 147, ../sass/partials/components/product/_product-page-techinfo.scss */ .product-page-techinfo__toggle-button > span { flex: 0 1 auto; min-width: 0; margin-right: 2rem; } /* line 153, ../sass/partials/components/product/_product-page-techinfo.scss */ .product-page-techinfo__toggle-button > svg { flex: 0 0 auto; width: 1.6rem; height: 1.2rem; fill: currentColor; transform: rotate(90deg); } /* line 161, ../sass/partials/components/product/_product-page-techinfo.scss */ .product-page-techinfo__toggle-button[aria-expanded="true"] svg { transform: none; } /* line 167, ../sass/partials/components/product/_product-page-techinfo.scss */ .product-page-techinfo.js-ready .field-name-field-technical-info-page .node-basicpage > h2 { display: none; } /** -------------------------------------------------- * * components - product * PRODUCT TEASER * * TABLE OF CONTENTS * general * graphic block * content block * * -------------------------------------------------- **/ /** -------------------------------------------------- * #general * -------------------------------------------------- */ /* line 20, ../sass/partials/components/product/_product-teaser.scss */ .product-teaser { position: relative; box-sizing: border-box; background-color: #fff; display: flex; flex-flow: column nowrap; } /* line 28, ../sass/partials/components/product/_product-teaser.scss */ .product-teaser *, .product-teaser *::after, .product-teaser *::before { box-sizing: inherit; } /* line 35, ../sass/partials/components/product/_product-teaser.scss */ .product-teaser__inner { position: relative; flex: 1 1 auto; width: 100%; display: flex; flex-flow: column nowrap; } /* line 42, ../sass/partials/components/product/_product-teaser.scss */ .product-teaser__inner > * { width: 100%; } /* overlay link */ /* ************ */ /* line 50, ../sass/partials/components/product/_product-teaser.scss */ .product-teaser__overlay-link { position: absolute; z-index: 4; top: 0; left: 0; width: 100%; height: 100%; } /** -------------------------------------------------- * #graphic block * -------------------------------------------------- */ /* line 66, ../sass/partials/components/product/_product-teaser.scss */ .product-teaser__graphic-block { position: relative; } /* line 70, ../sass/partials/components/product/_product-teaser.scss */ .product-teaser__graphic-block-inner { position: relative; display: flex; flex-flow: row wrap; align-items: flex-end; justify-content: flex-start; background-color: #474747; /* keep aspect ratio: */ } /* line 79, ../sass/partials/components/product/_product-teaser.scss */ .product-teaser__graphic-block-inner::before { content: ""; float: left; padding-bottom: 88%; } /* line 84, ../sass/partials/components/product/_product-teaser.scss */ .product-teaser__graphic-block-inner::after { clear: left; content: " "; display: table; } /* image */ /* ***** */ /* line 94, ../sass/partials/components/product/_product-teaser.scss */ .product-teaser__image-holder { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #474747; } /* line 102, ../sass/partials/components/product/_product-teaser.scss */ .product-teaser__image-holder img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } /* price */ /* ***** */ /* line 115, ../sass/partials/components/product/_product-teaser.scss */ .product-teaser__price { position: relative; z-index: 2; width: 100%; padding: 0.6rem 1.4rem; background-color: rgba(0, 0, 0, 0.5); text-shadow: 0 0 0.2em #000; color: #fff; font-family: "SanukOTMedium", "SanukOT", Arial, Helvetica, sans-serif; font-size: 1.6rem; line-height: 1.4; font-weight: normal; } /** -------------------------------------------------- * #content block * -------------------------------------------------- */ /* line 137, ../sass/partials/components/product/_product-teaser.scss */ .product-teaser__content-block { flex: 1 1 auto; padding: 1.4rem 1.4rem 1.6rem 1.4rem; display: flex; flex-flow: column nowrap; } /* line 143, ../sass/partials/components/product/_product-teaser.scss */ .product-teaser__content-block > * { width: 100%; } /* title */ /* ***** */ /* line 151, ../sass/partials/components/product/_product-teaser.scss */ .product-teaser__title { margin: 0 0 0.6rem 0; font-family: "SanukOTMedium", "SanukOT", Arial, Helvetica, sans-serif; font-size: 1.6rem; line-height: 1.4; font-weight: normal; color: #474747; } /* line 160, ../sass/partials/components/product/_product-teaser.scss */ .product-teaser__title a { font-family: inherit; font-weight: inherit; color: inherit; } /* line 165, ../sass/partials/components/product/_product-teaser.scss */ .product-teaser__title a:focus { text-decoration: underline; } /* specs */ /* ***** */ /* line 174, ../sass/partials/components/product/_product-teaser.scss */ .product-teaser__specs { color: #474747; font-size: 1.3rem; line-height: 1.5; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 174, ../sass/partials/components/product/_product-teaser.scss */ .product-teaser__specs { font-size: 1.2rem; } } /* line 183, ../sass/partials/components/product/_product-teaser.scss */ .product-teaser__specs ul { font-size: inherit; line-height: inherit; color: inherit; list-style: disc outside; padding: 0; margin: 0 0 0 1.6rem; } /* line 194, ../sass/partials/components/product/_product-teaser.scss */ .product-teaser__specs ul li::marker { color: #1aa59f; } /* line 199, ../sass/partials/components/product/_product-teaser.scss */ .product-teaser__specs > * + ul, .product-teaser__specs > * + ol { margin-top: 1em; } /* line 204, ../sass/partials/components/product/_product-teaser.scss */ .product-teaser__specs p { font-size: inherit; line-height: inherit; color: inherit; margin: 0; } /* line 211, ../sass/partials/components/product/_product-teaser.scss */ .product-teaser__specs p + p { margin-top: 1em; } /* line 215, ../sass/partials/components/product/_product-teaser.scss */ .product-teaser__specs > * + p { margin-top: 1em; } /* cta */ /* *** */ /* line 223, ../sass/partials/components/product/_product-teaser.scss */ .product-teaser__cta-block { margin-top: auto; padding-top: 1rem; } /* line 228, ../sass/partials/components/product/_product-teaser.scss */ .product-teaser__cta-text { font-family: "SanukOTMedium", "SanukOT", Arial, Helvetica, sans-serif; font-size: 1.4rem; line-height: 1.4; font-weight: normal; color: #1aa59f; text-decoration: underline; text-decoration-color: #474747; text-underline-offset: 0.1em; } /* showroom */ /* ******** */ /** -------------------------------------------------- * * components - showroom * SHOWROOM TEASER * * TABLE OF CONTENTS * general * image block * content block * * -------------------------------------------------- **/ /** -------------------------------------------------- * #general * -------------------------------------------------- */ /* line 20, ../sass/partials/components/showroom/_showroom-teaser.scss */ .node-showroom.view-mode-teaser { position: relative; box-sizing: border-box; display: flex; flex-flow: column nowrap; } /* line 27, ../sass/partials/components/showroom/_showroom-teaser.scss */ .node-showroom.view-mode-teaser *, .node-showroom.view-mode-teaser *::after, .node-showroom.view-mode-teaser *::before { box-sizing: inherit; } /* line 34, ../sass/partials/components/showroom/_showroom-teaser.scss */ .showroom-teaser-container { flex: 1 1 auto; width: 100%; position: relative; display: flex; flex-flow: row wrap; align-items: flex-end; /* keep aspect ratio: */ } /* line 44, ../sass/partials/components/showroom/_showroom-teaser.scss */ .showroom-teaser-container::before { content: ""; float: left; padding-bottom: 60%; } /* line 49, ../sass/partials/components/showroom/_showroom-teaser.scss */ .showroom-teaser-container::after { clear: left; content: " "; display: table; } /** -------------------------------------------------- * #image block * -------------------------------------------------- */ /* line 63, ../sass/partials/components/showroom/_showroom-teaser.scss */ .showroom-teaser-image-block { position: absolute; z-index: 1; top: 0; left: 1.2rem; right: 1.2rem; bottom: 0; height: 100%; background-color: #000; overflow: hidden; } @media only screen and (min-width: 0) and (max-width: 48em) { /* line 63, ../sass/partials/components/showroom/_showroom-teaser.scss */ .showroom-teaser-image-block { left: 0; right: 0; } } /* line 79, ../sass/partials/components/showroom/_showroom-teaser.scss */ .showroom-teaser-image-block img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; object-fit: cover; } /** -------------------------------------------------- * #content block * -------------------------------------------------- */ /* line 98, ../sass/partials/components/showroom/_showroom-teaser.scss */ .showroom-teaser-content-block { position: relative; z-index: 3; width: 100%; padding-bottom: 2rem; } @media only screen and (min-width: 0) and (max-width: 48em) { /* line 98, ../sass/partials/components/showroom/_showroom-teaser.scss */ .showroom-teaser-content-block { padding-bottom: 0; } } /* line 109, ../sass/partials/components/showroom/_showroom-teaser.scss */ .showroom-teaser-content-block__inner { padding: 1rem 2rem; background-color: #83ad31; background-color: rgba(131, 173, 49, 0.8); color: #fff; text-align: center; } @media only screen and (min-width: 0) and (max-width: 23.75em) { /* line 109, ../sass/partials/components/showroom/_showroom-teaser.scss */ .showroom-teaser-content-block__inner { padding: 0.6rem 1.2rem; } } /* title */ /* ***** */ /* line 124, ../sass/partials/components/showroom/_showroom-teaser.scss */ .showroom-teaser-content-block h2 { margin: 0; padding: 0; font-family: "SanukOTLight", Arial, sans-serif; font-size: 1.8rem; line-height: 1.4; font-weight: normal; text-align: center; color: #fff; } @media only screen and (min-width: 0) and (max-width: 23.75em) { /* line 124, ../sass/partials/components/showroom/_showroom-teaser.scss */ .showroom-teaser-content-block h2 { font-size: 1.4rem; } } /* line 141, ../sass/partials/components/showroom/_showroom-teaser.scss */ .showroom-teaser-container:hover .showroom-teaser-content-block h2, .showroom-teaser-container:focus .showroom-teaser-content-block h2 { text-decoration: underline; } /* text */ /* ***** */ /** -------------------------------------------------- * * components - text * TEXT CONTENT * * TABLE OF CONTENTS * general * * -------------------------------------------------- **/ /** -------------------------------------------------- * #general * -------------------------------------------------- */ /* line 18, ../sass/partials/components/text/_text-content.scss */ .text-content { font-size: 1.4rem; line-height: 1.4; /* margins */ /* ******* */ /* headings */ /* ******** */ /* font sizes */ /* hyperlinks */ /* ********** */ /* bold */ /* **** */ /* tables */ /* ****** */ /* lists */ /* ***** */ /* quotes */ /* ****** */ /* hr - break */ /* ********** */ /* special items */ /* ************* */ } /* line 22, ../sass/partials/components/text/_text-content.scss */ .text-content * { font-size: 1em; line-height: inherit; } /* line 30, ../sass/partials/components/text/_text-content.scss */ .text-content * + * { margin-top: 2.2rem; } /* line 34, ../sass/partials/components/text/_text-content.scss */ .text-content * + li, .text-content * + dd, .text-content * + tr, .text-content * + th, .text-content * + td { margin-top: 0; } /* line 42, ../sass/partials/components/text/_text-content.scss */ .text-content p + p { margin-top: 1.4rem; } /* line 46, ../sass/partials/components/text/_text-content.scss */ .text-content * + h2, .text-content * + h3, .text-content * + h4, .text-content * + h5, .text-content * + h6 { margin-top: 2.8rem; } /* line 57, ../sass/partials/components/text/_text-content.scss */ .text-content h1, .text-content h2, .text-content h3, .text-content h4, .text-content h5, .text-content h6 { font-family: "SanukOTLight", "SanukOT", Arial, Helvetica, sans-serif; line-height: 1.4; font-weight: normal; border-bottom: 0; padding: 0; } /* line 72, ../sass/partials/components/text/_text-content.scss */ .text-content h1 { font-size: 3.4rem; } /* line 76, ../sass/partials/components/text/_text-content.scss */ .text-content h2 { font-size: 2.4rem; } /* line 80, ../sass/partials/components/text/_text-content.scss */ .text-content h3 { font-size: 1.8rem; } /* line 84, ../sass/partials/components/text/_text-content.scss */ .text-content h4 { font-size: 1.4rem; } /* line 88, ../sass/partials/components/text/_text-content.scss */ .text-content h5 { font-size: 1.2rem; } /* line 92, ../sass/partials/components/text/_text-content.scss */ .text-content h6 { font-size: 1rem; } /* line 99, ../sass/partials/components/text/_text-content.scss */ .text-content a { text-decoration: underline; word-wrap: break-word; word-break: break-word; } /* line 104, ../sass/partials/components/text/_text-content.scss */ .text-content a:hover, .text-content a:focus { text-decoration: none; } /* line 113, ../sass/partials/components/text/_text-content.scss */ .text-content b, .text-content strong { font-family: "SanukOTMedium", "SanukOT", Arial, Helvetica, sans-serif; font-weight: normal; } /* line 122, ../sass/partials/components/text/_text-content.scss */ .text-content table { margin: 3.2rem 0; border: none; border-collapse: collapse; color: inherit; /* prevent inline table width: */ width: 100% !important; } /* line 131, ../sass/partials/components/text/_text-content.scss */ .text-content table tr, .text-content table th, .text-content table thead, .text-content table tbody, .text-content table tfoot, .text-content table td { border: none; } /* line 140, ../sass/partials/components/text/_text-content.scss */ .text-content table tr { border-bottom: 0.1rem solid #474747; } /* line 144, ../sass/partials/components/text/_text-content.scss */ .text-content table th, .text-content table td { padding: 0.75em 0.5em; border-bottom: 0.1rem solid #474747; } /* line 150, ../sass/partials/components/text/_text-content.scss */ .text-content table th { font-weight: bold; text-align: left; } /* line 155, ../sass/partials/components/text/_text-content.scss */ .text-content table caption { text-align: left; font-size: 1em; font-style: italic; } /* line 165, ../sass/partials/components/text/_text-content.scss */ .text-content ul { list-style-type: disc; margin: 2.2rem 0 2.2rem 1rem; padding-left: 4rem; } /* line 170, ../sass/partials/components/text/_text-content.scss */ .text-content ul li ul, .text-content ul li ol { margin: 1rem 0 1rem 1rem; padding-left: 2rem; } /* line 177, ../sass/partials/components/text/_text-content.scss */ .text-content ol { list-style: decimal; margin: 2.2rem 0 2.2rem 1rem; padding-left: 4rem; } /* line 182, ../sass/partials/components/text/_text-content.scss */ .text-content ol li ol, .text-content ol li ul { margin: 1rem 0 1rem 1rem; padding-left: 2rem; } /* line 192, ../sass/partials/components/text/_text-content.scss */ .text-content blockquote { position: relative; font-size: 1.1em; font-weight: 600; font-style: italic; } /* line 199, ../sass/partials/components/text/_text-content.scss */ .text-content blockquote p:before { content: open-quote; } /* line 202, ../sass/partials/components/text/_text-content.scss */ .text-content blockquote p:after { content: close-quote; } /* line 211, ../sass/partials/components/text/_text-content.scss */ .text-content hr { width: 100%; margin: 3.2rem 0; border: none; border-bottom: 0.1rem solid #474747; } /* line 221, ../sass/partials/components/text/_text-content.scss */ .text-content > *:first-child { margin-top: 0; } /* line 225, ../sass/partials/components/text/_text-content.scss */ .text-content > *:last-child { margin-bottom: 0; } /* video */ /* ***** */ /** -------------------------------------------------- * * components - video * EMBEDDED VIDEO * * TABLE OF CONTENTS * general * * -------------------------------------------------- **/ /** -------------------------------------------------- * #general * -------------------------------------------------- */ /* line 18, ../sass/partials/components/video/_embedded-video.scss */ .embedded-video { position: relative; width: 100%; } /* line 22, ../sass/partials/components/video/_embedded-video.scss */ .embedded-video .player { position: relative; height: 0; padding-bottom: 56.25%; } /* line 27, ../sass/partials/components/video/_embedded-video.scss */ .embedded-video .player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* footer */ /* ****** */ /** -------------------------------------------------- * * components - footer * FOOTER GENERAL * * TABLE OF CONTENTS * general * * -------------------------------------------------- **/ /** -------------------------------------------------- * #general * -------------------------------------------------- */ /* *** */ /** -------------------------------------------------- * * components - footer * FOOTER BLOCKS * * TABLE OF CONTENTS * text block * * -------------------------------------------------- **/ /** -------------------------------------------------- * #text block * -------------------------------------------------- */ /* line 18, ../sass/partials/components/footer/_footer-blocks.scss */ .footer .node-footer-block .field-name-field-text { margin-top: 2rem; color: #b8b8b8; font-size: 1.4rem; line-height: 1.4; } /* line 25, ../sass/partials/components/footer/_footer-blocks.scss */ .footer .node-footer-block .field-name-field-text a { text-decoration: underline; } /* line 27, ../sass/partials/components/footer/_footer-blocks.scss */ .footer .node-footer-block .field-name-field-text a:hover, .footer .node-footer-block .field-name-field-text a:focus { text-decoration: none; } /* line 33, ../sass/partials/components/footer/_footer-blocks.scss */ .footer .node-footer-block .field-name-field-text p { margin: 1em 0; } /* line 37, ../sass/partials/components/footer/_footer-blocks.scss */ .footer .node-footer-block .field-name-field-text p a { position: relative; display: inline-block; text-decoration: none; font-family: "SanukOTMedium", "SanukOT", Arial, Helvetica, sans-serif; font-size: 1.6rem; line-height: 1.4; font-weight: normal; text-transform: uppercase; color: #fff; padding: 0.6rem 4.6rem 0.4rem 0; } /* line 49, ../sass/partials/components/footer/_footer-blocks.scss */ .footer .node-footer-block .field-name-field-text p a:hover, .footer .node-footer-block .field-name-field-text p a:focus { text-decoration: underline; } /* line 54, ../sass/partials/components/footer/_footer-blocks.scss */ .footer .node-footer-block .field-name-field-text p a::before { content: ''; display: block; width: 3.2rem; height: 3.2rem; position: absolute; z-index: 1; top: 0; right: 0; background-image: url("../images/btn_all_products.png"); background-repeat: no-repeat; background-position: center center; background-size: contain; } /* line 70, ../sass/partials/components/footer/_footer-blocks.scss */ .footer .node-footer-block .field-name-field-text > ul { list-style: none; } /* line 74, ../sass/partials/components/footer/_footer-blocks.scss */ .footer .node-footer-block .field-name-field-text > ul > li { position: relative; margin: 0; padding-left: 2rem; background-image: url("../images/bg_li.png"); background-position: left 0.3rem; background-repeat: no-repeat; background-size: 0.8rem 1.2rem; } /* line 84, ../sass/partials/components/footer/_footer-blocks.scss */ .footer .node-footer-block .field-name-field-text > ul > li + li { margin-top: 0.8rem; } /* paragraphs */ /* ********** */ /** -------------------------------------------------- * * paragraphs * PARAGRAPH: USP * * TABLE OF CONTENTS * general * image block * content block * * -------------------------------------------------- **/ /** -------------------------------------------------- * #general * -------------------------------------------------- */ /* line 20, ../sass/partials/paragraphs/_p-usp.scss */ .p-usp { position: relative; box-sizing: border-box; } /* line 24, ../sass/partials/paragraphs/_p-usp.scss */ .p-usp *, .p-usp *::after, .p-usp *::before { box-sizing: inherit; } /* line 31, ../sass/partials/paragraphs/_p-usp.scss */ .p-usp__inner { position: relative; } /** -------------------------------------------------- * #image block * -------------------------------------------------- */ /* line 42, ../sass/partials/paragraphs/_p-usp.scss */ .p-usp__image-block { position: relative; } /* line 45, ../sass/partials/paragraphs/_p-usp.scss */ .p-usp__image-block .p-usp__image-block-inner { max-width: 6.8rem; margin: 0 auto; } @media only screen and (min-width: 0) and (max-width: 35.5em) { /* line 45, ../sass/partials/paragraphs/_p-usp.scss */ .p-usp__image-block .p-usp__image-block-inner { max-width: 5.4rem; } } /* line 54, ../sass/partials/paragraphs/_p-usp.scss */ .p-usp__image-block .field-name-field-main-image { position: relative; width: 100%; height: 0; padding-bottom: 100%; } /* line 61, ../sass/partials/paragraphs/_p-usp.scss */ .p-usp__image-block .field-name-field-main-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; } /** -------------------------------------------------- * #content block * -------------------------------------------------- */ /* line 78, ../sass/partials/paragraphs/_p-usp.scss */ .p-usp__content-block { margin-top: 1.2rem; font-family: "SanukOTMedium", "SanukOT", Arial, Helvetica, sans-serif; font-size: 1.4rem; line-height: 1.5; text-align: center; color: #474747; }