@charset 'UTF-8'; /*! Theme Name: Dohi Author: Per Mafrost, Lukas Robertsson, Bertil Nilsson, Jari Leskinen, Mikael Wallin Version: 1.0 */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background: 0 0; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 700; } dfn { font-style: italic; } h1 { margin: .67em 0; } mark { color: #000; background: #ff0; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace,monospace; font-size: 1em; } button, input, optgroup, select, textarea { font: inherit; margin: 0; color: inherit; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input { line-height: normal; } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; } input[type=search] { box-sizing: content-box; -webkit-appearance: textfield; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { margin: 0 2px; padding: .35em .625em .75em; border: 1px solid silver; } legend { padding: 0; border: 0; } textarea { overflow: auto; } optgroup { font-weight: 700; } table { border-spacing: 0; border-collapse: collapse; } td, th { padding: 0; } body { font-family: 'Source Sans Pro',sans-serif; font-size: 1rem; font-weight: 400; color: #423c40; } html { font-size: 16px; } p.lead { font-size: 1.25rem; } .subheader { font-weight: 300; line-height: 1.4; margin-top: .2em; margin-bottom: .5em; color: #6f6f6f; } a { line-height: inherit; text-decoration: none; color: #87b44f; } a:focus, a:hover { color: #759d43; } a img { border: none; } .smartster-user-login-form-wrapper .login-modal-close, .smartster-user-login-form-wrapper .password-reset { line-height: inherit; text-decoration: none; color: #908c8e; } .smartster-user-login-form-wrapper .login-modal-close:focus, .smartster-user-login-form-wrapper .login-modal-close:hover, .smartster-user-login-form-wrapper .password-reset:focus, .smartster-user-login-form-wrapper .password-reset:hover { color: #777275; } .smartster-user-login-form-wrapper .login-modal-close img, .smartster-user-login-form-wrapper .password-reset img { border: none; } p { font-family: inherit; font-size: 1rem; font-weight: 400; line-height: 1.4; margin: 0; text-rendering: optimizeLegibility; } p+p { margin-top: .5em; } h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: 700; font-style: normal; line-height: 1.4; margin-top: .2em; margin-bottom: .5em; text-rendering: optimizeLegibility; } h1 { font-size: 3rem; } h2 { font-size: 2.5rem; } h3 { font-size: 2rem; } h4 { font-size: 1.5rem; } h5 { font-size: 1.25rem; } h6 { font-size: 1rem; } hr { clear: both; height: 0; margin: 1rem 0; border: solid #ddd; border-width: 1px 0 0; } body, html { overflow-x: hidden; } body { width: 100%; word-wrap: break-word; background-color: #f4f3f4; -webkit-font-smoothing: antialiased; } #main_home_page, #megamenu, .navigation-bar .holder, .navigation-bar .smartster-inner-header, .page-node .panel-1col .panel-col, .page-reklamblad #content .main, .page-start #slides, .page-start .pane-start-page-ad-space, .page-start .pane-start-page-store-carousel>div, .page-start .view-node-search, .product-carousel-block, body.front #slides, body.front .pane-start-page-ad-space, body.front .pane-start-page-store-carousel>div, body.front .view-node-search { width: 100%; } .button, .filter_menu_collapse_button, .page-node .offer-item article .button-list>*, .sort_menu_collapse_button, .user-continue_shopping, button, form input[type=submit] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline: 0; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -khtml-user-select: none; } #content { width: 100%; padding-top: 30px; } .aboutpage .rightcol, .content #brandz, .content #butika, .node-page .faq, .page-user-password #user-pass, .smartster-user-account-form-wrapper, .smartster-user-login-form-wrapper, .smartster-user-register-form-wrapper { max-width: 520px; margin: 0 auto; background-color: #fff; } *, :after, :before { box-sizing: border-box; } .page-smartster-userslist .user-flags .view-content, .page-smartster-userslist .user-list .view-content, .page-start .featured-two-cols, .page-user-followers .user-flags .view-content, .page-user-followers .user-list .view-content, .page-user-following .user-flags .view-content, .page-user-following .user-list .view-content, .view-leaflet, .view-node-search .view-content, .view-smartster-flag-bookmarks-tab .view-content, body.front .featured-two-cols { clear: both; margin: 0 -1rem; } .page-smartster-userslist .user-flags .view-content:after, .page-smartster-userslist .user-flags .view-content:before, .page-smartster-userslist .user-list .view-content:after, .page-smartster-userslist .user-list .view-content:before, .page-start .featured-two-cols:after, .page-start .featured-two-cols:before, .page-user-followers .user-flags .view-content:after, .page-user-followers .user-flags .view-content:before, .page-user-followers .user-list .view-content:after, .page-user-followers .user-list .view-content:before, .page-user-following .user-flags .view-content:after, .page-user-following .user-flags .view-content:before, .page-user-following .user-list .view-content:after, .page-user-following .user-list .view-content:before, .view-leaflet:after, .view-leaflet:before, .view-node-search .view-content:after, .view-node-search .view-content:before, .view-smartster-flag-bookmarks-tab .view-content:after, .view-smartster-flag-bookmarks-tab .view-content:before, body.front .featured-two-cols:after, body.front .featured-two-cols:before { line-height: 0; display: table; clear: both; content: ''; } .page-smartster-userslist .page-user-followers .user-flags .view-content>.view-content, .page-smartster-userslist .page-user-followers .user-list .view-content>.view-content, .page-smartster-userslist .page-user-following .user-flags .view-content>.view-content, .page-smartster-userslist .page-user-following .user-list .view-content>.view-content, .page-smartster-userslist .user-flags .page-start .featured-two-cols>.view-content, .page-smartster-userslist .user-flags .page-start .view-content>.featured-two-cols, .page-smartster-userslist .user-flags .page-user-followers .user-list .view-content>.view-content, .page-smartster-userslist .user-flags .page-user-following .user-list .view-content>.view-content, .page-smartster-userslist .user-flags .user-list .view-content>.view-content, .page-smartster-userslist .user-flags .view-content>.view-content, .page-smartster-userslist .user-flags .view-content>.view-leaflet, .page-smartster-userslist .user-flags .view-leaflet>.view-content, .page-smartster-userslist .user-flags .view-node-search .view-content>.view-content, .page-smartster-userslist .user-flags .view-smartster-flag-bookmarks-tab .view-content>.view-content, .page-smartster-userslist .user-flags body.front .featured-two-cols>.view-content, .page-smartster-userslist .user-flags body.front .view-content>.featured-two-cols, .page-smartster-userslist .user-list .page-start .featured-two-cols>.view-content, .page-smartster-userslist .user-list .page-start .view-content>.featured-two-cols, .page-smartster-userslist .user-list .page-user-followers .user-flags .view-content>.view-content, .page-smartster-userslist .user-list .page-user-following .user-flags .view-content>.view-content, .page-smartster-userslist .user-list .user-flags .view-content>.view-content, .page-smartster-userslist .user-list .view-content>.view-content, .page-smartster-userslist .user-list .view-content>.view-leaflet, .page-smartster-userslist .user-list .view-leaflet>.view-content, .page-smartster-userslist .user-list .view-node-search .view-content>.view-content, .page-smartster-userslist .user-list .view-smartster-flag-bookmarks-tab .view-content>.view-content, .page-smartster-userslist .user-list body.front .featured-two-cols>.view-content, .page-smartster-userslist .user-list body.front .view-content>.featured-two-cols, .page-start .featured-two-cols>.featured-two-cols, .page-start .featured-two-cols>.view-leaflet, .page-start .page-smartster-userslist .user-flags .featured-two-cols>.view-content, .page-start .page-smartster-userslist .user-flags .view-content>.featured-two-cols, .page-start .page-smartster-userslist .user-list .featured-two-cols>.view-content, .page-start .page-smartster-userslist .user-list .view-content>.featured-two-cols, .page-start .page-user-followers .user-flags .featured-two-cols>.view-content, .page-start .page-user-followers .user-flags .view-content>.featured-two-cols, .page-start .page-user-followers .user-list .featured-two-cols>.view-content, .page-start .page-user-followers .user-list .view-content>.featured-two-cols, .page-start .page-user-following .user-flags .featured-two-cols>.view-content, .page-start .page-user-following .user-flags .view-content>.featured-two-cols, .page-start .page-user-following .user-list .featured-two-cols>.view-content, .page-start .page-user-following .user-list .view-content>.featured-two-cols, .page-start .view-leaflet>.featured-two-cols, .page-start .view-node-search .featured-two-cols>.view-content, .page-start .view-node-search .view-content>.featured-two-cols, .page-start .view-smartster-flag-bookmarks-tab .featured-two-cols>.view-content, .page-start .view-smartster-flag-bookmarks-tab .view-content>.featured-two-cols, .page-start body.front .featured-two-cols>.featured-two-cols, .page-user-followers .page-smartster-userslist .user-flags .view-content>.view-content, .page-user-followers .page-smartster-userslist .user-list .view-content>.view-content, .page-user-followers .page-user-following .user-flags .view-content>.view-content, .page-user-followers .page-user-following .user-list .view-content>.view-content, .page-user-followers .user-flags .page-smartster-userslist .user-list .view-content>.view-content, .page-user-followers .user-flags .page-start .featured-two-cols>.view-content, .page-user-followers .user-flags .page-start .view-content>.featured-two-cols, .page-user-followers .user-flags .page-user-following .user-list .view-content>.view-content, .page-user-followers .user-flags .user-list .view-content>.view-content, .page-user-followers .user-flags .view-content>.view-content, .page-user-followers .user-flags .view-content>.view-leaflet, .page-user-followers .user-flags .view-leaflet>.view-content, .page-user-followers .user-flags .view-node-search .view-content>.view-content, .page-user-followers .user-flags .view-smartster-flag-bookmarks-tab .view-content>.view-content, .page-user-followers .user-flags body.front .featured-two-cols>.view-content, .page-user-followers .user-flags body.front .view-content>.featured-two-cols, .page-user-followers .user-list .page-smartster-userslist .user-flags .view-content>.view-content, .page-user-followers .user-list .page-start .featured-two-cols>.view-content, .page-user-followers .user-list .page-start .view-content>.featured-two-cols, .page-user-followers .user-list .page-user-following .user-flags .view-content>.view-content, .page-user-followers .user-list .user-flags .view-content>.view-content, .page-user-followers .user-list .view-content>.view-content, .page-user-followers .user-list .view-content>.view-leaflet, .page-user-followers .user-list .view-leaflet>.view-content, .page-user-followers .user-list .view-node-search .view-content>.view-content, .page-user-followers .user-list .view-smartster-flag-bookmarks-tab .view-content>.view-content, .page-user-followers .user-list body.front .featured-two-cols>.view-content, .page-user-followers .user-list body.front .view-content>.featured-two-cols, .page-user-following .page-smartster-userslist .user-flags .view-content>.view-content, .page-user-following .page-smartster-userslist .user-list .view-content>.view-content, .page-user-following .page-user-followers .user-flags .view-content>.view-content, .page-user-following .page-user-followers .user-list .view-content>.view-content, .page-user-following .user-flags .page-smartster-userslist .user-list .view-content>.view-content, .page-user-following .user-flags .page-start .featured-two-cols>.view-content, .page-user-following .user-flags .page-start .view-content>.featured-two-cols, .page-user-following .user-flags .page-user-followers .user-list .view-content>.view-content, .page-user-following .user-flags .user-list .view-content>.view-content, .page-user-following .user-flags .view-content>.view-content, .page-user-following .user-flags .view-content>.view-leaflet, .page-user-following .user-flags .view-leaflet>.view-content, .page-user-following .user-flags .view-node-search .view-content>.view-content, .page-user-following .user-flags .view-smartster-flag-bookmarks-tab .view-content>.view-content, .page-user-following .user-flags body.front .featured-two-cols>.view-content, .page-user-following .user-flags body.front .view-content>.featured-two-cols, .page-user-following .user-list .page-smartster-userslist .user-flags .view-content>.view-content, .page-user-following .user-list .page-start .featured-two-cols>.view-content, .page-user-following .user-list .page-start .view-content>.featured-two-cols, .page-user-following .user-list .page-user-followers .user-flags .view-content>.view-content, .page-user-following .user-list .user-flags .view-content>.view-content, .page-user-following .user-list .view-content>.view-content, .page-user-following .user-list .view-content>.view-leaflet, .page-user-following .user-list .view-leaflet>.view-content, .page-user-following .user-list .view-node-search .view-content>.view-content, .page-user-following .user-list .view-smartster-flag-bookmarks-tab .view-content>.view-content, .page-user-following .user-list body.front .featured-two-cols>.view-content, .page-user-following .user-list body.front .view-content>.featured-two-cols, .view-leaflet>.view-leaflet, .view-node-search .page-smartster-userslist .user-flags .view-content>.view-content, .view-node-search .page-smartster-userslist .user-list .view-content>.view-content, .view-node-search .page-start .featured-two-cols>.view-content, .view-node-search .page-start .view-content>.featured-two-cols, .view-node-search .page-user-followers .user-flags .view-content>.view-content, .view-node-search .page-user-followers .user-list .view-content>.view-content, .view-node-search .page-user-following .user-flags .view-content>.view-content, .view-node-search .page-user-following .user-list .view-content>.view-content, .view-node-search .view-content>.view-content, .view-node-search .view-content>.view-leaflet, .view-node-search .view-leaflet>.view-content, .view-node-search .view-smartster-flag-bookmarks-tab .view-content>.view-content, .view-node-search body.front .featured-two-cols>.view-content, .view-node-search body.front .view-content>.featured-two-cols, .view-smartster-flag-bookmarks-tab .page-smartster-userslist .user-flags .view-content>.view-content, .view-smartster-flag-bookmarks-tab .page-smartster-userslist .user-list .view-content>.view-content, .view-smartster-flag-bookmarks-tab .page-start .featured-two-cols>.view-content, .view-smartster-flag-bookmarks-tab .page-start .view-content>.featured-two-cols, .view-smartster-flag-bookmarks-tab .page-user-followers .user-flags .view-content>.view-content, .view-smartster-flag-bookmarks-tab .page-user-followers .user-list .view-content>.view-content, .view-smartster-flag-bookmarks-tab .page-user-following .user-flags .view-content>.view-content, .view-smartster-flag-bookmarks-tab .page-user-following .user-list .view-content>.view-content, .view-smartster-flag-bookmarks-tab .view-content>.view-content, .view-smartster-flag-bookmarks-tab .view-content>.view-leaflet, .view-smartster-flag-bookmarks-tab .view-leaflet>.view-content, .view-smartster-flag-bookmarks-tab .view-node-search .view-content>.view-content, .view-smartster-flag-bookmarks-tab body.front .featured-two-cols>.view-content, .view-smartster-flag-bookmarks-tab body.front .view-content>.featured-two-cols, body.front .featured-two-cols>.featured-two-cols, body.front .featured-two-cols>.view-leaflet, body.front .page-smartster-userslist .user-flags .featured-two-cols>.view-content, body.front .page-smartster-userslist .user-flags .view-content>.featured-two-cols, body.front .page-smartster-userslist .user-list .featured-two-cols>.view-content, body.front .page-smartster-userslist .user-list .view-content>.featured-two-cols, body.front .page-start .featured-two-cols>.featured-two-cols, body.front .page-user-followers .user-flags .featured-two-cols>.view-content, body.front .page-user-followers .user-flags .view-content>.featured-two-cols, body.front .page-user-followers .user-list .featured-two-cols>.view-content, body.front .page-user-followers .user-list .view-content>.featured-two-cols, body.front .page-user-following .user-flags .featured-two-cols>.view-content, body.front .page-user-following .user-flags .view-content>.featured-two-cols, body.front .page-user-following .user-list .featured-two-cols>.view-content, body.front .page-user-following .user-list .view-content>.featured-two-cols, body.front .view-leaflet>.featured-two-cols, body.front .view-node-search .featured-two-cols>.view-content, body.front .view-node-search .view-content>.featured-two-cols, body.front .view-smartster-flag-bookmarks-tab .featured-two-cols>.view-content, body.front .view-smartster-flag-bookmarks-tab .view-content>.featured-two-cols { float: left; clear: none; margin: 0; } .page-smartster-userslist .user-flags .view-content .views-row, .page-smartster-userslist .user-list .view-content .views-row, .page-start .featured-two-cols>div, .page-user-followers .user-flags .view-content .views-row, .page-user-followers .user-list .view-content .views-row, .page-user-following .user-flags .view-content .views-row, .page-user-following .user-list .view-content .views-row, .view-leaflet .leaflet, .view-node-search .offer-item--list, .view-smartster-flag-bookmarks-tab .offer-item--list, body.front .featured-two-cols>div { float: left; } .button, .login-buttons .login .button, .page-node .offer-item article .button-list>*, .user-continue_shopping, button, form input[type=submit], input { width: 100%; height: 44px; padding: 3px 10px; border: none; border-radius: 4px; outline: 0; } form label { text-transform: uppercase; } form label::after { display: inline; margin-left: -3px; content: ':'; } form .form-required { display: none; } form input[type=submit] { color: #fff; } form input[type=text], form input[type=password] { padding-left: 0; border: none; border-bottom: 1px solid #e8e8e8; border-radius: 0; } form .description { display: none; } form fieldset { margin: 0; padding: 0; border: none; } .button, .page-node .offer-item article .button-list>*, .user-continue_shopping, button, form input[type=submit] { text-align: center; text-transform: uppercase; background-color: #87b44f; } .user-continue_shopping { font-size: 15px; font-weight: 600; line-height: 44px; padding: 0 20px; vertical-align: middle; color: #87b44f; border: 1px solid #87b44f; border-radius: 2px; background: #fff; } input[type=text] { border: 1px solid #e8e8e8; } button { padding-top: 0; } .button { padding-top: 12px; } label { color: #87b44f; } input[type=checkbox], input[type=radio] { width: auto; } @font-face { font-family: fontello; font-weight: 400; font-style: normal; src: url(font/fontello.eot?613353); src: url(font/fontello.eot?613353#iefix) format('embedded-opentype'),url(font/fontello.woff?613353) format('woff'),url(font/fontello.ttf?613353) format('truetype'),url(font/fontello.svg?613353#fontello) format('svg'); } [class*=' icon-']:before, [class^=icon-]:before { font-family: fontello; font-weight: 400; font-style: normal; font-variant: normal; line-height: 1em; display: inline-block; width: 1em; margin-right: .2em; margin-left: .2em; text-align: center; text-decoration: inherit; text-transform: none; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-right-circled2:before { content: '\e800'; } .icon-heart-empty:before { content: '\e801'; } .icon-cancel:before { content: '\e802'; } .icon-heart:before { content: '\e803'; } .icon-ok:before { content: '\e804'; } .icon-plus-circled:before { content: '\e805'; } .icon-user-add:before { content: '\e806'; } .icon-down-open-mini:before { content: '\e807'; } .icon-up-open-mini:before { content: '\e808'; } .icon-left-open-mini:before { content: '\e809'; } .icon-right-open-mini:before { content: '\e80a'; } .icon-search:before { content: '\e80b'; } .node-page { padding: 0; } .node-page h1 { font-size: 1.5rem; display: none; margin: 0; padding: 2.5rem; text-align: center; text-transform: capitalize; background-color: #fff; } .node-page h2 { font-size: 1.2rem; text-align: center; } .node-page .faq { width: auto; padding-top: 1rem; padding-bottom: 1rem; } .node-page .faq h2 { font-size: 1rem; font-weight: 700; margin: 1.5rem 0 0; padding-left: 2rem; text-align: left; color: #0d0b0c; } .node-page .faq #accordion label { font-weight: 600; line-height: 1; position: relative; padding: 14px 20px 14px 10px; border-bottom: 1px solid #d5e5c2; border-radius: 0; background-color: #efefef; } .node-page .faq #accordion i { font-size: .8rem; position: absolute; right: 10px; bottom: 14px; color: #87b44f; } .node-page .faq #accordion>div { padding-right: 2rem; padding-left: 2rem; } .node-page .faq fieldset { margin: 1rem 2rem; border: none; background-color: #f4f3f4; } .aboutpage .leftcol, .node-page .links.inline { display: none; } .aboutpage form { max-width: 520px; } .aboutpage .rightcol { margin: 0 auto; padding: 2rem; border-radius: 4px; } .aboutpage .rightcol img { max-width: 100%; } .aboutpage #team hr { display: none; } .aboutpage .team { max-width: 1030px; margin: 1rem auto; padding: 1px 2rem; list-style-type: none; border-bottom: 1px solid #f5f5f5; background-color: #fff; } .aboutpage .team>li { margin: 1rem 0; } .aboutpage .team>li .teamet { display: inline-block; width: 65%; padding-left: 10px; } .aboutpage .team>li .teamet span { display: block; white-space: nowrap; } .aboutpage .team>li .teamet span:first-child { font-weight: 700; } .aboutpage .team>li:after { display: table; clear: both; height: 0; content: ' '; } .aboutpage .team .leftimg, .aboutpage .team .rightimg { display: inline-block; width: 30%; max-width: 160px; vertical-align: top; } .page-reklamblad #content { background-color: #fff; } .view-leaflet { margin: 0 -1rem; padding: 1rem 2rem 2rem; } .view-leaflet .view-header { text-align: center; } .view-leaflet .view-header h4 { font-size: 1rem; margin-top: .5rem; margin-bottom: 1.25rem; } .view-leaflet .view-filters { margin-bottom: 30px; } .view-leaflet .view-filters label { display: none; } .view-leaflet .view-filters select { font-size: 16px; padding: 10px 20px; text-transform: uppercase; border-color: #ccc; } .view-leaflet .view-filters #edit-submit-leaflet { width: 200px; height: 44px; margin-top: 0; border-radius: 0; } .view-leaflet .leaflet { width: 50%; padding: 1rem; text-align: center; } .view-leaflet .leaflet>:last-child { padding-bottom: .5rem; border-bottom: 1px solid #d5e5c2; } .view-leaflet .leaflet img { width: 100%; height: auto; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } .view-leaflet .leaflet img:hover { -webkit-transform: scale(1.07); -ms-transform: scale(1.07); transform: scale(1.07); } .content #brandz, .content #butika { overflow: hidden; width: 100%; padding: .5rem; border: none; background-color: #fff; } .content #brandz .brands, .content #butika .brands { float: none; width: 100%; margin: 0; padding: 0; border: none; } .content #brandz .brands .lchild, .content #butika .brands .lchild { border-bottom: none; } .content #brandz .brands dd a:after, .content #butika .brands dd a:after { font-family: fontello; font-size: 1.5rem; position: absolute; right: 4px; bottom: .25rem; width: 16px; height: 1.5rem; content: '\e80a'; vertical-align: bottom; color: #87b44f; } .content #brandz .brands a, .content #butika .brands a { position: relative; display: block; float: left; width: 85%; padding: .5rem 0; color: #000; } .content #brandz .brands a span, .content #butika .brands a span { color: #000; } .content #brandz dt, .content #butika dt { font-weight: 700; width: 100%; } .content #brandz dd, .content #butika dd { margin: 0; padding: 0; } .compamy_bookmark { float: left; margin-right: 5px; } .compamy_bookmark .flag-throbber { display: none; } .compamy_bookmark a:after { content: ''!important; } .compamy_bookmark i { color: #9acd32; } #butika .compamy_bookmark .flag-message { width: 210px; } #karta_sok { display: inline-block; min-width: 100%; margin: 1rem auto 2.5rem; } #karta_sok center { display: none; } #karta_sok #map { float: left; width: 100%; height: 92%!important; } #karta_sok #map-section { height: 100%; margin-bottom: 100px; } #karta_sok #map-section h1 { font-size: 1.6rem; font-weight: 300; display: none; margin: 50px 0 15px; } #karta_sok .marker-list { display: none; float: left; overflow: scroll; height: 92%; margin: 0; padding: 0 1rem 0 0; list-style: none; } #karta_sok .marker-list li { padding-top: .5rem; padding-bottom: .5rem; border-bottom: 1px solid #d5e5c2; } #karta_sok #marker-info-fixed h2, #karta_sok .gm-style-iw h2 { font-size: 1.2rem; display: block; } #karta_sok #marker-info-fixed .infoWindowContent, #karta_sok .gm-style-iw .infoWindowContent { display: inline-block; width: 100%; } #karta_sok #marker-info-fixed .infoWindowContent table, #karta_sok .gm-style-iw .infoWindowContent table { width: 100%; max-width: 300px; text-align: left; } #karta_sok .gm-style-iw h2 { max-width: 320px; } #marker-info-fixed { position: fixed; z-index: 20; right: 0; bottom: 0; left: 0; height: auto; padding: .5rem; text-align: center; border-top: 2px solid #e8e8e8; background-color: #fff; } #marker-info-fixed .marker-close-button { font-size: 1rem; font-weight: 700; position: absolute; top: 10px; right: 10px; color: #555; } #marker-info-fixed.hidden { display: none; } .mapinformation { padding: 50px 20px 20px; text-align: center; } .mapinformation input { font-size: .8rem; max-width: 500px; height: auto; margin-top: .5rem; margin-bottom: .5rem; padding: 1rem .5rem; text-align: left; } .map-icon { float: right; height: 0; } .map-icon a i { font-size: 34px; position: relative; top: -15px; right: 5px; color: #87b44f; } .smartster-menus { max-height: 38px; background-color: #fff; } .tb-megamenu-button.tb-megamenu-button.tb-megamenu-button { font-family: 'Source Sans Pro',sans-serif; font-size: 18px; font-weight: 600; width: 100%; height: 44px; margin-bottom: 0; border: none; border-radius: 0; outline: 0; background: #87b44f; text-shadow: none; } .tb-megamenu-button.tb-megamenu-button.tb-megamenu-button:focus, .tb-megamenu-button.tb-megamenu-button.tb-megamenu-button:hover { background: #87b44f; } .tb-megamenu-button.tb-megamenu-button.tb-megamenu-button:active { background: #6d923e; } .tb-megamenu.tb-megamenu button, .tb-megamenu.tb-megamenu input, .tb-megamenu.tb-megamenu select, .tb-megamenu.tb-megamenu textarea { font-weight: 600; } .tb-megamenu-button .icon-down-open-mini.icon-down-open-mini, .tb-megamenu-button .icon-up-open-mini.icon-up-open-mini { font-size: 20px; display: block; float: right; width: 20px; margin-left: -20px; color: #fff; } .tb-megamenu-button.expanded .icon-down-open-mini, .tb-megamenu-button.expanded .icon-up-open-mini { -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); } .tb-megamenu.tb-megamenu { color: #423c40; background: 0 0; } .tb-megamenu.tb-megamenu .nav-collapse:not(.collapse) .nav { line-height: normal; text-align: justify; } .tb-megamenu.tb-megamenu .nav-collapse:not(.collapse) .nav>* { text-align: left; } .tb-megamenu.tb-megamenu .nav-collapse:not(.collapse) .nav:after { display: inline-block; width: 100%; height: 0; content: 'd'; opacity: 0; } .tb-megamenu.tb-megamenu .nav-collapse:not(.collapse) .nav>li:hover { background-color: #e8e8e8; } .tb-megamenu.tb-megamenu .nav-collapse:not(.collapse) .nav>li, .tb-megamenu.tb-megamenu .nav-collapse:not(.collapse) .nav>li.active { display: inline-block; float: none; margin: 0; } .tb-megamenu.tb-megamenu .nav-collapse:not(.collapse) .nav>li.active:first-child, .tb-megamenu.tb-megamenu .nav-collapse:not(.collapse) .nav>li:first-child { margin-left: 10px; } .tb-megamenu.tb-megamenu .nav-collapse:not(.collapse) .nav>li.active:last-child, .tb-megamenu.tb-megamenu .nav-collapse:not(.collapse) .nav>li:last-child { margin-right: 10px; } .tb-megamenu.tb-megamenu .nav-collapse:not(.collapse) .nav>li.active.dropdown .icon-down-open-mini.icon-down-open-mini, .tb-megamenu.tb-megamenu .nav-collapse:not(.collapse) .nav>li.dropdown .icon-down-open-mini.icon-down-open-mini { display: none; width: 20px; color: #87b44f; } .tb-megamenu.tb-megamenu .nav-collapse:not(.collapse) .nav>li.active>a, .tb-megamenu.tb-megamenu .nav-collapse:not(.collapse) .nav>li>a { font-size: 13px; font-weight: 600; padding: 10px 6px; text-transform: uppercase; color: #423c40; border: none; background: 0 0; } .tb-megamenu.tb-megamenu .nav-collapse:not(.collapse) .nav>li.active>a .icon-down-open-mini.icon-down-open-mini, .tb-megamenu.tb-megamenu .nav-collapse:not(.collapse) .nav>li>a .icon-down-open-mini.icon-down-open-mini { font-size: 16px; display: none; width: 0; margin-top: 1px; margin-right: -3px; margin-left: -5px; color: transparent; } .tb-megamenu.tb-megamenu .nav-collapse:not(.collapse) .nav>li.active>.tb-megamenu-submenu.tb-megamenu-submenu, .tb-megamenu.tb-megamenu .nav-collapse:not(.collapse) .nav>li>.tb-megamenu-submenu.tb-megamenu-submenu { position: absolute; z-index: 999; width: 100%; padding: 20px; border: none; box-shadow: 0 0 10px #d0cecf; } .tb-megamenu.tb-megamenu .nav-collapse:not(.collapse) .nav>li.active>.tb-megamenu-submenu.tb-megamenu-submenu .tb-megamenu-column-inner, .tb-megamenu.tb-megamenu .nav-collapse:not(.collapse) .nav>li>.tb-megamenu-submenu.tb-megamenu-submenu .tb-megamenu-column-inner { padding: 0; } .tb-megamenu.tb-megamenu .nav-collapse:not(.collapse) .nav>li.active>.tb-megamenu-submenu.tb-megamenu-submenu .mega-group-title, .tb-megamenu.tb-megamenu .nav-collapse:not(.collapse) .nav>li>.tb-megamenu-submenu.tb-megamenu-submenu .mega-group-title { font-weight: 600; padding-bottom: 5px; padding-left: 0; } .tb-megamenu.tb-megamenu .nav-collapse:not(.collapse) .nav>li.active>.tb-megamenu-submenu.tb-megamenu-submenu a, .tb-megamenu.tb-megamenu .nav-collapse:not(.collapse) .nav>li>.tb-megamenu-submenu.tb-megamenu-submenu a { font-size: 15px; padding-top: 0; color: #636363; border: none; } .tb-megamenu.tb-megamenu .nav-collapse:not(.collapse) .nav>li.active>.tb-megamenu-submenu.tb-megamenu-submenu a:hover, .tb-megamenu.tb-megamenu .nav-collapse:not(.collapse) .nav>li>.tb-megamenu-submenu.tb-megamenu-submenu a:hover { background-color: #f4f3f4; } .tb-megamenu.tb-megamenu .nav-collapse:not(.collapse) .nav>li.active>.tb-megamenu-submenu.tb-megamenu-submenu a .icon-right-open-mini.icon-right-open-mini, .tb-megamenu.tb-megamenu .nav-collapse:not(.collapse) .nav>li>.tb-megamenu-submenu.tb-megamenu-submenu a .icon-right-open-mini.icon-right-open-mini { display: none; } .tb-megamenu.tb-megamenu .nav-collapse:not(.collapse) .nav>li .menugap, .tb-megamenu.tb-megamenu .nav-collapse:not(.collapse) .nav>li.active .menugap { margin-top: 10px; } .tb-megamenu.tb-megamenu .nav-collapse.collapse { position: absolute; margin-top: 17px; background: #fff; box-shadow: 1px 1px 5px #e8e8e8; } .tb-megamenu.tb-megamenu .nav-collapse.collapse .nav>li, .tb-megamenu.tb-megamenu .nav-collapse.collapse .nav>li.active { background: 0 0; } .tb-megamenu.tb-megamenu .nav-collapse.collapse .nav>li.active>a, .tb-megamenu.tb-megamenu .nav-collapse.collapse .nav>li>a { font-weight: 600; margin: 0 15px; padding: 9px 0; color: #423c40; border-color: #d5e5c2; border-top: none; background: 0 0; } .tb-megamenu.tb-megamenu .nav-collapse.collapse .nav>li.active>a .icon-down-open-mini.icon-down-open-mini, .tb-megamenu.tb-megamenu .nav-collapse.collapse .nav>li.active>a .icon-right-open-mini.icon-right-open-mini, .tb-megamenu.tb-megamenu .nav-collapse.collapse .nav>li.active>a .icon-up-open-mini.icon-up-open-mini, .tb-megamenu.tb-megamenu .nav-collapse.collapse .nav>li>a .icon-down-open-mini.icon-down-open-mini, .tb-megamenu.tb-megamenu .nav-collapse.collapse .nav>li>a .icon-right-open-mini.icon-right-open-mini, .tb-megamenu.tb-megamenu .nav-collapse.collapse .nav>li>a .icon-up-open-mini.icon-up-open-mini { font-size: 20px; display: block; float: right; width: 20px; margin-left: -20px; color: #87b44f; } .tb-megamenu.tb-megamenu .nav-collapse.collapse .nav>li.active:last-child a, .tb-megamenu.tb-megamenu .nav-collapse.collapse .nav>li:last-child a { border-bottom: none; } .tb-megamenu.tb-megamenu .nav-collapse.collapse .nav>li.active.dropdown.open>.dropdown-toggle, .tb-megamenu.tb-megamenu .nav-collapse.collapse .nav>li.dropdown.open>.dropdown-toggle { color: #423c40; border-color: #d5e5c2; background: 0 0; } .tb-megamenu.tb-megamenu .nav-collapse.collapse .nav>li .tb-megamenu-submenu, .tb-megamenu.tb-megamenu .nav-collapse.collapse .nav>li.active .tb-megamenu-submenu { background: 0 0; } .tb-megamenu.tb-megamenu .nav-collapse.collapse .nav>li .tb-megamenu-submenu .tb-megamenu-column-inner, .tb-megamenu.tb-megamenu .nav-collapse.collapse .nav>li.active .tb-megamenu-submenu .tb-megamenu-column-inner { padding: 0; } .tb-megamenu.tb-megamenu .nav-collapse.collapse .nav>li .tb-megamenu-submenu a, .tb-megamenu.tb-megamenu .nav-collapse.collapse .nav>li.active .tb-megamenu-submenu a { font-size: 15px; font-weight: 500; margin: 0 15px; padding: 9px 0 9px 15px; color: #423c40; border-color: #d5e5c2; border-top: none; border-bottom: 1px solid #d5e5c2; } .tb-megamenu.tb-megamenu .nav-collapse.collapse .nav>li .tb-megamenu-submenu a .icon-down-open-mini.icon-down-open-mini, .tb-megamenu.tb-megamenu .nav-collapse.collapse .nav>li .tb-megamenu-submenu a .icon-right-open-mini.icon-right-open-mini, .tb-megamenu.tb-megamenu .nav-collapse.collapse .nav>li .tb-megamenu-submenu a .icon-up-open-mini.icon-up-open-mini, .tb-megamenu.tb-megamenu .nav-collapse.collapse .nav>li.active .tb-megamenu-submenu a .icon-down-open-mini.icon-down-open-mini, .tb-megamenu.tb-megamenu .nav-collapse.collapse .nav>li.active .tb-megamenu-submenu a .icon-right-open-mini.icon-right-open-mini, .tb-megamenu.tb-megamenu .nav-collapse.collapse .nav>li.active .tb-megamenu-submenu a .icon-up-open-mini.icon-up-open-mini { font-size: 20px; display: block; float: right; width: 20px; margin-left: -20px; color: #87b44f; } .tb-megamenu-item.level-2 li:last-child { margin-bottom: 15px; border-bottom: 1px solid #f1f1f1; } .page-subcategories { width: 100%; padding: 1rem; text-align: center; background-color: #fff; } .page-subcategories h6 { margin: 0; padding-top: 1rem; padding-bottom: 1rem; } .page-subcategories ul.menu { padding: 0; } .page-subcategories ul.menu li.leaf { list-style-type: none; list-style-image: none; } .page-subcategories li { padding: .5rem; border-bottom: 1px solid #d5e5c2; } .page-subcategories li a { position: relative; display: block; padding-left: 1rem; } .left-mobile-menu li a:after, .page-subcategories li a:after { font-family: fontello; font-size: 1.5rem; position: absolute; right: 4px; bottom: 0; width: 16px; height: 1.5rem; content: '\e80a'; vertical-align: bottom; color: #87b44f; } .left-mobile-menu { position: fixed; z-index: 1001; top: 0; left: -100%; overflow-x: hidden; overflow-y: scroll; width: 360px; max-width: 100%; height: 100%; padding: 3rem 2rem 2rem; -webkit-transition-duration: 400ms; transition-duration: 400ms; -webkit-transition-property: left; transition-property: left; color: #d0cecf; background-color: #423c40; } .left-mobile-menu.active { left: 0; } .left-mobile-menu ul { margin-bottom: 2rem; padding: 0; list-style: none; border-top: 1px solid #635e61; } .left-mobile-menu ul:first-of-type { border-top: none; } .left-mobile-menu li { padding: .5rem .25rem; border-bottom: 1px solid #635e61; } .left-mobile-menu li a { position: relative; display: block; color: #d0cecf; } .left-mobile-menu .close-button { position: absolute; top: .75rem; left: 1rem; width: 1.5rem; height: 1rem; cursor: pointer; } .left-mobile-menu .close-button span { position: absolute; width: 100%; height: 2px; background-color: #87b44f; } .left-mobile-menu .close-button span:first-of-type { -webkit-transform: translateY(7px) rotate(-45deg); -ms-transform: translateY(7px) rotate(-45deg); transform: translateY(7px) rotate(-45deg); } .left-mobile-menu .close-button span:nth-child(2) { -webkit-transform: translateY(7px) rotate(45deg); -ms-transform: translateY(7px) rotate(45deg); transform: translateY(7px) rotate(45deg); } .left-mobile-menu .menu-login .login a { display: block; width: 100%; max-width: 100%; margin: 0; } .left-mobile-menu .menu-login .login a:first-of-type { margin-bottom: 10px; } html.no-scroll, html.no-scroll>body { overflow: hidden; max-height: 100%; } .page-user-password #user-pass, .smartster-user-account-form-wrapper, .smartster-user-login-form-wrapper, .smartster-user-register-form-wrapper { width: 100%; margin: 0 auto; padding: 2rem; background-color: #fff; } .page-user-password #user-pass h4, .smartster-user-account-form-wrapper h4, .smartster-user-login-form-wrapper h4, .smartster-user-register-form-wrapper h4 { font-size: 1rem; margin: 0 0 1rem; padding-bottom: 10px; text-align: left; text-transform: uppercase; color: #87b44f; border-bottom: 3px solid #87b44f; } .smartster-user-login-form-wrapper .button { display: block; width: 100%; } .smartster-user-login-form-wrapper .login_links>* { display: block; margin-bottom: 1rem; text-align: center; } .smartster-user-login-form-wrapper .facebook_reg_btn_mini { margin-bottom: 2.5rem; color: #fff; background-color: #517d9a; } .smartster-user-login-form-wrapper .password-reset { margin-bottom: 20px; } .smartster-user-login-form-wrapper .register { color: #87b44f; border: 1px solid #87b44f; background-color: #fff; } .login-buttons .login-tagline { font-weight: 600; } .login-buttons .login { width: 100%; max-width: none; margin-top: 1rem; } .login-buttons .login .button { font-weight: 700; display: block; width: 100%; min-width: 208px; max-width: 480px; margin: 0 auto; padding: 12px 0; text-transform: uppercase; color: #fff; background-color: #87b44f; } .login-buttons .login .register { margin-top: 1rem; color: #87b44f; border: 1px solid #87b44f; background-color: #fff; } #page-title { display: none; } .filters-disabled .filter_menu_collapse_button, .filters-disabled .sort_menu_collapse_button { pointer-events: none; color: #b8d297; } .filter_menu_collapse_button, .sort_menu_collapse_button { font-size: 15px; font-weight: 600; line-height: 44px; display: none; float: left; height: 44px; padding: 0 6px; vertical-align: middle; color: #87b44f; border: none; border-radius: 0; background: #f3f7ed; } .filter_menu_collapse_button.open, .sort_menu_collapse_button.open { background: #fff; } .filter_menu_collapse_button.open:active, .filter_menu_collapse_button:active, .sort_menu_collapse_button.open:active, .sort_menu_collapse_button:active { background: #e6e6e6; } .filter_menu_collapse_button .icon-down-open-mini, .filter_menu_collapse_button .icon-up-open-mini, .sort_menu_collapse_button .icon-down-open-mini, .sort_menu_collapse_button .icon-up-open-mini { font-size: 20px; line-height: 44px; width: 20px; height: 44px; margin-right: -20px; vertical-align: middle; } #main_home_page .panel-col-first { width: 188px; padding-left: 16px; } #main_home_page .panel-col-first .pane-title { font-size: 15px; font-weight: 600; margin: 0; } #main_home_page .panel-col-first i { display: none; } #main_home_page .panel-col-first .inside { margin: 0; } #main_home_page .panel-col-first .panel-separator { margin: 10px 0; border-top: 1px solid #d0cecf; } #main_home_page .panel-col-first .text-range { display: none; } #main_home_page .panel-col-first .form-item { margin: 0; } #main_home_page .panel-col-first .form-item label { font-weight: 500; display: inline-block; pointer-events: none; } #main_home_page .panel-col-first .form-item input[type=text] { font-weight: 500; width: auto; padding: 0; pointer-events: none; color: #423c40; border: none; background: 0 0; } #main_home_page .panel-col-first input[type=submit] { display: none; } #main_home_page .panel-col-first .facetapi-pane-content { overflow-y: scroll; max-height: 400px; } #main_home_page .panel-col-first .facetapi-facetapi-checkbox-links, #main_home_page .panel-col-first .facetapi-facetapi-checkbox-links ul { margin: 0; } #main_home_page .panel-col-first .facetapi-facetapi-checkbox-links li { overflow: hidden; margin: -1px 0; padding: 0 0 0 5px; list-style: none; color: #423c40; border: 1px dotted #ccc; background-color: #f9f9f9; } #main_home_page .panel-col-first .facetapi-facetapi-checkbox-links .facetapi-facet { margin: 5px 0; } #main_home_page .panel-col-first .facetapi-facetapi-checkbox-links a { font-size: 15px; color: #423c40; } #main_home_page .panel-col-first .filter_menu-checkbox-item-active, #main_home_page .panel-col-first .filter_menu-checkbox-item-inactive { margin: 0; } #main_home_page .panel-col-first .filter_menu-checkbox-item-active label, #main_home_page .panel-col-first .filter_menu-checkbox-item-inactive label { font-size: 15px; font-weight: 500; display: inline-block; cursor: pointer; color: #423c40; } #main_home_page .panel-col-first .filter_menu-checkbox-item-active label input[type=checkbox], #main_home_page .panel-col-first .filter_menu-checkbox-item-inactive label input[type=checkbox] { display: none; } #main_home_page .panel-col-first .filter_menu-checkbox-item-active span { position: relative; display: inline-block; width: 15px; height: 15px; margin-right: 5px; margin-bottom: -2px; cursor: pointer; border: 1px solid #d5e5c2; border-radius: 50%; background: #d5e5c2; } #main_home_page .panel-col-first .filter_menu-checkbox-item-active input[type=checkbox]:checked+span { background: #87b44f; } #main_home_page .panel-col-first .filter_menu-checkbox-item-active input[type=checkbox]:checked+span .icon-cancel { font-size: 12px; position: absolute; top: -1px; left: -2px; display: inline-block; display: block; color: #fff; } #main_home_page .panel-col-first .filter_menu-checkbox-item-inactive span { position: relative; display: inline-block; width: 15px; height: 15px; margin-right: 5px; cursor: pointer; border: 1px solid #d5e5c2; border-radius: 3px; background: #d5e5c2; } #main_home_page .panel-col-first .filter_menu-checkbox-item-inactive input[type=checkbox]:checked+span { background: #87b44f; } #main_home_page .panel-col-first .filter_menu-checkbox-item-inactive input[type=checkbox]:checked+span .icon-ok { font-size: 11px; position: absolute; top: 0; left: -1px; display: inline-block; display: block; color: #fff; } #main_home_page .panel-col-first .range-slider-box { margin: 10px 0; padding: 0 10px; } #main_home_page .panel-col-first .range-slider-box .range-slider { height: 4px; border: none; background: #87b44f; } #main_home_page .panel-col-first .range-slider-box .ui-slider-range { background: #87b44f; } #main_home_page .panel-col-first .range-slider-box .ui-slider-handle { top: -8px; width: 20px; height: 20px; margin-left: -10px; border: 4px solid #87b44f; border-radius: 50%; background: #fff; } #main_home_page .panel-col-first .pane-current-search-standard h3 { display: none; } #main_home_page .panel-col-first .pane-current-search-standard ul li { margin: 0; list-style: none; } .sort_menu { display: none; } footer { padding: 2.5rem 2rem; color: #f4f3f4; background-color: #423c40; } footer>* { display: block; margin: 0 auto 2.5rem; text-align: center; } .footer-login>* { display: block; max-width: 34rem; margin: 0 auto 1rem; } .footer-login>.footer-logo>img { width: 175px; max-width: 100%; height: auto; } .footer-flyer { margin-bottom: 4.5rem; } .footer-flyer a { position: relative; display: block; width: 100%; height: 129px; background-image: url(../assets/images/smart-footer-mobile.png); background-repeat: no-repeat; background-position: center; background-size: contain; } .footer-flyer a span { position: absolute; bottom: -2rem; left: 0; width: 100%; vertical-align: bottom; } footer>#mc_embed_signup { width: auto; max-width: 30rem; margin-bottom: 1rem; background-color: transparent; } footer>#mc_embed_signup strong { display: inline-block; padding-bottom: 1rem; } footer>#mc_embed_signup>form { position: relative; padding: 0; } footer>#mc_embed_signup .mc-field-group { display: inline-block; width: 100%; height: 44px; min-height: 0; padding: 0; vertical-align: bottom; } footer>#mc_embed_signup .mc-field-group input { height: 100%; color: #7f7f7f; } footer>#mc_embed_signup .mc-field-submit { position: absolute; top: 5.5px; right: 5.5px; overflow: hidden; width: 33px; height: 33px; min-height: 0; vertical-align: bottom; } footer>#mc_embed_signup .mc-field-submit button { font-size: 1.5em; width: 100%; height: 100%; margin: 0; padding: 0; color: #fff; border: none; border-radius: 2px; background-color: #87b44f; } html.footer-modal-active, html.footer-modal-active>body { overflow: hidden; max-height: 100%; } .footer-modal { position: relative; z-index: 31; } .footer-modal:before { position: fixed; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; display: none; content: ''; background: rgba(0,0,0,.6); } html.footer-modal-active .footer-modal:before { display: block; } html.footer-modal-active .footer-modal .footer-modal-wrapper { -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); } .footer-modal-wrapper { position: fixed; z-index: 11; top: 0; overflow: scroll; width: 100%; height: 100%; max-height: 100%; padding: 1rem; -webkit-transition: -webkit-transform .4s ease-in; transition: transform .4s ease-in; -webkit-transform: translate(0,-100%); -ms-transform: translate(0,-100%); transform: translate(0,-100%); background-color: transparent; } .footer-modal-body { position: absolute; left: 50%; width: 300px; margin-top: 1rem; margin-bottom: 1rem; margin-left: -150px; border-radius: 5px; background: #fefefe; } .contextual-links-region { position: static; } .navigation-bar { position: relative; z-index: 10; width: 100%; height: 80px; padding-top: 18px; border-bottom: 1px solid #e8e8e8; background: #fff; } .navigation-bar .holder { position: relative; padding-right: 1rem; padding-left: 1rem; } .navigation-bar .smartster-inner-header { padding-right: 30px; padding-left: 30px; } .navigation-bar.show-header h1 { display: inline; } .navigation-bar.show-logo .icon-logo { display: inline-block; } .icon-grid, .icon-map-pin, .icon-side-nav, .icon-user-profile, .navigation-icon { width: 24px; height: 24px; background-size: 24px 24px; } .icon-side-nav { float: left; max-width: 24px; max-height: 24px; margin-top: 10px; background-image: url(../assets/images/icons/menu-icon.svg); } .header-grid .text, .map-pin .text, .user-profile .text { font-size: 13px; color: #537d99; } .icon-grid { display: inline-block; margin-left: 13px; vertical-align: middle; background-image: url(../assets/images/icons/standard-view.svg); } .header-grid, .map-pin { float: right; margin-right: 10px; padding-top: 10px; } .icon-map-pin { display: inline-block; margin-left: 5px; vertical-align: middle; background-image: url(../assets/images/icons/icon_map_pin.svg); } .user-profile { position: absolute; top: 0; right: 16px; width: 106px; padding-top: 10px; padding-right: 40px; text-align: right; } .user-profile .text { line-height: 24px; display: inline-block; overflow: hidden; max-width: 80px; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; } .user-profile.has-image * { height: 100%; } .user-profile.has-image .user-picture { position: absolute; top: -4px; right: 0; width: 34px; height: 34px; } .user-profile.has-image img { width: auto; } .icon-user-profile { position: absolute; right: 0; background-image: url(../assets/images/icons/icon_user_not_logged_in.svg); } .navigation-bar h1 { font-size: 1rem; font-weight: 600; } .icon-logo, .navigation-bar h1 { display: none; float: left; overflow: hidden; margin-top: 11px; margin-left: 10px; } .icon-logo img, .navigation-bar h1 img { height: 24px; margin-left: 0; } div#location-switcher_msdd { padding-top: 10px; } .page-start #content, body.front #content { margin-bottom: 1rem; } .page-start #slides, body.front #slides { margin-bottom: 0; padding: 0; list-style: none; } .page-start #slides#slides, body.front #slides#slides { margin-top: 16px; } .page-start #slides .owl-dots, body.front #slides .owl-dots { margin-top: 0; padding-top: 1rem; line-height: .8; } .page-start #slides .owl-dots .owl-dot>span, body.front #slides .owl-dots .owl-dot>span { width: 16px; height: 16px; margin: 0 2px; border-radius: 0; background-color: #d5e5c2; } .page-start #slides .owl-dots .owl-dot.active>span, body.front #slides .owl-dots .owl-dot.active>span { background-color: #87b44f; } .page-start #slides .owl-item, body.front #slides .owl-item { position: relative; } .page-start #slides .owl-item:before, body.front #slides .owl-item:before { display: block; width: 100%; padding-top: 53.1400966184%; content: ''; } .page-start #slides .owl-item>*, body.front #slides .owl-item>* { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .page-start #slides li, body.front #slides li { height: 100%; } .page-start .slide-content, body.front .slide-content { position: relative; display: block; height: 100%; color: #fff; background-position: center; background-size: cover; } .page-start .slide-content>div, body.front .slide-content>div { position: relative; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; } .page-start .slide-content .header, body.front .slide-content .header { font-size: 2rem; font-weight: 700; display: block; } .page-start .slide-content .double, body.front .slide-content .double { font-size: 1rem; font-style: italic; display: inline-block; width: 2em; height: 2em; } .page-start .slide-content .header2, body.front .slide-content .header2 { font-size: 3rem; font-weight: 700; } .page-start .slide-content a, body.front .slide-content a { font-weight: 600; display: block; color: #fff; } .page-start .panel-col-first, body.front .panel-col-first { display: none; } .page-start .panel-col-last, body.front .panel-col-last { width: 100%; } .page-start .panel-col-last .inside, body.front .panel-col-last .inside { margin: 0; padding: 0; } .page-start .featured-two-cols, body.front .featured-two-cols { margin: 0 -.5rem; padding: 1rem; } .page-start .featured-two-cols>div, body.front .featured-two-cols>div { width: 100%; padding: .5rem; } .page-start .featured-two-cols article, body.front .featured-two-cols article { position: relative; overflow: hidden; width: 100%; height: 100%; border-radius: 4px; background-repeat: no-repeat; background-position: center; background-size: cover; } .page-start .featured-two-cols article:before, body.front .featured-two-cols article:before { display: block; width: 100%; padding-top: 56.25%; content: ''; } .page-start .featured-two-cols article>div, body.front .featured-two-cols article>div { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .page-start .featured-two-cols .map-ad, body.front .featured-two-cols .map-ad { position: relative; background-color: #d0cecf; } .page-start .featured-two-cols .map-ad>div, body.front .featured-two-cols .map-ad>div { height: 100%; } .page-start .featured-two-cols .map-ad>div>div, body.front .featured-two-cols .map-ad>div>div { position: relative; top: 70%; width: 100%; height: 100%; padding: 10px; -webkit-transform: translateY(-70%); -ms-transform: translateY(-70%); transform: translateY(-70%); text-align: center; } .page-start .featured-two-cols .map-ad h4, body.front .featured-two-cols .map-ad h4 { display: none; } .page-start .featured-two-cols .map-ad p, body.front .featured-two-cols .map-ad p { font-weight: 600; text-transform: uppercase; color: #fff; } .page-start .featured-two-cols .map-ad img, body.front .featured-two-cols .map-ad img { position: absolute; top: 15%; right: 10%; display: none; width: 25%; } .page-start .featured-two-cols .register-ad, body.front .featured-two-cols .register-ad { font-size: .8rem; background-color: #fff; } .page-start .featured-two-cols .register-ad h4, body.front .featured-two-cols .register-ad h4 { font-size: .7rem; font-weight: 700; color: #444; } .page-start .featured-two-cols .register-ad p, body.front .featured-two-cols .register-ad p { font-size: .7rem; color: #444; } .page-start .featured-two-cols .register-ad>div, body.front .featured-two-cols .register-ad>div { height: 100%; } .page-start .featured-two-cols .register-ad>div>div, body.front .featured-two-cols .register-ad>div>div { position: relative; top: 50%; width: 55%; max-width: 230px; padding-left: 1rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .page-start .featured-two-cols .register-ad .button, body.front .featured-two-cols .register-ad .button { font-size: .7rem; font-weight: 700; display: inline-block; width: 100%; height: 44px; margin-top: 1rem; padding-top: 14px; color: #fff; } .page-start .pane-start-page-store-carousel, body.front .pane-start-page-store-carousel { padding: 1rem 0; background-color: #fff; } .page-start .carousel-header, body.front .carousel-header { max-width: 1366px; margin: 30px auto 10px; } .page-start .carousel-header::after, body.front .carousel-header::after { display: table; clear: both; content: ' '; } .page-start .carousel-header>div, body.front .carousel-header>div { float: left; width: 100%; text-align: center; } .page-start .carousel-header>div strong, body.front .carousel-header>div strong { font-size: 1.2rem; font-weight: 400; color: #87b44f; } .page-start .carousel-header .subheader, body.front .carousel-header .subheader { display: none; margin: 0; color: #423c40; } .page-start #demo, body.front #demo { margin-left: 1rem; } .page-start #demo .owl-stage-outer, body.front #demo .owl-stage-outer { width: 100%; } .page-start #demo a, body.front #demo a { display: block; width: 90px; height: 90px; } .page-start .view-node-search .views-exposed-form, body.front .view-node-search .views-exposed-form { display: none; } .page-start .view-node-search .view-header, body.front .view-node-search .view-header { text-align: center; } .page-start .view-node-search .view-header h4, body.front .view-node-search .view-header h4 { font-size: 1rem; margin: 1.5rem 0 0; } .page-start .featured-two-cols .map-ad>div>div a { display: block; width: 100%; height: 100%; padding-top: 50%; } .page-home #content>.main { padding-top: 1.8rem; } .page-home #content>.main .panel-2col .panel-col-last { width: calc(100% - 188px); } .page-home #content>.main .element-invisible, .page-home #content>.main .panel-2col .panel-col-last .panel-separator { display: none; } .page-home #content>.main .view-content { padding-top: 0; } .page-home #content>.main #catdesc { display: inline-block; width: 100%; padding: 0 0 0 20px; border: 1px solid #d5e5c2; background-color: #fff; } .page-home #content>.main #catdesc .catext { float: left; width: 80%; padding-top: 10px; } .page-home #content>.main #catdesc .catext h1 { font-size: 1.6rem; font-weight: 400; margin: 0; } .page-home #content>.main #catdesc .catext p { padding-bottom: 20px; } .page-home #content>.main #catdesc .catimg { float: right; } .page-home #content>.main #catdesc .catimg img { max-height: 120px; padding-right: 20px; } .view-node-search>br, .view-smartster-flag-bookmarks-tab>br { display: none; } .view-node-search .view-content, .view-smartster-flag-bookmarks-tab .view-content { margin: 0 -.5rem; border-top: 1px solid #d5e5c2; } .view-node-search .offer-item--list, .view-smartster-flag-bookmarks-tab .offer-item--list { width: 50%; padding: 0; } .offer-item--list article, .view-category-block article, .view-smartster-flag-bookmarks-tab article { font-size: 14px; position: relative; display: inline-block; width: 100%; padding: 10px; border: 1px solid #ccc; border: 1px solid #d5e5c2; background: #fff; } .offer-item--list article .like, .view-category-block article .like, .view-smartster-flag-bookmarks-tab article .like { position: relative; z-index: 1; float: right; margin: 0 -4px -15px 0; padding-top: 4px; } .offer-item--list article .like .flag-action, .offer-item--list article .like .unflag-action, .offer-item--list article .like a, .view-category-block article .like .flag-action, .view-category-block article .like .unflag-action, .view-category-block article .like a, .view-smartster-flag-bookmarks-tab article .like .flag-action, .view-smartster-flag-bookmarks-tab article .like .unflag-action, .view-smartster-flag-bookmarks-tab article .like a { font-size: 1.5rem; font-weight: 700; line-height: .7em; } .offer-item--list article .like:hover, .view-category-block article .like:hover, .view-smartster-flag-bookmarks-tab article .like:hover { color: #87b44f; } .offer-item--list article .like .flag-message, .view-category-block article .like .flag-message, .view-smartster-flag-bookmarks-tab article .like .flag-message { font-size: 15px; font-weight: 700; line-height: normal; position: absolute; z-index: 99999; top: 4em; right: 0; display: inline-block; padding: 5px 5px 10px; text-align: center; color: #fff; border: 2px solid #6d874e; border-radius: 25px; background-color: #87b44f; } .offer-item--list article .like .flag-flagged-message, .view-category-block article .like .flag-flagged-message, .view-smartster-flag-bookmarks-tab article .like .flag-flagged-message { width: 170px; } .offer-item--list article .like .flag-unflagged-message, .view-category-block article .like .flag-unflagged-message, .view-smartster-flag-bookmarks-tab article .like .flag-unflagged-message { width: 205px; } .offer-item--list article .like .flag-message:before, .view-category-block article .like .flag-message:before, .view-smartster-flag-bookmarks-tab article .like .flag-message:before { font-size: 1.5rem; content: ''; } .offer-item--list article .discount, .view-category-block article .discount, .view-smartster-flag-bookmarks-tab article .discount { font-size: 1.1em; font-weight: 700; position: absolute; z-index: 10; top: 10px; left: 10px; margin: 0 0 -10px; padding: 5px; color: #fff; background-color: #537d99; } .offer-item--list article .product_img, .view-category-block article .product_img, .view-smartster-flag-bookmarks-tab article .product_img { font-weight: 700; position: relative; display: block; clear: both; margin-bottom: 4px; text-align: center; } .offer-item--list article .product_img:before, .view-category-block article .product_img:before, .view-smartster-flag-bookmarks-tab article .product_img:before { display: block; width: 100%; padding-top: 100%; content: ''; } .offer-item--list article .product_img>*, .view-category-block article .product_img>*, .view-smartster-flag-bookmarks-tab article .product_img>* { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .offer-item--list article .product_img a, .view-category-block article .product_img a, .view-smartster-flag-bookmarks-tab article .product_img a { display: block; width: 100%; height: 100%; } .offer-item--list article .product_img img, .view-category-block article .product_img img, .view-smartster-flag-bookmarks-tab article .product_img img { position: relative; top: 50%; display: inline-block; width: auto; max-height: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .offer-item--list article .product-name, .view-category-block article .product-name, .view-smartster-flag-bookmarks-tab article .product-name { line-height: 1; display: block; overflow: hidden; width: 100%; padding: 0; text-align: center; white-space: nowrap; text-transform: initial; text-overflow: ellipsis; } .offer-item--list article .brandbar--small, .view-category-block article .brandbar--small, .view-smartster-flag-bookmarks-tab article .brandbar--small { display: block; overflow: hidden; max-width: 100%; height: 20px; text-align: center; } .offer-item--list article .brandbar--small .brandbar-link, .view-category-block article .brandbar--small .brandbar-link, .view-smartster-flag-bookmarks-tab article .brandbar--small .brandbar-link { font-size: .9em; } .offer-item--list article .offervalue, .view-category-block article .offervalue, .view-smartster-flag-bookmarks-tab article .offervalue { display: block; height: 30px; text-align: center; white-space: nowrap; } .offer-item--list article .offervalue>div, .view-category-block article .offervalue>div, .view-smartster-flag-bookmarks-tab article .offervalue>div { display: inline; white-space: nowrap; } .offer-item--list article .offervalue .price--now, .view-category-block article .offervalue .price--now, .view-smartster-flag-bookmarks-tab article .offervalue .price--now { font-size: 18px; font-weight: 700; color: #c30000; } .offer-item--list article .offervalue .price--normal, .view-category-block article .offervalue .price--normal, .view-smartster-flag-bookmarks-tab article .offervalue .price--normal { text-decoration: line-through; color: #537d99; } .offer-item--list article .list-buy-buttons, .view-category-block article .list-buy-buttons, .view-smartster-flag-bookmarks-tab article .list-buy-buttons { display: block; height: 30px; } .offer-item--list article .list-buy-buttons .button--buy, .offer-item--list article .list-buy-buttons .button--info, .view-category-block article .list-buy-buttons .button--buy, .view-category-block article .list-buy-buttons .button--info, .view-smartster-flag-bookmarks-tab article .list-buy-buttons .button--buy, .view-smartster-flag-bookmarks-tab article .list-buy-buttons .button--info { font-weight: 700; width: calc(50% - 10px); padding: 5px 10px; text-align: center; text-transform: uppercase; border-radius: 2px; } .offer-item--list article .list-buy-buttons .button--info, .view-category-block article .list-buy-buttons .button--info, .view-smartster-flag-bookmarks-tab article .list-buy-buttons .button--info { float: left; color: #87b44f; background: #d5e5c2; } .offer-item--list article .list-buy-buttons .button--buy, .view-category-block article .list-buy-buttons .button--buy, .view-smartster-flag-bookmarks-tab article .list-buy-buttons .button--buy { float: left; width: 100%; color: #fff; background: #87b44f; } .offer-item--list article .smartster-social-toolbar, .view-category-block article .smartster-social-toolbar, .view-smartster-flag-bookmarks-tab article .smartster-social-toolbar { display: inline-block; display: none; width: 100px; height: 20px; border: 1px solid red; } .offer-item--list article .smartster-social-toolbar::after, .view-category-block article .smartster-social-toolbar::after, .view-smartster-flag-bookmarks-tab article .smartster-social-toolbar::after { font-size: .5em; content: 'smartster-social-toolbar'; } .offer-item--list article .social-bar, .view-category-block article .social-bar, .view-smartster-flag-bookmarks-tab article .social-bar { display: none; } .view-category-block .views-row { display: inline-block; width: 180px; } .view-category-block .views-row article { margin-bottom: 1px; border: 1px solid #d5e5c2; } .view-category-block .views-row article .product-name { display: none; } .owl-item .view-category-block .views-row:nth-child(odd) article { border-left: none; } .product-carousel-block { overflow: hidden; margin-left: 1rem; } .product-carousel-block .owl-carousel .owl-item img { display: initial; width: initial; } .product-carousel-block img { height: auto; } .product-carousel-block .show-next { position: relative; display: none; float: right; margin-right: 1rem; padding-right: 35px; cursor: pointer; color: #87b44f; } .product-carousel-block .show-next i { right: -20px; } .product-carousel-block .show-prev { position: relative; display: none; float: left; width: 20px; height: 20px; cursor: pointer; color: #87b44f; } .product-carousel-block .show-prev i { right: inherit; left: -20px; } .product-carousel-block .view-header { overflow: hidden; margin-top: 1rem; margin-bottom: 1rem; text-align: center; } .product-carousel-block .view-header i { font-size: 2.5em; position: absolute; top: -15px; display: inline-block; } .user-top { width: 100%; max-height: 196px; padding: 20px 0 0; text-align: center; color: #fff; background: #d5d5d5; background: -webkit-linear-gradient(top,#fff,#d5d5d5); background: linear-gradient(to bottom,#fff,#d5d5d5); } .user-heading { font-size: 1rem; font-weight: 500; display: none; margin-bottom: 30px; } .user-name { font-size: 15px; font-weight: 600; } .user-nav { display: inline-block; margin-top: 26px; white-space: nowrap; border-radius: 5px 5px 0 0; background-color: #d0d0d0; } .user-nav-item { display: inline-block; padding: 0 20px; cursor: pointer; text-align: center; border-right: 1px solid #b9b9b9; } .user-nav-item:last-child { margin-right: 0; border-right: none; } .user-nav-item.active { margin-right: 0; margin-left: -3px; border-radius: 5px 5px 0 0; background: #f4f3f4; } .user-nav-item-value { font-weight: 700; color: #87b44f; } .user-nav-item-name { font-size: 12px; display: block; color: #444; } .user-content { min-height: 300px; padding-top: 20px; text-align: center; } .user-content hr { margin: 20px 0; } .user-content-heading { font-size: 1.15rem; font-weight: 600; padding: .5rem; } .user-content .view-node-search, .user-content-heading>* { text-align: left; } .user-content .view-node-search .view-content { border: none; } .user-continue_shopping { display: inline-block; width: auto; margin-top: 10px; margin-bottom: 40px; } .page-smartster-userslist .view-empty, .page-user-followers .view-empty, .page-user-following .view-empty { text-align: center; } .page-smartster-userslist .user-flags, .page-smartster-userslist .user-list, .page-user-followers .user-flags, .page-user-followers .user-list, .page-user-following .user-flags, .page-user-following .user-list { padding: 1rem; } .page-smartster-userslist .user-flags .view-content .views-row, .page-smartster-userslist .user-list .view-content .views-row, .page-user-followers .user-flags .view-content .views-row, .page-user-followers .user-list .view-content .views-row, .page-user-following .user-flags .view-content .views-row, .page-user-following .user-list .view-content .views-row { width: 100%; padding: .2rem 0; } .page-smartster-userslist .user-flags .view-content .views-row .views-field, .page-smartster-userslist .user-list .view-content .views-row .views-field, .page-user-followers .user-flags .view-content .views-row .views-field, .page-user-followers .user-list .view-content .views-row .views-field, .page-user-following .user-flags .view-content .views-row .views-field, .page-user-following .user-list .view-content .views-row .views-field { position: relative; overflow: hidden; width: 100%; height: 144px; margin: 0; padding: 10px; text-align: left; white-space: nowrap; border: 1px solid #dadada; background-color: #fff; } .page-smartster-userslist .user-flags .view-content .views-row .views-field .folbtn, .page-smartster-userslist .user-flags .view-content .views-row .views-field .folcount, .page-smartster-userslist .user-flags .view-content .views-row .views-field .folimg, .page-smartster-userslist .user-flags .view-content .views-row .views-field .folinfo, .page-smartster-userslist .user-list .view-content .views-row .views-field .folbtn, .page-smartster-userslist .user-list .view-content .views-row .views-field .folcount, .page-smartster-userslist .user-list .view-content .views-row .views-field .folimg, .page-smartster-userslist .user-list .view-content .views-row .views-field .folinfo, .page-user-followers .user-flags .view-content .views-row .views-field .folbtn, .page-user-followers .user-flags .view-content .views-row .views-field .folcount, .page-user-followers .user-flags .view-content .views-row .views-field .folimg, .page-user-followers .user-flags .view-content .views-row .views-field .folinfo, .page-user-followers .user-list .view-content .views-row .views-field .folbtn, .page-user-followers .user-list .view-content .views-row .views-field .folcount, .page-user-followers .user-list .view-content .views-row .views-field .folimg, .page-user-followers .user-list .view-content .views-row .views-field .folinfo, .page-user-following .user-flags .view-content .views-row .views-field .folbtn, .page-user-following .user-flags .view-content .views-row .views-field .folcount, .page-user-following .user-flags .view-content .views-row .views-field .folimg, .page-user-following .user-flags .view-content .views-row .views-field .folinfo, .page-user-following .user-list .view-content .views-row .views-field .folbtn, .page-user-following .user-list .view-content .views-row .views-field .folcount, .page-user-following .user-list .view-content .views-row .views-field .folimg, .page-user-following .user-list .view-content .views-row .views-field .folinfo { vertical-align: top; } .page-smartster-userslist .user-flags .view-content .views-row .views-field .folcount, .page-smartster-userslist .user-list .view-content .views-row .views-field .folcount, .page-user-followers .user-flags .view-content .views-row .views-field .folcount, .page-user-followers .user-list .view-content .views-row .views-field .folcount, .page-user-following .user-flags .view-content .views-row .views-field .folcount, .page-user-following .user-list .view-content .views-row .views-field .folcount { color: #537d99; } .page-smartster-userslist .user-flags .view-content .views-row .views-field .folcount a, .page-smartster-userslist .user-list .view-content .views-row .views-field .folcount a, .page-user-followers .user-flags .view-content .views-row .views-field .folcount a, .page-user-followers .user-list .view-content .views-row .views-field .folcount a, .page-user-following .user-flags .view-content .views-row .views-field .folcount a, .page-user-following .user-list .view-content .views-row .views-field .folcount a { font-size: 13px; display: block; } .page-smartster-userslist .user-flags .view-content .views-row .views-field .folimg, .page-smartster-userslist .user-list .view-content .views-row .views-field .folimg, .page-user-followers .user-flags .view-content .views-row .views-field .folimg, .page-user-followers .user-list .view-content .views-row .views-field .folimg, .page-user-following .user-flags .view-content .views-row .views-field .folimg, .page-user-following .user-list .view-content .views-row .views-field .folimg { float: left; overflow: hidden; width: 84px; height: 84px; margin-right: 8px; border-radius: 4px; } .page-smartster-userslist .user-flags .view-content .views-row .views-field .folimg a, .page-smartster-userslist .user-list .view-content .views-row .views-field .folimg a, .page-user-followers .user-flags .view-content .views-row .views-field .folimg a, .page-user-followers .user-list .view-content .views-row .views-field .folimg a, .page-user-following .user-flags .view-content .views-row .views-field .folimg a, .page-user-following .user-list .view-content .views-row .views-field .folimg a { display: block; width: 100%; height: 100%; } .page-smartster-userslist .user-flags .view-content .views-row .views-field .folimg a img, .page-smartster-userslist .user-list .view-content .views-row .views-field .folimg a img, .page-user-followers .user-flags .view-content .views-row .views-field .folimg a img, .page-user-followers .user-list .view-content .views-row .views-field .folimg a img, .page-user-following .user-flags .view-content .views-row .views-field .folimg a img, .page-user-following .user-list .view-content .views-row .views-field .folimg a img { max-width: 100%; height: auto; vertical-align: bottom; } .page-smartster-userslist .user-flags .view-content .views-row .views-field .folbtn, .page-smartster-userslist .user-list .view-content .views-row .views-field .folbtn, .page-user-followers .user-flags .view-content .views-row .views-field .folbtn, .page-user-followers .user-list .view-content .views-row .views-field .folbtn, .page-user-following .user-flags .view-content .views-row .views-field .folbtn, .page-user-following .user-list .view-content .views-row .views-field .folbtn { position: absolute; right: 10px; bottom: 10px; } .page-smartster-userslist .user-flags .view-content .views-row .views-field .folbtn .flag-action, .page-smartster-userslist .user-list .view-content .views-row .views-field .folbtn .flag-action, .page-user-followers .user-flags .view-content .views-row .views-field .folbtn .flag-action, .page-user-followers .user-list .view-content .views-row .views-field .folbtn .flag-action, .page-user-following .user-flags .view-content .views-row .views-field .folbtn .flag-action, .page-user-following .user-list .view-content .views-row .views-field .folbtn .flag-action { color: #fff; border-color: #6d874e; background-color: #87b44f; } .page-smartster-userslist .user-flags .view-content .views-row .views-field .folbtn a, .page-smartster-userslist .user-list .view-content .views-row .views-field .folbtn a, .page-user-followers .user-flags .view-content .views-row .views-field .folbtn a, .page-user-followers .user-list .view-content .views-row .views-field .folbtn a, .page-user-following .user-flags .view-content .views-row .views-field .folbtn a, .page-user-following .user-list .view-content .views-row .views-field .folbtn a { font-size: 12px; display: inline-block; float: right; margin: 2px 0 0; padding: 5px 10px; color: #4b4f56; border: 1px solid #ced0d4; border-radius: 5px; background-color: #f6f7f9; } .page-smartster-userslist .user-flags .view-content .views-row .views-field .folbtn a:hover, .page-smartster-userslist .user-list .view-content .views-row .views-field .folbtn a:hover, .page-user-followers .user-flags .view-content .views-row .views-field .folbtn a:hover, .page-user-followers .user-list .view-content .views-row .views-field .folbtn a:hover, .page-user-following .user-flags .view-content .views-row .views-field .folbtn a:hover, .page-user-following .user-list .view-content .views-row .views-field .folbtn a:hover { background-color: #e9ebee; } .page-smartster-userslist .user-flags .view-content .views-row .views-field .folinfo, .page-smartster-userslist .user-list .view-content .views-row .views-field .folinfo, .page-user-followers .user-flags .view-content .views-row .views-field .folinfo, .page-user-followers .user-list .view-content .views-row .views-field .folinfo, .page-user-following .user-flags .view-content .views-row .views-field .folinfo, .page-user-following .user-list .view-content .views-row .views-field .folinfo { font-weight: 600; overflow: hidden; max-width: 80%; max-width: calc(80% - 50px); } .page-smartster-userslist .user-flags .view-content .views-row .views-field .folinfo a, .page-smartster-userslist .user-list .view-content .views-row .views-field .folinfo a, .page-user-followers .user-flags .view-content .views-row .views-field .folinfo a, .page-user-followers .user-list .view-content .views-row .views-field .folinfo a, .page-user-following .user-flags .view-content .views-row .views-field .folinfo a, .page-user-following .user-list .view-content .views-row .views-field .folinfo a { font-weight: 700; color: #423c40; } .page-smartster-userslist .user-flags .view-content .views-row .views-field .folinfo .hometown, .page-smartster-userslist .user-list .view-content .views-row .views-field .folinfo .hometown, .page-user-followers .user-flags .view-content .views-row .views-field .folinfo .hometown, .page-user-followers .user-list .view-content .views-row .views-field .folinfo .hometown, .page-user-following .user-flags .view-content .views-row .views-field .folinfo .hometown, .page-user-following .user-list .view-content .views-row .views-field .folinfo .hometown { display: block; } .page-smartster-userslist .user-flags .view-content .views-row .views-field .folinfo .username, .page-smartster-userslist .user-list .view-content .views-row .views-field .folinfo .username, .page-user-followers .user-flags .view-content .views-row .views-field .folinfo .username, .page-user-followers .user-list .view-content .views-row .views-field .folinfo .username, .page-user-following .user-flags .view-content .views-row .views-field .folinfo .username, .page-user-following .user-list .view-content .views-row .views-field .folinfo .username { display: block; height: 20px; } .page-smartster-userslist .user-flags .view-content .views-row .views-field .folinfo .username a, .page-smartster-userslist .user-list .view-content .views-row .views-field .folinfo .username a, .page-user-followers .user-flags .view-content .views-row .views-field .folinfo .username a, .page-user-followers .user-list .view-content .views-row .views-field .folinfo .username a, .page-user-following .user-flags .view-content .views-row .views-field .folinfo .username a, .page-user-following .user-list .view-content .views-row .views-field .folinfo .username a { font-weight: 400; } .user-search .holder { padding: 20px; } .user-search .holder .profile-product-listing { max-width: 1366px; margin: 0 auto; } .user-profile-form .password-strength, .user-profile-form .password-suggestions { display: none!important; } .user-profile-form .confirm-parent, .user-profile-form .password-parent { width: auto; } #edit-timezone { display: none; } .page-user-edit { overflow: hidden; } .page-user-edit form .form-item { text-align: left; } .page-user-edit .password-confirm, .page-user-edit .password-field { width: 100%; } .page-node .panel-1col .panel-col { margin: 0; } .page-node .offer-item article { font-size: 14px; position: relative; display: inline-block; overflow: hidden; width: 100%; padding: 1rem; background: #fff; } .page-node .offer-item article .like { position: absolute; top: 1.5rem; right: 1rem; } .page-node .offer-item article .like span { display: block; } .page-node .offer-item article .like .flag-action, .page-node .offer-item article .like .unflag-action, .page-node .offer-item article .like a { font-size: 2.2rem; line-height: 1; } .page-node .offer-item article .like .flag-message { font-size: 15px; font-weight: 700; line-height: normal; position: absolute; z-index: 2147483647; top: 1.7em; right: 0; display: inline-block; padding: 5px 5px 10px; text-align: center; color: #fff; border: 2px solid #6d874e; border-radius: 25px; background-color: #87b44f; } .page-node .offer-item article .like .flag-flagged-message { width: 170px; } .page-node .offer-item article .like .flag-unflagged-message { width: 205px; } .page-node .offer-item article .like .flag-message:before { font-size: 1.5rem; content: ''; } .page-node .offer-item article .discount { font-size: 1.8rem; line-height: 1; position: absolute; top: 1.5rem; left: 1rem; padding: .5rem; color: #fff; background-color: #537d99; } .page-node .offer-item article .product-image { display: block; text-align: center; } .page-node .offer-item article .product-image img { width: auto; max-width: 100%; height: auto; max-height: 400px; } .page-node .offer-item article .brandbar { text-align: center; } .page-node .offer-item article .brandbar .brandbar--small-img { overflow: hidden; } .page-node .offer-item article .brandbar .brandbar--small-img img { width: auto; max-width: 100%; min-height: 1.5em; max-height: 50px; } .page-node .offer-item article .brandbar .brandbar--small-text { font-size: 1rem; } .page-node .offer-item article .brandbar .brandbar--small-text h1 { font-size: 1.4rem; } .page-node .offer-item article .offervalue { line-height: 1; text-align: center; color: #537d99; } .page-node .offer-item article .offervalue .price--normal { font-size: 1.3rem; text-decoration: line-through; } .page-node .offer-item article .offervalue .price--now { font-size: 1.7rem; font-weight: 700; color: #c30000; } .page-node .offer-item article .button-list { display: block; overflow: hidden; margin-top: 10px; } .page-node .offer-item article .button-list>* { font-weight: 700; display: block; margin: 12px auto .5rem; padding-top: 12px; } .page-node .offer-item article .button-list .button--info, .page-node .offer-item article .button-list .button--map { color: #87b44f; background: #d5e5c2; } .page-node .offer-item article .button-list .button--buy { color: #fff; background: #87b44f; } .page-node .offer-item article .button-list .button--share, .page-node .offer-item article .button-list .button--wishlist { color: #87b44f; border: 1px solid #87b44f; background-color: #fff; } .page-node .offer-item article .product-name { font-size: 1.1rem; font-weight: 700; display: block; overflow: hidden; margin: 0 0 5px; padding: 0; white-space: nowrap; text-transform: initial; text-overflow: ellipsis; } .page-node .offer-item article .info { display: block; margin: 10px 0; } .page-node .offer-item article .share_profile { text-align: center; } .page-node .offer-item article .share_profile .addthis_default_style { display: inline-block; } .page-node .offer-item article .share_profile.hidden { display: none; } .header-top .search-container { display: inline-block; float: right; } .views-exposed-form #edit-search-wrapper { font-size: 15px; position: absolute; right: 140px; left: 50%; min-width: 24px; padding: 0; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-property: left; transition-property: left; text-align: right; } .views-exposed-form #edit-search-wrapper .views-widget { position: relative; margin-top: -2px; } .views-exposed-form #edit-search-wrapper .views-widget .icon-search { font-size: 26px; line-height: 28px; position: absolute; z-index: 10; top: 8px; right: 8px; height: 28px; padding-top: 1px; padding-left: 4px; vertical-align: middle; opacity: 1; color: #87b44f; } .views-exposed-form #edit-search-wrapper .views-widget .icon-search.hide { display: none; } .views-exposed-form #edit-search-wrapper .form-item-search>span { text-align: left; } .views-exposed-form #edit-search-wrapper.active { left: 60px; } .views-exposed-form #edit-search-wrapper.active input { max-width: 100%; padding: 5px 23px 5px 5px; opacity: 1; color: #423c40!important; } .views-exposed-form #edit-search-wrapper input { font-size: 13px; display: inline-block; max-width: 0; height: 46px; padding: 0; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-property: max-width,padding,opacity; transition-property: max-width,padding,opacity; text-align: left; opacity: 0; border: 2px solid #87b44f; border-radius: 4px; background-color: #fcfffa; background-image: none; } .views-exposed-form #edit-search-wrapper input::-webkit-input-placeholder { color: #87b44f; } .views-exposed-form #edit-search-wrapper input:-ms-input-placeholder { color: #87b44f; } .mapinformation input::-webkit-input-placeholder { color: #656565; } .mapinformation input:-ms-input-placeholder { color: #656565; } .displaynone { display: none; } .maxwidth120 { max-width: 120px; } #edit-user { margin: 0 auto; } #views-exposed-form-node-search-main #autocomplete { text-align: left; } .sort_menu label { text-transform: initial; color: #000; } .sort_menu-label:after { content: none; } #edit-user-wrapper { width: 100%; padding: 20px 10px 0; } #edit-user-wrapper .form-item-user { text-align: center; } #edit-user-wrapper input { display: inline-block; width: 100%; max-width: 480px; margin: 0 auto; padding-left: 10px; border: 1px solid #b9b9b9; } #edit-user-wrapper .form-type-textfield { text-align: center; } #edit-user-wrapper .icon-search { display: none; } .expired { position: absolute; z-index: 99; top: 24px; left: 100px; padding: 14px; color: #fff; background-color: red; } .facet-box .aterstall--btn { padding: 5px 10px; color: #fff; border-radius: 2px; background-color: #87b44f; } #desktop_sorting { display: inline-block; width: 100%; padding-right: 17px; text-align: right; } #desktop_sorting select#edit-jump { padding: 5px; border: 1px solid #d5e5c2; background-color: #fff; } .butik_btn { float: left; } .butik_btn>a { display: inline-block; height: 34px; margin: 0 5px; padding: 5px 15px; color: #87b44f; border-radius: 2px; background-color: #d5e5c2; } .varumarken_btn { float: left; margin: 0 0 0 11px; } .varumarken_btn>a { display: inline-block; height: 34px; margin: 0 5px; padding: 5px 15px; color: #87b44f; border-radius: 2px; background-color: #d5e5c2; } .social_button_custom { display: inline-block; width: 100%; margin: 0; } .social_button_custom .addthis_default_style.addthis_32x32_style { width: 300px; margin: 0 auto; } .social_button_custom svg { width: 32px!important; height: 32px!important; margin: 4px 0 0; } span.at-icon-wrapper { width: 40px!important; height: 40px!important; } a.addthis_counter.addthis_bubble_style { margin-top: 5px; } .slide-content { z-index: 0!important; } #brandz { max-width: 95%!important; } #admin-menu .dropdown { z-index: 999999; } .view-my-favorite-companies { margin: 1rem; padding: 1rem 0; text-align: left; border: 1px solid #d5e5c2; background-color: #fff; } .view-my-favorite-companies .views-row { float: left; overflow: hidden; width: 100%; height: 20px; padding: 0 20px; } .view-my-favorite-companies h5 { font-size: 1.2rem; font-weight: 400; line-height: 2; display: block; text-align: center; text-decoration: underline; } .standard-price { font-size: 18px; font-weight: 700; color: #537d99; } .view-top-offers { max-width: 1300px; margin: 0 auto; text-align: center; } .view-top-offers td { padding-right: 10px; text-align: right; } .view-top-offers td.views-field.views-field-title { text-align: left; } .view-top-offers .views-table th { text-align: right; } .view-top-offers .views-table th.views-field.views-field-field-offer-image-270-x-270, .view-top-offers .views-table th.views-field.views-field-title { text-align: left; } .view-top-offers .views-table tbody tr { background-color: #fff; } .offer-item--list article:hover { z-index: 9; -webkit-transform: translate(0,-4px); opacity: 1!important; -webkit-box-shadow: 0 15px 20px rgba(0,0,0,.2); } .item-list .pager li { margin: .3em; padding: 0; } .item-list .pager li a { display: inline-block; margin: 0; padding: .5em 1em; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; } .item-list .pager li :hover { color: #000; background-color: #d5e5c2; } .featured-products .category-cards { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; max-width: 1366px; margin: 0 auto; background-color: #f4f3f4; } .featured-products .category-cards ul { margin: 0; padding-top: 0; padding-left: 0; list-style-type: none; } .featured-products .category-cards ul a { line-height: inherit; float: left; box-sizing: border-box; width: 33.33333333333%; padding: 5px; text-decoration: none; color: #87b44f; } .featured-products .category-cards ul a li { border: 1px solid #ccc; border-radius: 5px; background-color: #fff; } .featured-products .category-cards ul a li:hover { -webkit-transform: translate(0,-4px); -ms-transform: translate(0,-4px); transform: translate(0,-4px); border-color: #fff; box-shadow: 0 15px 20px rgba(0,0,0,.2); -ms-box-shadow: 0 15px 20px rgba(0,0,0,.2); } .featured-products .category-cards ul a li .lpimg img { width: 100%; height: auto; border-radius: 5px 5px 0 0; } .featured-products .category-cards ul a li .lpinfo .discount { display: none; } .featured-products .category-cards ul a li .lpinfo .lpinfotxt { padding: 0 0 0 10px; } .featured-products .category-cards ul a li .lpinfo .lpinfotxt h6 { font-size: 16px; overflow: hidden; height: 22px; margin: 0; padding: 0; } .featured-products .category-cards ul a li .lpinfo .lpinfotxt p { font-size: 12px; line-height: 1; margin: 0 0 10px; color: #928e8b; } .view-magazine { width: 99%; max-width: 1680px; margin: 0 auto; padding: 0 20px; text-align: center; } .view-magazine .views-row { display: inline-block; max-width: 290px; margin: 10px; vertical-align: top; border: 1px solid #d6d6d6; background-color: #fff; } .view-magazine article .views-field-field-image { overflow: hidden; border: 10px solid #fff; } .view-magazine article .views-field-field-image img { max-width: 100%; } .view-magazine article .blog-content { padding: 10px; text-align: left; } .view-magazine .views-field-title { font-size: 1.3em; line-height: 120%; display: -webkit-box; overflow: hidden; height: 48px; padding: 0 10px; text-align: left; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .view-magazine .views-field-title a { color: #444; } .view-magazine article .views-field-body { display: -webkit-box; overflow: hidden; height: 65px; margin-bottom: 10px; padding-left: 10px; text-align: left; color: #444; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .view-magazine .views-field-nothing span { display: inline-block; min-width: 100%; padding: 0 10px 10px; text-align: left; } .view-magazine .views-field-nothing span a { font-weight: 700; float: right; text-transform: uppercase; color: #87b44f; } .node-magazine { max-width: 1024px; margin: 0 auto; padding: 10px; } .node-magazine h1 { font-size: 2.3em; font-weight: 700; line-height: 105%; margin-bottom: 15px; } .node-magazine a { font-size: 1 em; font-weight: 600; text-transform: uppercase; } .node-magazine .field-name-body { font-size: 1em; margin-top: 30px; margin-bottom: 30px; } .node-magazine img { min-width: 100%; max-width: 100%; height: auto; } ul.topnav { overflow: hidden; max-width: 1317px; margin: 0 auto 20px; padding: 0; list-style-type: none; border: 1px solid #ccc; background-color: #fff; } ul.topnav li { float: left; } ul.topnav li a { font-size: 17px; display: inline-block; padding: 14px 16px; -webkit-transition: .3s; transition: .3s; text-align: center; text-decoration: none; color: #87b44f; } ul.topnav li a:hover { color: #4a5921; background-color: #f4f3f4; } ul.topnav li.icon { display: none; } .magazine-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; max-width: 1280px; margin: 10px auto 0; } .magazine-wrap img { border-radius: 10px; box-shadow: 0 15px 20px rgba(0,0,0,.2); -ms-box-shadow: 0 15px 20px rgba(0,0,0,.2); } .magazine-wrap .article-product img { min-width: inherit; max-width: 300px; } .articlethumbs { float: left; width: 280px; margin-top: 10px; text-align: center; border: 1px solid #ccc; background-color: #fff; } .articlethumbs article { overflow: hidden; max-width: 100%; padding: 10px; text-align: left; border-top: 1px solid #ccc; } .articlethumbs article img { max-width: 100%; } .articlethumbs .views-field-title>span a { font-weight: 700; display: block; overflow: hidden; } .articlethumbs .views-field-nothing a { display: block; text-align: right; } #magazine { max-width: 100%; margin: 0 auto; padding: 20px; background-color: #fff; } #magazine h1 { line-height: 1em; margin: 25px 0; text-align: center; } #magazine p { font-size: 17px; margin: 0 0 17px; color: #000; } #magazine_others img { border-radius: inherit; box-shadow: inherit; -ms-box-shadow: inherit; } .usa-popup { padding-bottom: 50px; } .usa-beta-logo { padding-top: 30px; padding-bottom: 16px; } .usa-beta-logo img { max-width: 300px; } .usa-popup-hero { width: 100%; height: 200px; background-image: url(http://www.smartster.se/sites/all/modules/popup_announcement/images/USA_skyline.jpg); background-position: center center; background-size: cover; } .close { position: absolute; top: 20px; right: 20px; width: 26px; height: 26px; background: url(http://www.smartster.se/sites/all/modules/popup_announcement/images/popup-announcement-icons.png); } .usa-popup-txt { font-size: 22px; line-height: 1.2; padding-top: 3%; text-align: center; } .usa-popup-txt h1 { font-size: 36px; line-height: 1.2; } .usa-popup-txt ul { max-width: 300px; margin-top: 15px; margin-right: auto; margin-left: auto; padding: 0; list-style-type: none; } .usa-popup-txt ul li { font-size: 16px; } .usa-popup-button { margin: 40px auto 0; text-align: center; } .usa-popup-button a { padding: 10px 20px; color: #fff; border-radius: 4px; background-color: #87b44f; } .profile-image-wrapper { max-width: 940px; margin: 0 auto; } .profile-image-wrapper .user-city, .profile-image-wrapper .user-name { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; text-align: left; color: #444; } .profile-image-wrapper .flag-message { display: block; } .profile-image-wrapper .flag-follow-user { display: inline-block; float: left; margin: 0; } .profile-image-wrapper .flag-action { padding: 6px 20px; color: #fff; border-radius: 40px; background-color: #87b44f; } .profile-image-wrapper .unflag-action { padding: 10px 20px; color: #444; border-radius: 40px; background-color: #c1c1c1; } #user-picture .user-picture { float: left; margin: 0 10px 0 0; border-radius: 4px; background-color: #fff; } #user-picture .user-picture img { vertical-align: bottom; border: 1px solid #9c9c9c; border-radius: 4px; } .profile-info-wrapper { margin: 0 0 20px 20px; } .ddropbtn { font-size: 16px; float: right; width: 33px; cursor: pointer; color: transparent; border: none; background-color: transparent; background-image: url(/sites/all/themes/custom/smartster3/assets/images/icon-share-128.png); background-repeat: no-repeat; background-size: 33px; } .ddropbtn:focus, .ddropbtn:hover { background-color: transparent; } .ddropdown { position: relative; z-index: 9; top: 15px; right: 0; display: inline-block; float: right; width: 100%; height: 0; } .ddropdown-content { position: absolute; top: 0; right: 0; display: none; background-color: #f9f9f9; } .ddropdown-content a { display: inline-block; width: 100%; padding: 12px 16px; text-decoration: none; color: #000; } .ddropdown-content a img { height: 12px; margin: 0 10px 0 0; } .ddropdown a:hover { background-color: #f1f1f1; } .dshow { display: block; } #myDropdownd { position: relative; z-index: 20; top: -50px; left: -27px; } .ddropdown-content a:first-child { position: relative; top: 5px; left: 35px; padding: 0; text-align: right; color: transparent; } .ddropdown-content a:first-child img { height: 25px; } .mk-hero { display: none; height: 240px; background-color: #fff; background-repeat: no-repeat; background-position: 50%; background-size: contain; } .mk-hero-sv { background-image: url(../assets/images/medlemsklubb-hero-sv.jpg); } .mk-hero-nb { background-image: url(../assets/images/medlemsklubb-hero-nb.jpg); } .mk-hero-dk { background-image: url(../assets/images/medlemsklubb-hero-dk.jpg); } .mk-hero-de { background-image: url(../assets/images/medlemsklubb-hero-de.jpg); } .mk-hero-en { background-image: url(../assets/images/medlemsklubb-hero-en.jpg); } .mk-columns { display: block; max-width: 1200px; margin: 17px auto 0; } .mk-col { float: left; } .mk-buttons a { font-size: 16px; display: block; height: 60px; margin-bottom: 5px; padding-top: 20px; text-align: center; color: #fff; } .mk-text h1 { font-size: 28px; font-weight: 600; line-height: 24px; margin: 0 0 14px; } .accountfields label { font-size: 16px; font-weight: 400; text-transform: unset; } .mk-form .smartster-user-login-form-wrapper { background: 0 0; } #medlemsklubb .popup-right { float: none; width: 100%; max-width: 480px; margin: 0 auto; padding-top: 0; } #medlemsklubb .forget_password { text-align: left; word-wrap: normal; color: #87b44f; } #medlemsklubb #welcome { font-size: 18px; padding-bottom: 12px; text-align: center; } #medlemsklubb #edit-actions { display: none; } #medlemsklubb .login_message a { display: initial; color: #87b44f; background-color: transparent; } #medlemsklubb .mk-columns { padding: 35px; } #medlemsklubb #medlemsklubb .form-item { margin-top: 0; margin-bottom: 0; } #medlemsklubb #popup-announcement-wrap { max-width: 450px; } .register-page { width: 100%; padding-top: 2%; padding-bottom: 2%; background-color: #fff; background-image: url(../images/register-page-background.jpg); background-repeat: no-repeat; background-size: cover; } .register-page-columns { max-width: 1366px; margin: 0 auto; } .rp-mockup img { float: right; max-width: 100%; max-height: 680px; } .presentedby { padding: 20px 0; text-align: center; } .page-shoppingcenter { background-color: #fff; } .page-shoppingcenter #content>.main .panel-2col .panel-col-first { width: 180px; margin-top: 10px; } .page-shoppingcenter #content>.main .panel-2col .panel-col-last { width: calc(100% - 180px); } .page-metro #content>.main .panel-2col .panel-col-first { width: 180px; margin-top: 10px; } .page-metro #content>.main .panel-2col .panel-col-last { width: calc(100% - 180px); } #sliding-popup .popup-content #popup-buttons button { font-size: 12px; height: 30px; background-color: #fff; background-image: none; box-shadow: none; } .smartster-de-popup { display: inline-block; width: 100%; max-width: 600px; margin: 0 auto; background-color: #fff; } .smartster-de-popup .forget_password { text-align: left; word-wrap: normal; color: #87b44f; } .popup-header { width: 100%; text-align: center; } .popup-header img { margin: 0 0 10px; padding: 0; } .popup-left { display: none; float: left; overflow: hidden; width: 50%; height: 100%; } .popup-left img { width: 100%; height: auto; } .popup-right { float: left; width: 100%; height: 100%; padding: 35px; } .popup-btn { font-size: 17px; width: 130px; height: 40px; color: #87b44f; border: 2px solid #87b44f; border-radius: 0; background-color: #fff; } .popup-btn-active { color: #fff; background-color: #87b44f; } .popup-page .description, .popup-page label { display: none; } .popup-page input[type=text], .popup-page input[type=password] { font-size: 18px; width: 100%; height: 45px; margin-bottom: 15px; padding-left: 20px; color: grey; border: 1px solid #abaca7; } .term_link { display: inline-block; padding-bottom: 0; } .term_link .term_conditions { display: inline; padding: 0; color: #87b44f; } #newsletter_popup label { display: inline-block; padding-top: 7px; vertical-align: top; } #login-page #user-login-form, #register-page .smartster-user-login-form-wrapper { margin: 0; padding: 20px 0 0; } .smartster-de-popup #edit-submit { font-size: 15px; width: 100%; height: 40px; padding-top: 0; border-radius: 0; } #login-page .login-facebook { border-bottom: 2px solid grey; } .login-facebook { padding-top: 0; padding-bottom: 20px; text-align: center; color: #444; } .login-facebook h4 { font-size: 24px; font-weight: 400; line-height: 24px; margin-bottom: 2px; } .login-facebook a { font-size: 18px; display: inline-block; width: 140px; height: 40px; margin-top: 20px; padding-top: 10px; padding-left: 2px; text-align: left; color: #fff; background-color: #3b5998; } .login-facebook a:hover { color: #fff; } #user-login-form ul { margin-bottom: 20px; padding: 0; list-style: none; } #user-login-form ul li a { display: inline-block; width: 100%; height: 10px; margin: 0 0 3px; padding: 0; text-align: right; color: #87b44f; } .dont-have-an-account { font-size: 18px; padding-top: 20px; text-align: center; color: grey; } .dont-have-an-account a { font-style: italic; text-decoration: underline; color: #e51010; } .register-preamble ul { font-size: 14px; margin: 0; padding: 12px 0 10px; list-style-position: inside; list-style-type: circle; color: #444; } .form-item-newsletter label { font-size: 14px; display: inline-block; vertical-align: baseline; text-transform: capitalize; color: grey; } .form-item-newsletter #edit-newsletter { display: inline-block; vertical-align: middle; } #edit-actions--2 { width: 160px; border-radius: 0; } #user-login-form ul li:first-child { display: none; } .smartster-de-popup .form-actions, .smartster-de-popup .form-item { margin-top: 0; margin-bottom: 0; } #popup-announcement .smartster-de-popup p { margin: 15px 0 0; padding: 0 0 2px; } #newsletter_popup .button, button#b_log, button#b_reg { display: inline-block; float: left; width: 48%; margin: 10px 2px 20px; color: #fff; } .smartster-de-popup #edit-actions, .smartster-de-popup .captcha .fieldset-description, .smartster-de-popup .captcha legend { display: none; } .smartster-de-popup #welcome { margin: 0; padding: 0; text-align: center; } form#user-pass-reset { margin: 36px; padding: 36px; background-color: #d5e5c2; } form#user-pass-reset #edit-actions { max-width: 260px; } #desktop_sorting input#edit-go { display: none; } #user-profile-form legend { font-weight: 700; text-align: left; } #user-profile-form #edit-field-gender-und>div { display: inline-block; } #user-profile-form #edit-actions { float: left; } #user-profile-form .form-item-field-dob-und-0-value-date label { display: none; } #user-profile-form #edit-account, #user-profile-form .form-item.form-type-password-confirm.form-item-pass { padding-left: 0; } .user-profile-form .form-required { display: inline-block; } .user-profile-form .user-picture { text-align: left; } #user-profile-form textarea#edit-field-about-me-und-0-value { width: 100%; border: 1px solid #e8e8e8; background-color: #f7f7f7; } #user-profile-form input#edit-submit { margin: 10px; } #user-profile-form input#edit-cancel { margin: 10px; color: #444; border: 1px solid #ced0d4; background-color: #f6f7f9; } #user-profile-form .password_info { clear: both; padding-top: 20px; text-align: left; } #user-profile-form #edit-field-about-me { width: 100%; max-width: 758px; } #user-profile-form label { text-transform: none; color: #444; } #user-profile-form label::after { display: none; } #user-profile-form input[type=password], #user-profile-form input[type=text] { max-width: 295px; padding-left: 10px; border: 1px solid #e8e8e8; background-color: #f7f7f7; } #user-profile-form .form-wrapper { padding-left: 0; text-align: left; } #user-profile-form #edit-account .form-item-current-pass, #user-profile-form #edit-account .form-item-mail, #user-profile-form #edit-account .form-item-pass, #user-profile-form #edit-account .form-item-pass-pass1, #user-profile-form #edit-account .form-item-pass-pass2, #user-profile-form #edit-field-dob-und-0-value { padding-left: 0; } #user-profile-form .user-content { padding-top: 0; background-color: #fff; } #user-profile-form .user-content-heading { font-size: 1.15rem; font-weight: 600; box-sizing: content-box; margin: 0; padding: 1rem 0; text-overflow: clip; color: #fff; border: 30px solid #423c40; border-top: 0 solid; border-bottom: 13px solid #fff; background-color: #423c40; -o-text-overflow: clip; } #user-profile-form .form-item-field-gender-und label, #user-profile-form .form-item-field-gender-und select { display: inline-block; margin-right: 30px; } #user-profile-form legend { text-transform: none; color: #444; } #user-profile-form .smartster-user-account-form-wrapper { display: inline-block; max-width: 1200px; margin-top: 0; } .followme .flag-message { font-size: 12px; z-index: 0; right: -68px; } .cancel_confirm { max-width: 1200px; margin-right: auto; margin-left: auto; } .cancel_confirm .confirmation { font-size: 18px; margin: 20px; padding: 2%; border: 1px solid #ccc; border-radius: 8px; background-color: #fff; } .cancel_confirm .confirmation>div { padding: 20px; } .cancel_confirm .confirmation #edit-actions { padding-top: 20px; } .cancel_confirm .confirmation #edit-actions input#edit-submit { max-width: 200px; margin: 10px; text-transform: inherit; } .cancel_confirm .confirmation #edit-actions a#edit-cancel { display: inline-block; max-width: 200px; margin: 10px; padding: 5px 10px; color: #444; border: 1px solid #ced0d4; border-radius: 5px; background-color: #f6f7f9; } #butika { min-width: 95%; } #butika h1 { font-size: 28px; font-weight: 400; text-align: center; } #butika dt { font-size: 4rem; float: left; width: auto; max-width: 20%; } #butika dd { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-bottom: 1px solid #d5e5c2; } #butika span { float: left; width: 40%; margin-right: 20px; } .storerow { display: inline-block; width: 100%; margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #ccc; } .content #brandz .brands dt a, .content #butika .brands dt a { color: #87b44f; border: none; } .aytozed { display: inline-block; width: 100%; margin: 10px 0; text-align: center; background-color: #87b44f; } .aytozed ul { margin: 0; padding: 0; list-style-type: none; } .aytozed ul li { display: inline-block; padding: 5px; } .aytozed ul li a { font-size: 18px; padding: 0 8px; color: #fff; } .noborderlink { border: none!important; } .cd-container { width: 90%; max-width: 768px; margin: 2em auto; } .cd-container::after { display: table; clear: both; content: ''; } .cd-top { font-size: 27px; position: fixed; right: 10px; bottom: 40px; display: inline-block; visibility: hidden; overflow: hidden; width: 40px; height: 40px; -webkit-transition: opacity .3s 0s,visibility 0s .3s; transition: opacity .3s 0s,visibility 0s .3s; white-space: nowrap; text-indent: 1%; opacity: 0; color: #fff; background: #87b44f; box-shadow: 0 0 10px rgba(0,0,0,.05); } .cd-top.cd-is-visible { visibility: visible; -webkit-transition: opacity .3s 0s,visibility 0s 0s; transition: opacity .3s 0s,visibility 0s 0s; opacity: 1; } .cd-top.cd-fade-out { -webkit-transition: opacity .3s 0s,visibility 0s 0s; transition: opacity .3s 0s,visibility 0s 0s; opacity: 1; } .cd-top:hover { color: #e4e4e4; } .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s,visibility 0s 0s; transition: opacity .3s 0s,visibility 0s 0s; opacity: 1; background-color: #e86256; } #myfavlist { display: grid; margin: 1rem; } .blink { -webkit-animation: blink-animation 1s steps(5,start) infinite; animation: blink-animation 1s steps(5,start) infinite; } @keyframes blink-animation { to { visibility: hidden; } } @-webkit-keyframes blink-animation { to { visibility: hidden; } } .page-admin-usersview table tbody td { padding: 2px; vertical-align: top; background-color: #fff; } .page-admin-usersview table tbody td .form-type-radio:first-child { display: none; } .page-admin-usersview table tbody td .views-field-picture img { max-width: 100px; max-height: 50px; } .page-admin-usersview table tbody td input.form-text { background-color: #f4f5f4; } .page-admin-usersview table thead th { text-align: left; color: #87b44f; background-color: #f4f5f4; } .page-admin-usersview #edit-actions #edit-submit { max-width: 200px; } #store_product_form #edit-body-und-0-format, #store_product_form .form-item-language, #store_product_form .tabledrag-toggle-weight-wrapper, #store_product_form .vertical-tabs, #store_product_form h2.element-invisible, #store_product_form td.field-multiple-drag { display: none; } #store_product_form input[type=text] { display: block; max-width: 330px; border: 1px solid #d8dfe6; border-radius: 3px; } #store_product_form textarea { max-width: 500px; border: 1px solid #d8dfe6; border-radius: 3px; } #store_product_form input[type=submit] { width: auto; margin: 20px 0 0; color: #87b44f; border: 1px solid #87b44f; border-radius: 3px; background-color: #fff; } #store_product_form .field-type-image input[type=submit] { max-width: 200px; margin: 0; } #store_product_form input[type=file] { padding: 0; } #store_product_form label { font-size: 14px; font-weight: 600; display: block; margin-top: 40px; margin-bottom: 10px; text-align: left; text-transform: capitalize; color: #423c40; } #store_product_form select { margin-right: 10px; padding: 10px; border: 1px solid #d8dfe6; border-radius: 3px; } #store_product_form #edit-actions { margin-bottom: 50px; } #store_product_form #edit-actions #edit-submit { width: auto; min-width: 200px; max-width: 280px; margin: 30px 0 0; color: #fff; background-color: #87b44f; } .page-store-manager-products table { width: 100%; margin-bottom: 14%; } .page-store-manager-products #wrapper { max-width: 1366px; margin: 0 auto; } .page-store-manager-products #edit-submit--2 { display: inline-block; max-width: 190px; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; padding-right: 0; border: 1px solid transparent; border-radius: 4px; } .page-store-manager-products .views-field-delete-node a, .page-store-manager-products .views-field-edit-node a { display: inline-block; max-width: 90px; margin: 0 10px 0 5px; padding: 10px; text-align: center; color: #fff; border-radius: 4px; background-color: #bfbfbf; } .page-store-manager-products .views-field-delete-node, .page-store-manager-products .views-field-edit-node { width: 80px; } .page-store-manager-products .views-field-field-offer-image-270-x-270 img { overflow: hidden; min-width: 40px; max-width: 40px; min-height: 40px; max-height: 40px; padding: 3px; } .page-store-manager-products .views-field-views-bulk-operations { width: 30px; padding: 0 0 0 10px; } .page-store-manager-products .views-field-field-offer-image-270-x-270 { width: 50px; } .page-store-manager-products #edit-select legend .fieldset-legend { display: none; } .page-store-manager-products .view-header h3 a { font-size: 1.5rem; font-weight: 600; color: #423c40; } .page-store-manager-products table a { width: 100%; padding: 10px; text-align: left; color: #0074bd; } .page-store-manager-products #edit-operation { padding: 10px 5px; border: 1px solid #ccc; border-radius: 4px; } @media screen and (min-width:480px) { #marker-info-fixed { display: none; } .page-subcategories ul>li { float: left; width: 45%; margin: 0; } .page-subcategories ul>li:nth-child(2n+1) { margin-right: 5%; } .page-subcategories ul:after { display: table; clear: both; content: ' '; } .footer-login>.footer-logo>img { width: 250px; } .navigation-bar .smartster-inner-header { padding-right: 44px; padding-left: 44px; } .icon-logo, .navigation-bar h1 { margin-top: 5px; } .icon-logo img, .navigation-bar h1 img { height: 34px; } .page-start #slides .owl-item, body.front #slides .owl-item { position: relative; } .page-start #slides .owl-item:before, body.front #slides .owl-item:before { display: block; width: 100%; padding-top: 39.0625%; content: ''; } .page-start #slides .owl-item>*, body.front #slides .owl-item>* { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .view-node-search .view-content, .view-smartster-flag-bookmarks-tab .view-content { border-top: none; padding: 1rem; } .view-node-search .offer-item--list, .view-smartster-flag-bookmarks-tab .offer-item--list { padding: .5rem; } .view-category-block .view-content { padding-right: 1rem; } .view-category-block .views-row { width: 100%; } .product-carousel-block .show-next, .product-carousel-block .show-prev { display: inline-block; } .user-nav-item { margin-right: 0; padding: 0 24px; } .page-user-edit .user-profile-form { overflow: hidden; max-width: 768px; } .page-user-edit .user-profile-form #edit-account .form-item, .page-user-edit .user-profile-form .form-wrapper { float: left; width: 46%; padding-right: 2%; padding-left: 2%; } .page-user-edit .user-profile-form #edit-account .form-item:nth-of-type(2n+1), .page-user-edit .user-profile-form .form-wrapper:nth-of-type(2n+1) { clear: both; } .page-user-edit .user-profile-form #edit-account, .page-user-edit .user-profile-form #edit-account .form-item-pass.form-item, .page-user-edit .user-profile-form #edit-picture { width: 100%; } .page-user-edit .user-profile-form #edit-actions { display: block; float: none; width: 100%; text-align: center; } .page-user-edit .user-profile-form #edit-actions input { display: inline-block; width: auto; min-width: 280px; } #user-profile-form .smartster-user-account-form-wrapper { padding-left: 16%; } #user-profile-form #edit-actions { padding-left: 0; text-align: left; } #user-profile-form #edit-actions input { min-width: 120px; } } @media screen and (min-width:500px) { .view-node-search .offer-item--list, .view-smartster-flag-bookmarks-tab .offer-item--list { width: 33.3333%; } } @media screen and (min-width:580px) { .aboutpage .rightcol, .content #brandz, .content #butika, .node-page .faq, .page-user-password #user-pass, .smartster-user-account-form-wrapper, .smartster-user-login-form-wrapper, .smartster-user-register-form-wrapper { margin-top: 1rem; margin-bottom: 2.5rem; } .node-page h1 { display: block; } .navigation-bar.show-header .icon-logo { display: inline; } .navigation-bar.show-header h1 { display: none; } } @media screen and (min-width:600px) { .page-start .featured-two-cols>div, body.front .featured-two-cols>div { width: 50%; } } @media screen and (min-width:700px) { .view-node-search .offer-item--list, .view-smartster-flag-bookmarks-tab .offer-item--list { width: 25%; } .user-nav-item-name { font-size: 16px; } .page-node .offer-item article .product-info { float: right; width: 40%; } .page-node .offer-item article .product-info .brandbar { text-align: left; } .page-node .offer-item article .product-info .brandbar .brandbar--small-img img { width: auto; height: auto; max-height: none; margin: 0; } .page-node .offer-item article .product-info .offervalue { margin-top: 1rem; margin-bottom: 1rem; text-align: left; } .page-node .offer-item article .product-info .offervalue .price--normal { font-size: 1.7rem; } .page-node .offer-item article .product-info .offervalue .price--now { font-size: 2.2rem; color: #c30000; } .page-node .offer-item article .product-image { float: left; width: 60%; margin-top: 2%; } #brandz dd { float: left; width: 50%; } } @media (min-width:701px) { .content #brandz dt { font-size: 3.5rem; display: block; width: 100%; text-align: center; } .content #brandz dd { display: inline-block; float: left; width: 45%; margin-left: 25px; } .content #butika dt { font-size: 3.5rem; display: block; width: 100%; text-align: center; } .content #butika dd { display: inline-block; float: left; width: 45%; margin-left: 25px; } .storelist { float: left; width: 80%; } #butika span { width: 100%; } } @media screen and (min-width:768px) { .button, .login-buttons .login .button, .page-node .offer-item article .button-list>*, .user-continue_shopping, button, form input[type=submit], input { height: 36px; } .user-continue_shopping { line-height: 36px; } .button { padding-top: 6px; } .tb-megamenu-button .icon-down-open-mini.icon-down-open-mini, .tb-megamenu-button .icon-up-open-mini.icon-up-open-mini { display: inline-block; float: none; margin-top: 0; margin-left: 0; } .login-buttons .login .button { display: inline-block; width: 50%; min-width: 208px; max-width: 250px; padding: 6px 0; } .login-buttons .login .register { margin-top: 0; margin-left: 2rem; } footer { padding: 8rem 2rem; } footer>* { margin-bottom: 4rem; } .footer-login>* { margin-bottom: 2rem; } .footer-flyer a { background-image: url(../assets/images/smart-footer-tablet.png); } .footer-flyer { margin-bottom: 6rem; } footer>#mc_embed_signup .mc-field-group { height: 36px; } footer>#mc_embed_signup .mc-field-submit { top: 4.5px; right: 4.5px; width: 27px; height: 27px; } footer>#mc_embed_signup .mc-field-submit button { font-size: 1.2em; } .page-start #slides .owl-item, body.front #slides .owl-item { height: 380px; } .page-start .featured-two-cols>div, body.front .featured-two-cols>div { width: 50%; } .page-start .featured-two-cols .register-ad .button, body.front .featured-two-cols .register-ad .button { height: 34px; padding-top: 10px; } .page-start .carousel-header>div, body.front .carousel-header>div { width: 33%; text-align: center; } .page-start .carousel-header>div strong, body.front .carousel-header>div strong { font-size: 1.7rem; } .page-start .carousel-header .subheader, body.front .carousel-header .subheader { display: block; } .page-smartster-userslist .user-flags .view-content .views-row, .page-smartster-userslist .user-list .view-content .views-row, .page-user-followers .user-flags .view-content .views-row, .page-user-followers .user-list .view-content .views-row, .page-user-following .user-flags .view-content .views-row, .page-user-following .user-list .view-content .views-row { width: 33%; padding: .2rem; } .page-node .offer-item article .button-list>* { max-width: 300px; margin: 12px 0; padding-top: 8px; } .views-exposed-widgets { margin: 0; } .views-exposed-form #edit-search-wrapper .views-widget .icon-search { line-height: 20px; top: 10px; height: 20px; } .views-exposed-form #edit-search-wrapper.active { left: initial; } .views-exposed-form #edit-search-wrapper.active input { max-width: 300px; } .views-exposed-form #edit-search-wrapper input { width: 380px; height: 46px; } .view-my-favorite-companies .views-row { width: 20%; } } @media only screen and (min-width:768px) { .cd-top { font-size: 1.3rem; right: 20px; bottom: 20px; padding: 6px 0 0; } } @media (min-width:768px) { h1, h2, h3, h4, h5, h6 { line-height: 1.4; } h1 { font-size: 3rem; } h2 { font-size: 2.5rem; } h3 { font-size: 2rem; } h4 { font-size: 1.5rem; } } @media screen and (min-width:769px) { .rp-col { float: left; width: 50%; } } @media screen and (min-width:880px) { #karta_sok #map { width: 77%; } #karta_sok .marker-list { display: block; float: left; width: 20%; padding-left: 20px; } } @media screen and (min-width:900px) { .page-start .featured-two-cols .register-ad .button, .page-start .featured-two-cols .register-ad h4, .page-start .featured-two-cols .register-ad p, body.front .featured-two-cols .register-ad .button, body.front .featured-two-cols .register-ad h4, body.front .featured-two-cols .register-ad p { font-size: 1rem; } .page-start .featured-two-cols .register-ad .button, body.front .featured-two-cols .register-ad .button { padding-top: 7px; } } @media screen and (min-width:980px) { .smartster-menus { border-bottom: 1px solid #e8e8e8; } .tb-megamenu.tb-megamenu { position: relative; } .page-subcategories { display: none; } #main_home_page .panel-col-first .pane-title { display: block; cursor: pointer; } #main_home_page .panel-col-first i.icon-down-open-mini { display: inline-block; float: right; } #main_home_page .panel-col-first .facetapi-pane-content.open { max-height: 400px; } #main_home_page .panel-col-first .facetapi-pane-content { max-height: 0; } .headroom { -webkit-transition: -webkit-transform 200ms linear; transition: transform 200ms linear; } .headroom--pinned { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .headroom--unpinned { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .headroom--unpinned .dropdown.dropdown.dropdown.dropdown>div { display: none; } body.admin-menu .header-top { top: 20px; } .header-top { position: fixed; z-index: 999; top: 0; right: 0; left: 0; } header { padding-top: 90px; } .navigation-bar .smartster-inner-header { position: relative; padding-right: 110px; } #medlemsklubb .mk-form a.facebook_reg_btn_mini.button, #medlemsklubb .mk-form h4:nth-child(3) { display: none; } } @media screen and (min-width:981px) { .mk-buttons, .mk-form { width: 22.5%; } .mk-text { width: 55%; padding: 0 32px; } #medlemsklubb .mk-buttons { width: 35%; } #medlemsklubb .mk-text { width: 65%; padding: 0 32px; } .mk-form { width: 35%; } } @media only screen and (min-width:1024px) { .cd-top { font-size: 2rem; right: 30px; bottom: 30px; width: 60px; height: 60px; padding: 7px 0 0; } } @media screen and (min-width:1100px) { .tb-megamenu.tb-megamenu .nav-collapse:not(.collapse) .nav>li.active>a, .tb-megamenu.tb-megamenu .nav-collapse:not(.collapse) .nav>li>a { line-height: 1.4; } .view-node-search .offer-item--list, .view-smartster-flag-bookmarks-tab .offer-item--list { width: 20%; } .page-node .offer-item article .product-info { width: 30%; margin-right: 10%; } .page-node .offer-item article .product-image { width: 50%; margin-left: 8%; } #brandz dd { float: left; width: 20%; } .usa-popup-hero { background-position: center 520px; } } @media screen and (min-width:1200px) { .view-leaflet .leaflet { width: 16.6666%; } .view-leaflet .leaflet:nth-child(6n+1) { clear: both; } .content #brandz dd, .content #butika dd { display: inline-block; float: left; width: 30%; margin-left: 25px; } } @media screen and (min-width:1276px) { ul.topnav li:first-child { display: none; } } @media screen and (min-width:1300px) { .view-node-search .offer-item--list, .view-smartster-flag-bookmarks-tab .offer-item--list { width: 16.6666%; } .mk-hero { display: block; height: 380px; } .mk-hero-sv { background-image: url(../assets/images/medlemsklubb-hero-large-sv.jpg); } .mk-hero-nb { background-image: url(../assets/images/medlemsklubb-hero-large-nb.jpg); } .mk-hero-dk { background-image: url(../assets/images/medlemsklubb-hero-large-dk.jpg); } .mk-hero-de { background-image: url(../assets/images/medlemsklubb-hero-large-de.jpg); } .mk-hero-en { background-image: url(../assets/images/medlemsklubb-hero-large-en.jpg); } } @media screen and (min-width:1366px) { #main_home_page, #megamenu, .navigation-bar .holder, .navigation-bar .smartster-inner-header, .page-node .panel-1col .panel-col, .page-reklamblad #content .main, .page-start #slides, .page-start .pane-start-page-ad-space, .page-start .pane-start-page-store-carousel>div, .page-start .view-node-search, .product-carousel-block, body.front #slides, body.front .pane-start-page-ad-space, body.front .pane-start-page-store-carousel>div, body.front .view-node-search { max-width: 1366px; margin: auto; } #karta_sok { max-width: 1366px; margin-right: auto; margin-left: auto; } .footer-flyer a { background-image: url(../assets/images/smart-footer-desktop.png); } #block-block-2 { position: relative; right: 0; } .page-smartster-userslist .user-flags, .page-smartster-userslist .user-list, .page-user-followers .user-flags, .page-user-followers .user-list, .page-user-following .user-flags, .page-user-following .user-list { padding: 0; } .page-smartster-userslist .user-flags .view-content .views-row, .page-smartster-userslist .user-list .view-content .views-row, .page-user-followers .user-flags .view-content .views-row, .page-user-followers .user-list .view-content .views-row, .page-user-following .user-flags .view-content .views-row, .page-user-following .user-list .view-content .views-row { width: 20%; padding: .2rem; } .page-node .panel-1col .panel-col { padding: 1rem; } .search-container form { position: absolute; left: 730px; display: inline-block; float: left; width: 200px; } .smartster-inner-header .map-pin { position: relative; right: 110px; } } @media screen and (min-width:1600px) { .navigation-bar .holder { max-width: 1390px; margin: 0 auto; } .navigation-bar .smartster-inner-header { padding-right: 0; padding-left: 0; } #block-block-2 { position: relative; right: 107px; } .views-exposed-form #edit-search-wrapper { right: 152px; } } @media screen and (max-width:1275px) { ul.topnav li:not(:first-child) { display: none; } ul.topnav li.icon { display: inline-block; float: right; } ul.topnav.responsive { position: relative; } ul.topnav.responsive li.icon { position: absolute; top: 0; right: 0; } ul.topnav.responsive li { display: inline; float: none; } ul.topnav.responsive li a { display: block; text-align: left; } } @media (max-width:1099px) { .articlethumbs { display: none; } } @media screen and (max-width:991px) { .page-metro #content>.main .panel-2col .panel-col-last, .page-shoppingcenter #content>.main .panel-2col .panel-col-last { width: 100%; } } @media screen and (max-width:980px) { .mk-buttons { display: none; } .mk-form, .mk-text { width: 50%; padding: 0 10px; } #medlemsklubb .mk-buttons { display: block; } #medlemsklubb .mk-buttons, #medlemsklubb .mk-text { width: 100%; padding: 0 10px; } } @media screen and (max-width:979px) { .page-home #content { position: relative; } #main_home_page .panel-col-first { position: absolute; z-index: 25; top: 0; overflow: hidden; width: 100%; height: 0; padding: 0; background: #fff; } #main_home_page .panel-col-first.open { overflow: visible; height: auto; padding: 15px; } #main_home_page .panel-col-first .panel-separator { border-top: 1px solid #d5e5c2; } #main_home_page .panel-col-first .pane-title { font-size: 15px; } #main_home_page .panel-col-first .facetapi-pane-title { width: 100%; } #main_home_page .panel-col-first .facetapi-pane-title i { font-size: 20px; display: block; float: right; width: 20px; margin-left: -20px; color: #87b44f; } #main_home_page .panel-col-first .facetapi-pane-content { overflow: hidden; height: 0; } #main_home_page .panel-col-first .facetapi-pane-content.open { overflow: scroll; height: auto; } #main_home_page .panel-col-first .filter_menu-checkbox-item-active, #main_home_page .panel-col-first .filter_menu-checkbox-item-inactive { padding: 2px 0; } #main_home_page .panel-col-first .filter_menu-checkbox-item-active input[type=checkbox]:checked+span .icon-cancel { font-size: 13px; top: -2px; left: -2px; } #main_home_page .panel-col-first .range-slider-box { margin: 20px 0; padding: 0 10px; } #main_home_page .panel-col-first .range-slider-box .range-slider { height: 8px; border: none; background: #87b44f; } #main_home_page .panel-col-first .range-slider-box .ui-slider-range { background: #87b44f; } #main_home_page .panel-col-first .range-slider-box .ui-slider-handle { top: -16px; width: 40px; height: 40px; margin-left: -20px; border: 8px solid #87b44f; border-radius: 20px; background: #fff; } .page-home #content>.main .panel-2col .panel-col-last { width: 100%; } .sort_menu { position: absolute; z-index: 25; top: 0; display: block; float: left; overflow: hidden; width: 100%; height: 0; padding: 0; background: #fff; } .sort_menu.open { overflow: visible; height: auto; padding: 15px 15px 20px; } .sort_menu .sort_menu-radio_item { position: relative; padding: 10px 0; border-top: 1px solid #d5e5c2; } .sort_menu .sort_menu-radio_item:first-child { border: none; } .sort_menu .sort_menu-radio_item label { font-weight: 600; display: inline-block; } .sort_menu .sort_menu-radio_item label span { position: absolute; top: 8px; right: 0; display: inline-block; width: 26px; height: 26px; margin: -1px 4px 0 0; cursor: pointer; vertical-align: middle; border: 5px solid #d5e5c2; border-radius: 50%; background: #fff; } .sort_menu .sort_menu-radio_item input[type=radio] { display: none; } .sort_menu .sort_menu-radio_item input[type=radio]:checked+label span { background: #87b44f; } #desktop_sorting, .header-grid .text, .map-pin .text, .sort_menu input[type=submit], .user-profile .text { display: none; } } @media screen and (max-width:778px) { .page-home #content>.main #catdesc .catext { width: 100%; } .page-home #content>.main #catdesc .catimg img { display: none; } } @media screen and (max-width:768px) { .views-exposed-form #edit-search-wrapper .views-widget { margin-top: -6px; } .mk-text h1 { font-size: 15px; } .mk-text p { font-size: 13px; } .rp-mockup { display: none; } } @media (max-width:768px) { .featured-products .category-cards ul a { width: 50%; } } @media screen and (max-width:767px) { #block-block-2 { position: relative; top: -8px; height: 0; } .page-start .carousel-header>div:first-child, body.front .carousel-header>div:first-child { text-align: center; } .page-start .carousel-header>div:first-child:after, body.front .carousel-header>div:first-child:after { font-size: 1.2rem; display: inline-block; margin-right: 0; margin-left: 0; content: ''; color: #423c40; } .page-start .carousel-header>div:nth-child(2), body.front .carousel-header>div:nth-child(2) { text-align: center; } } @media (max-width:738px) { .view-magazine { padding: 0; } .view-magazine .views-row { width: 49%; margin: 2px 0; } } @media (max-width:700px) { .content #brandz dt, .content #butika dt { font-size: 2rem; display: block; width: 100%; min-width: 100%; text-align: center; } #butika span, .storelist { width: 100%; } } @media (max-width:699px) { .node-magazine h1 { font-size: 1.8em; } } @media (max-width:644px) { .popup-left { display: none; } .popup-right { width: 100%; } } @media screen and (max-width:580px) { .user-nav { margin-top: 12px; } #user-picture { margin: 0 20px; } .profile-image-wrapper { display: inline-block; width: 100%; max-width: 1000px; margin: 0 auto; } .social_button_custom { float: right; max-width: 300px; margin-top: 0; } #profile-right { display: inline-block; width: 100%; margin: 0; padding: 0; vertical-align: top; } .mk-form, .mk-text { width: 100%; padding: 0 10px; } .mk-text h1 { font-size: 22px; } .mk-text p { font-size: 16px; } } @media (max-width:492px) { .view-magazine .views-row { width: 100%; } } @media screen and (max-width:481px) { .offer-item--list article, .view-category-block article, .view-smartster-flag-bookmarks-tab article { border-top: none; } .offer-item--list article:nth-child(odd), .view-category-block article:nth-child(odd), .view-smartster-flag-bookmarks-tab article:nth-child(odd) { border-left: none; } .offer-item--list article:nth-child(even), .view-category-block article:nth-child(even), .view-smartster-flag-bookmarks-tab article:nth-child(even) { border-right: none; border-left: none; } .view-category-block .views-row article { border-left: none; } .page-node .offer-item article { border-top: none; } .page-node .offer-item article:nth-child(odd) { border-left: none; } .page-node .offer-item article:nth-child(even) { border-right: none; border-left: none; } } @media screen and (max-width:480px) { .smartster-menus { min-height: 88px; } .filters-disabled .smartster-menus { min-height: 40px; } .filter_menu_collapse_button, .sort_menu_collapse_button { display: block; width: 50%; } .user-nav-item { padding: 0 10px; } } @media screen and (max-width:479px) { .view-leaflet .leaflet:nth-child(2n+1) { clear: both; } .filters-disabled .filter_menu_collapse_button, .filters-disabled .sort_menu_collapse_button { display: none; } } @media screen and (max-width:400px) { .page-start .featured-two-cols .map-ad>div>div a { padding-top: 40%; } } @media (max-width:375px) { .featured-products .category-cards ul a { width: 100%; } } @media screen and (max-width:371px) { #block-block-2 { display: none; } .views-exposed-form #edit-search-wrapper { right: 100px!important; } } @media screen and (max-width:320px) { .icon-logo img, .navigation-bar h1 img { height: 18px; margin-top: 2px; } } @media screen and (min-width:480px) and (max-width:767px) { .view-leaflet .leaflet { width: 33%; } .view-leaflet .leaflet:nth-child(3n+1) { clear: both; } .view-my-favorite-companies .views-row { width: 33%; } } @media screen and (min-width:768px) and (max-width:899px) { .view-leaflet .leaflet { width: 25%; } .view-leaflet .leaflet:nth-child(4n+1) { clear: both; } } @media screen and (min-width:900px) and (max-width:1199px) { .view-leaflet .leaflet { width: 20%; } .view-leaflet .leaflet:nth-child(5n+1) { clear: both; } } @media screen and (min-width:480px) and (max-width:979px) { .smartster-menus { width: 100%; min-height: 44px; } #megamenu { float: left; width: 50%; } .filter_menu_collapse_button, .sort_menu_collapse_button { display: block; width: 25%; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; } .filter_menu_collapse_button:last-child, .sort_menu_collapse_button:last-child { border-left: 1px solid #e8e8e8; } .views-exposed-form #edit-search-wrapper { right: 26%; } } @media screen and (max-width:979px) and (min-width:480px) and (max-width:979px) { #main_home_page .panel-col-first, .sort_menu { right: 0; width: 50%; box-shadow: -1px 1px 5px #e8e8e8; } } @media screen and (max-width:979px) and (min-width:980px) { #main_home_page .panel-col-first { padding-right: 1rem; padding-left: 1rem; } } @media screen and (min-width:500px) and (max-width:600px) { .page-start .featured-two-cols .register-ad .button, .page-start .featured-two-cols .register-ad h4, .page-start .featured-two-cols .register-ad p, body.front .featured-two-cols .register-ad .button, body.front .featured-two-cols .register-ad h4, body.front .featured-two-cols .register-ad p { font-size: 1rem; } .page-start .featured-two-cols .register-ad .button, body.front .featured-two-cols .register-ad .button { padding-top: 10px; } } @media screen and (min-width:480px) and (max-width:677px) { .page-smartster-userslist .user-flags .view-content .views-row, .page-smartster-userslist .user-list .view-content .views-row, .page-user-followers .user-flags .view-content .views-row, .page-user-followers .user-list .view-content .views-row, .page-user-following .user-flags .view-content .views-row, .page-user-following .user-list .view-content .views-row { width: 50%; padding: .2rem; } } @media screen and (min-width:678px) and (max-width:900px) { .page-smartster-userslist .user-flags .view-content .views-row, .page-smartster-userslist .user-list .view-content .views-row, .page-user-followers .user-flags .view-content .views-row, .page-user-followers .user-list .view-content .views-row, .page-user-following .user-flags .view-content .views-row, .page-user-following .user-list .view-content .views-row { width: 50%; padding: .2rem; } } @media screen and (min-width:980px) and (max-width:1599px) { .views-exposed-form #edit-search-wrapper { right: 38%; } } @media screen and (min-width:321px) and (max-width:479px) { .view-my-favorite-companies .views-row { width: 50%; } } @media screen and (min-width:980px) and (max-width:1299px) { .mk-hero { display: block; } .mk-hero-sv { background-image: url(../assets/images/medlemsklubb-hero-large-sv.jpg); } .mk-hero-nb { background-image: url(../assets/images/medlemsklubb-hero-large-nb.jpg); } .mk-hero-dk { background-image: url(../assets/images/medlemsklubb-hero-large-dk.jpg); } .mk-hero-de { background-image: url(../assets/images/medlemsklubb-hero-large-de.jpg); } .mk-hero-en { background-image: url(../assets/images/medlemsklubb-hero-large-en.jpg); } } @media screen and (min-width:580px) and (max-width:979px) { .mk-hero { display: block; } .mk-hero-sv { background-image: url(../assets/images/medlemsklubb-hero-medium-sv.jpg); } .mk-hero-nb { background-image: url(../assets/images/medlemsklubb-hero-medium-nb.jpg); } .mk-hero-dk { background-image: url(../assets/images/medlemsklubb-hero-medium-dk.jpg); } .mk-hero-de { background-image: url(../assets/images/medlemsklubb-hero-medium-de.jpg); } .mk-hero-en { background-image: url(../assets/images/medlemsklubb-hero-medium-en.jpg); } }