/* vim:set ts=3 sw=3 et foldmethod=marker: */

@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap);
@import url(font-awesome/brands/brands.css);

:root {
   --color-dark-blue: #25317a;
   --color-medium-blue: #007bc2;
   --color-light-gray: #e5e7e8;
   --color-orange: #eb5d46;
}

html,
body {
   color: black;
}

/* fonts are set ALL OVER the style files, will this be enough? */
html,
body,
h1, h2, h3, h4, h5, h6,
.button.button-small,
.button.stores,
.button.open_combinations_button,
.button.ajax_add_to_cart_button,
.button.lnk_view,
.price-percent-reduction.small,
.new-label,
.sale-label,
.block .products-block .price-percent-reduction,
.heading-counter,
.block .title_block,
.block h4,
.page-heading {
   font-family: 'Montserrat', sans-serif;
}

/* {{{ Front page */

#facebook_block,
#cmsinfo_block {
   background: #fff;
   height: inherit;
   border-left: 0px;
}

#facebook_block .facebook-fanbox {
    background: none;
    border: 0px;
}

#cmsinfo_block h3 {
   margin-bottom: 10px;
}

@media (max-width: 479px) {
   #home-page-tabs > li {
      width: 40%;
   }
}

/* }}} */
/* {{{ Page region specific */

#header {
   background-color: var(--color-dark-blue);

   /* dubious */
   padding-bottom: 55px;
   margin-bottom: 0.5em; /* used to be 100px, still dubious */
}

@media (max-width: 991px) {
   #header {
      /* also dubious */
      padding-bottom: 0px;
   }
}

header .row #header_logo {
   padding-top: 0px;
}

#header .banner,
#header .nav {
   background: none;
}

/* magic incantation to make the header menu go all the way to the sides */
#header .top .container > .row {
   position: static;
}

/* The mobile toggle container is actually used to space the menu position
 * but is entirely invisible. Prevent it from taking pointer events instead of
 * the logo, the search bar and the cart block
 */
#header .ph_megamenu_mobile_toggle {
   pointer-events: none;
}

/** Footer **/
.footer-container {
   background: var(--color-dark-blue);
}

.footer-container #footer {
   color: white;
   padding: 5rem 0;
}

.footer-container footer#footer a {
   color: white !important;
}

.footer-container #footer #block_contact_infos {
   border-left-color: white;
}

.footer-container #footer #block_contact_infos > div ul li i {
   color: white;
}

/* disable the default footer links */
.blockcategories_footer,
#block_various_links_footer,
#newsletter_block_left,
#social_block {
   display:none;
}

/* }}} */
/* {{{ Col box and freeintro used by htmlbox contents on the front page  */

.col-box-default {
   position: relative;
   min-height: 1px;
   padding-left: 15px;
   padding-right: 15px;   
   float: left;
   width: 20.00%;
   text-align: center;
}

@media (max-width: 768px) {
   .col-box {
      width: 100.00%;
      text-align: left;
   }
}

#freeintro-homepage H3 {
   margin-top:5px;
}

@media (max-width: 500px) {
   #freeintro-homepage {
      height:140px!important; 
   }
   
   #freeintro-homepage H3 {
      font-size:18px!important ;
   }
}

/* }}} */
/* {{{ col-8 */

/* faux bootstrap column for 8 items in a row, only on desktop */
.row .col-8 {
   padding: 15px;

   display: block;
   width: 12.5%;
   float: left;
}

/* }}} */
/* {{{ fp-boxes, unused? */

#fp-boxes {
   margin-bottom: 20px;
}

.fp-box {
   background: #0b195a;
   padding: 15px;
   color: #fff;
   height: 60px;
   text-align: center;
   font-weight: 800;
}

.fp-box a {
   color: #fff;
}

@media (max-width: 992px) {
   .fp-box {
      margin-bottom: 10px;
      margin-right: 0px;
   }
}

/* }}} */
/* {{{ Faux newsletter & faux social links blocks */

#footer #faux_newsletter_block_left h4,
#footer #faux_social_block h4 {
   font: inherit;
   font-size: 18px;
   line-height: 22px;
   font-weight: bold;

   color: inherit;
   background-color: transparent;
   border: none;

   padding: 0;
   margin: 0 !important;
}

#footer #faux_newsletter_block_left h4::after,
#footer #faux_social_block h4::after {
   display: none;
}
 
#faux_social_block {
   display: flex;
   flex-direction: row-reverse;
   flex-wrap: nowrap;
   align-items: center;
   gap: 1em;
}

#faux_social_block ul {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   align-items: center;
   gap: 1em;

   margin: 0;
}

#faux_social_block ul li {
   padding: 0 !important;
}

#faux_social_block ul li a {
   display: block;
}

#faux_social_block ul li a::before {
   font-family: 'Font Awesome 6 Brands';
   font-size: 30px;
   line-height: 30px;
}

#faux_social_block ul li.facebook a::before { content: '\f09a'; }
#faux_social_block ul li.linkedin a::before { content: '\f08c'; }
#faux_social_block ul li.tiktok a::before { content: '\e07b'; }
#faux_social_block ul li.youtube a::before { content: '\f167'; }
#faux_social_block ul li.instagram a::before { content: '\f16d'; }

#faux_social_block ul li span {
   display: none;
}

@media all and (max-width: 768px) {
   #faux_newsletter_block_left,
   #faux_social_block {
      padding: 1em 0;
   }

   #faux_newsletter_block_left {
      text-align: center;
   }

   #faux_social_block {
      flex-direction: column-reverse;
      justify-content: center;
      gap: 1em;
   }

   #faux_social_block ul {
      flex-wrap: wrap;
   }
}

/* }}} */
/* {{{ Product list */

/* XXX unused? */
#subcategories {
   display: none !important;
}

/* product card styling */

ul.product_list .color-list-container {
   margin-bottom: 0px;
}

ul.product_list .product-image-container .quick-view {
   display: none !important;
}

ul.product_list.list > li .product-container {
   border-top: 0px;
   border-bottom: 1px solid #d6d4d4;
   padding: 30px 0 30px;
}

ul.product_list.list > li .right-block .right-block-content .content_price span {
   margin-bottom: 3px;
}

/* copied from the combinations list styling for its input, it seems a selector
 * is missing in product_list.css for the regular product list input
 */
.product_list.list > li .product-container .cart-controls input {
   text-align: center;
   width: 22px;
   height: 22px;
   line-height: 22px;
   background: #fbfbfb;
   color: #9c9b9b;
   border: 1px solid #d6d4d4;
   border-radius: 0;
}

/* bigger buttons, as i think the CSS that used to be in here, somewhere, was
 * supposed to do that. -ST 2023-05-17
 */
.product_list.list > li .product-container .cart-controls button,
.product_list.list > li .product-container .cart-controls input {
   width: 44px;
   height: 44px;
   line-height: 44px;
}

ul.product_list.list .combinations {
   padding-top: 5px;
}

ul.product_list.grid > li .product-container {
   margin-top: 20px;
}

/* Buttons like compare, remove all padding, make the buttons full width and
 * not floaty (i.e. the block display actually does something) */
ul.product_list.grid > li .product-container .functional-buttons {
   padding: 0;
}

ul.product_list.grid > li .product-container .functional-buttons a {
   display: block;
}

ul.product_list.grid > li .product-container .functional-buttons div {
   width: auto;
   float: none;
   padding: 0;
}

ul.product_list.grid > li .product-container h5 {
   padding: 0 15px 7px 15px;
   min-height: 0px!important;
}

ul.product_list .product-container .availability .available-now,
ul.product_list .product-container .availability .out-of-stock {
   display:none;
}

@media (max-width: 767px) {
   ul.product_list.grid > li.first-item-of-mobile-line {
      clear: left;
   }
}

@media (max-width: 479px) {
   ul.product_list .product-name {   
      text-transform: uppercase;
   }

   ul.product_list.list > li .product-image-container { 
      min-height: 160px;
   }
   
   ul.product_list.list > li .right-block .right-block-content .content_price {
      min-height: 80px;
   } 

   ul.product_list.list > li h5 { 
      min-height: 100px;
   }

   ul.product_list.list > li .product-desc {    
      display:none;
   }
}

/* list container (aamazzingfilter) */

.content_scene_cat {
   color: inherit;
   border: none;
}

/* special coloring of links in the category banner for some reason */
.content_scene_cat a {
   color: var(--color-medium-blue);
}

.content_scene_cat .content_scene_cat_bg {
   background: none !important;
   padding: 0;
}

.content_scene_cat span.category-name {
   font-family: inherit;
   font-weight: 600;
   font-size: 32px;
   line-height: 51px;

   color: inherit;
}

/* always show full description */
.content_scene_cat #category_description_full.unvisible {
   display: block;
}

.content_scene_cat #category_description_short {
   display: none;
}

.content_scene_cat .lnk_more {
   display: none;
}

.category .page-heading .cat-name,
.category .heading-counter {
   display: none;
}

.content_sortPagiBar {
   padding-top:20px;
}

.content_sortPagiBar .sortPagiBar label {
   min-width: 60px;
}

.content_sortPagiBar .sortPagiBar {
   padding-bottom: 10px;
}

/* reset padding for the page heading, this high specificity comes from the
 * amazzingfilter front.css, note the second selector breaks the checkout page
 */
#category #center_column .page-heading,
/* #page #center_column .page-heading */ {
   padding: 0;
}

.bottom-pagination-content {
   border: none;
}

/* }}} */
/* {{{ Product */

/* only found on the product page? */
.top-hr {
   height: 0;
   margin: 2px 0 17px 0;
}

/* I'm not sure if this is acceptable, there is a javascript function that
 * attempts to set the block height to the image but makes the image overflow
 * when the window is resized, this prevents that, but will it reintroduce
 * the original problem that productImgDivHeight() was intended to solve?
 */
.pb-left-column #image-block {
   height: auto !important;
}

.pb-left-column img { 
   width: 100%;
   height: auto;
}

.pb-left-column #image-block .new-box,
.pb-left-column #image-block .sale-box {
   z-index: 0;
}

/* for some reason, these two have a fixed, wrong, width from product.css
 * this change works on desktop and mobile, but still breaks on tablet sizes
 *
 * FIXME
 */
.pb-left-column #views_block span.view_scroll_spacer {
   width: auto;
   padding-left: 0;
}

/* This pixel-twidding is exceedingly dumb */
.pb-left-column #views_block #thumbs_list {
   width: 303px;
}

@media all and (max-width: 1199px) {
   .pb-left-column #views_block #thumbs_list {
      width: 231px;
   }
}

@media all and (max-width: 992px) {
   .pb-left-column #views_block #thumbs_list {
      width: 116px;
   }
}

@media all and (max-width: 767px) {
   .pb-left-column #views_block #thumbs_list {
      width: 238px;
   }
}

.pb-center-column {
   margin-bottom: 0;
}

/* probably only the manufacturer logo */
.pb-center-column img.img-responsive {
   width: 100px;
   margin-bottom: 5px;
}

.pb-right-column .product_attributes,
.pb-right-column .box-cart-bottom {
   box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.05);
}

.pb-right-column .our_price_display .price {
   font-size: 24px;
}

@media (min-width: 1024px) {
   .pb-right-column .box-info-product .exclusive span {
      display: none !important;   
      width: 100%;
   }

   .pb-right-column .box-info-product .exclusive,
   .pb-right-column .box-info-product a.btn-warning {
      width: 100%;
   }
}

/* product tabs */
#product .click_tab_contents { 
   border: 0px;
}

/* product accessories */

#product .accessories-block {
   margin-top:10px;
}

/* forces the related products slider to be 100% wide, even if it truncates
 * the last image a little, not sure if it's desiable, but a width of 90% is
 * just weird. */
#product .accessories-block .bx-wrapper {
   max-width: 100% !important;
}

#product .accessories-block .price-percent-reduction {
   width: auto !important;
}

/* this is only the add-to-cart button AFAIK */
#product .accessories-block .button {
   margin-bottom: 3px;
}

#product .accessories-block .button,
#product .accessories-block .btn {
   display: block;
   text-align: center; /* .btn has this, but not .button */
}

/* quantity discounts */
#product #quantity_wanted_p input {
   width: 48px;    
}

#product #attributes {
   padding-top:5px;
}

#product table.table-product-discounts {
   width: 100%;
   margin: 0px;
}

/* }}} */
/* {{{ Product availability, used in product.tpl and product-comparison.tpl */

#availability_value,
#last_quantities {
   background: #46a74e none repeat scroll 0 0;
   border: 1px solid #36943e;
   color: white;
   display: inline-block;
   font-weight: 700;
   line-height: 18px;
   margin-left: 0px;
   padding: 3px 8px 4px;
}

#last_quantities {
   background: #ff7430 none repeat scroll 0 0;
   border: 1px solid #ea5e1a;
   padding: 4px 8px 3px;
   position: relative;
   top: 1px;
}

#availability_statut #availability_value.warning_inline {
   background-color: #fe9126;
   border-color: #e4752b;
   margin: 0;
   text-shadow: 1px 1px #e68322;
}

#last_quantities {
   display:none!important;   
}

/* }}} */
/* {{{ Combinations lists */

.combinations th,
.combinations td {
   border: 0px;
}

.combination.selected {
   background-color: #f7f7f7;
}

/* override product_list.css table mode for the header, as it gets the same
 * class and would look weird.
 */
.combinations th.cart-controls {
   display: table-cell;
}

/* }}} */
/* {{{ Checkout page */

/* order-opc.css overrides this for some reason, the title for the sidebar
 * blocks */
#order-opc .title_block {
   padding: 14px 5px 17px 20px;
}

/* not found? */
#order-detail-content a.sc_stock_details {
   border-bottom: 1px dotted #7d7a7a;
   color: #7d7a7a;
   font-size: 12px;
   text-transform: unset; 
}

#order-detail-content tr.cart_item .price {
   margin-bottom: 0px;
}

#order-detail-content #dlorderreference {
   padding-top:20px;
}

#opc_payment_methods p.payment_module a {
   padding: 33px 40px 34px 20px;
}

#opc_payment_methods p.warning {
   font-size: 16px;
}

/* carrier selection table */
table.carriers {
   margin-bottom: 10px;
}

table.carriers td.delivery_option_radio {
   width: 10%;
}

table.carriers td.delivery_option_logo {
   width: 20%
}

table.carriers td.delivery_option_address {
   width: 45%;
}

table.carriers td.delivery_option_price {
   width: 25%;
}

table.carriers .best_grade_speed {
   display:none;
}

@media (max-width: 767px) {
   table.carriers .delivery_option_logo {
      display:none;   
   }
}


/* }}} */
/* {{{ Contact form */

.contact-form-box fieldset {
   padding-top: 20px;
}

.contact-form-box fieldset h3 {
   display: none;
}

.contact-form-box {    
   background: none;
   -moz-box-shadow: none;
   webkit-box-shadow: none;
   box-shadow: none;
   border: 1px #ddd solid;
}

/* }}} */
/* {{{ homepage tabs */

#home-page-tabs > li.active a,
#home-page-tabs > li a:hover {
   background-color: var(--color-medium-blue);
}

/* }}} */
/* {{{ ribbon labels */

.new-label {
   background-color: var(--color-medium-blue);
}

.new-label::before,
.new-label::after {
   border-color: var(--color-dark-blue) transparent transparent;
}

/* }}} */
/* {{{ Modern Mobile Header */

#modern-mobile-header { 
   background-color: var(--color-dark-blue);
}

#modern-mobile-header .modern-header-column > .inner .content {
   border-bottom: 1px solid #ddd;
   border-left: 1px solid #ddd;
}

#modern-mobile-header a.login, 
#modern-mobile-header #contact-link a {
   color: #000!important;   
   text-shadow: none;   
}

#modern-mobile-header a.login:hover,
#modern-mobile-header #contact-link a {
   color: #000;
   background: #fff;   
}

/* remove the toggle and force showing the megamenu in the modern header */
#modern-mobile-header .ph_megamenu_mobile_toggle {
   display: none;
}

#modern-mobile-header #ph_megamenu_wrapper {
   display: block;
}

#modern-mobile-header .modern-header-column > .inner a.absolute-middle { 
   font-size: 6vw;
}

/* }}} */
/* {{{ Buttons */

/* ajax_add_to_cart_button är inte nödvändigtvis exclusive */

#product #center_column .box-info-product .exclusive {
   background: var(--color-medium-blue);
   border-color: var(--color-dark-blue);
}

#product #center_column .box-info-product .exclusive span {
   border-color: var(--color-medium-blue);
}

.button.stores,
.button.open_combinations_button,
.button.ajax_add_to_cart_button {
   border-color: var(--color-dark-blue);
}

.button.stores span, 
.button.open_combinations_button span, 
.button.ajax_add_to_cart_button span {
   background: var(--color-medium-blue) !important;
}

.button.button-medium.exclusive {
   background: var(--color-dark-blue) !important;
   border-color: var(--color-dark-blue);
}

.button.button-medium.exclusive span {
   border-color: var(--color-dark-blue);
}

.button.button-medium.exclusive:hover {
   background: var(--color-dark-blue) !important;
   border-color: var(--color-dark-blue);
}

.button.button-medium.exclusive:hover span {
   border-color: var(--color-medium-blue);
}

/* }}} */
/* {{{ Quick order */

#dl-quick-order-csv-upload-shopping-cart-top .info-text {
   padding-top: 13px;
   font-size: 14px;
}

.quick-order-button {
   font: bold 13px/17px Arial, Helvetica, sans-serif;
   color: #fff;
   background: #6f6f6f;
   text-shadow: 1px 1px rgba(0, 0, 0, 0.24);   
   padding: 3px 8px 3px 8px;
   border: 1px solid;
   border-color: #8b8a8a;   
   font-weight: 500;
   font-size: 13px;
   line-height: 22px;
   font-weight: bold;
}

#dl-quick-order-message-shopping-cart-top a {
   color: #ffffff;
}

/* }}} */
/* {{{ DL Compatibles */

.column #dlcompatibles_block_home,
#dlcompatibles_block_home_info,
#intro_free_shipping {
   display:none;   
}

#dlcompatibles_block_home_info {
   color: #131212;
}

#dlcompatibles_block_home .block_buttons a:nth-child(1) {
   width: 39%;
}

#dlcompatibles_block_home .block_buttons a:nth-child(2) {
   width: 60%;
   margin-left: 1%;
   background: #128dd6;
   border: 1px solid #848484;
   color: #fff;   
}

#dlcompatibles_block_home a.load_button {
   background: #128dd6;
   border: 1px solid #848484;
   color: #fff;   
   margin-top: 5px;   
}

#dlcompatibles_block_home  .block_load span {
   color: #1b1b1b;
   font: 600 14px/22px "Open Sans",sans-serif;
   font-weight: 600;
   text-transform: uppercase;
   color: #555454;   
}


#dlcompatibles_block_home .block_selections {
   background: #f6f6f6;
   padding: 5px;   
}

.block_selections select {
   padding: 3px 5px;
   height: 27px;
   -webkit-box-shadow: none;
   box-shadow: none;
   font-size: 13px;
   line-height: 1.42857;
   color: #000;
   width: 100%;
   height: 32px;
   padding: 6px 12px;
   font-size: 13px;
   line-height: 1.42857;
   color: #525252;
   vertical-align: middle;
   background-color: #fff;
   border: 1px solid #d6d4d4;
   border-radius: 0px;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
   transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;   
   
}

@media (max-width: 500px) {
   #intro_free_shipping {
      display : none!important;      
   }
}

/* }}} */
/* {{{ compare products? */

.compare a.add_to_compare {
   color:#333!important;
   font-weight: normal!important;   
   min-width: 155px;   
   padding: 10px;  
   border-color: #cacaca #b7b7b7 #9a9a9a #b7b7b7;    
   background: #f7f7f7;
   background: -moz-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ededed));
   background: -webkit-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
   background: -o-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
   background: -ms-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
   background: linear-gradient(to bottom, #f7f7f7 0%, #ededed 100%);  
}

.compare a.add_to_compare:hover {
   background: #f7f7f7;   
}

.compare a.add_to_compare::before {
   display:none;
}

.compare-form  .button.bt_compare {
   margin-bottom: 15px;
   min-width: 155px; 
   padding: 8px;
   border-color: #cacaca #b7b7b7 #9a9a9a #b7b7b7;  
   background: #f7f7f7;
   background: -moz-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ededed));
   background: -webkit-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
   background: -o-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
   background: -ms-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
   background: linear-gradient(to bottom, #f7f7f7 0%, #ededed 100%);    
}

.compare-form  .button.bt_compare:hover {
   background: #f7f7f7;   
}

.compare-form  .button.bt_compare i {
   margin-left:3px;
}

#product_comparison .prices-container .old-price,
#product_comparison .prices-container .product_discount,
#product_comparison .prices-container .price-percent-reduction {
   display:none;
}

/* }}} */
/* {{{ shopping cart overlay o.O */

#layer_cart {
   width: 64%;
}

@media (max-width: 500px) {
   #layer_cart {
      width: 90%;
   }   
}

/* }}} */
/* {{{ Contact form teaser (link at the bottom of the page) */

.contactform-teaser {
   position: fixed;
   right: 10px;
   bottom: 0;
   z-index: 5000;

   cursor: pointer;
}

.contactform-teaser span {
   display: block;
   padding: 1rem 2rem;

   color: white;
   background-color: var(--color-orange);

   font-weight: 800;
   text-align: center;
   text-transform: uppercase;   
}

/* }}} */
/* {{{ Viewed products (blockviewed) */

.block .products-block .product-name { 
   line-height: 23px;
}

/* }}} */

/************************************************************************
 * Global classes
 ***********************************************************************/

/* hide price starting from product lists and product pages */
.price_starting {
   display: none;
}

/* product-name is used in all kinds of places */
.product-name {
   font-size: 14px;
}

/* product-name is used all over, but the link inside might be only produc lists? */
.product-name a {
   font-size: 15px; 
}

/* This class exists in the address creation form (authentication.tpl) and the
 * shopping cart (shopping-cart.tpl). Can't determine which was intended here
 */
.address_alias {
   display:none;
}

/* on product pages, product lists and the shopping cart */
.price-percent-reduction.small {
   padding: 4px 6px;
}

#product #reduction_percent,
.price-percent-reduction,
.sale-label {
   background-color: var(--color-orange);
   border-color:var(--color-orange);
}

/* can't find this one */
@media (max-width: 767px) {
   #payment_logos {
      width:300px!important;
   }
}

@media (max-width: 767px) {
   .hide-mobile {
      display:none;
   }
}

.alert-warning {
   background-color: rgb(73, 167, 224);
   border-color: #427cd8; 
}

.label-warning {
   background: #f13340;   
   background-color: #f13340;   
}

/* probably multistage checkout, not sure */
ul.step li a,
ul.step li span,
ul.step li.step_current span,
ul.step li.step_current_end span {
   font-size: 14px!important;
}

@media (max-width: 500px) {
   #product_payment_logos img {
      display : none!important;   
   }

   #product_payment_logos H5::after {
      content: "Varastotuotteiden toimitusaika 2-7 arkipäivää. Tilaustuotteissa toimitusaika voi olla pidempi.";
   }

   #categories_block_left::before {
      content: "Moniin yli 100€ tilauksiin ILMAINEN TOIMITUS. Koskee alle 35 kg pakettina toimitettavia tuotteita. Ei koske kotieläintuotteita, säiliöitä tai yli 35kg tuotteita. Tuotekohtaisia rajoituksia, voimassa verkkokaupassa.";
      font-weight: bold;
      color: #333;
   }
   
   .block .title_block, .block h4 {
      font-weight: 600; /* dubious, this font is different */
      font-size: 14px;
      line-height: 18px;
      padding: 7px 2px 7px 10px;
      margin-bottom: 10px;
   }

   .block .title_block:after, .block h4:after {    
      font-size: 14px;
      height: 26px;
      width: 26px;
      top: 5px;    
   }
   
   .block .title_block, .block h4 { 
      border-top: 2px solid #333;
   }   
}

/*MF lomake*/
#uniform-field_omistuksessa_mf_mallit {
   display:none;    
}

.salescart_quantity_delete {
   font-size: 20px;
   padding-right: 8px;   
}

.salescart_quantity_to_cart {
   font-size: 20px;   
}

.cms-yhteystiedot a {
   color: #2c9ffd;
}

.stacktable th {
   background-color: #f1f1f1;
   color: #333;
}

@media (max-width: 479px) {
   #viewed-products_block_left,
   #informations_block_left_1 {
      display: none;
   }   
}


@media (max-width: 480px) {
   #op_iframe_consumer {
      height:900px;
   }
   
   #op_iframe_company {
      height:730px;
   } 
}