.breadcrumb{background: transparent!important; color: #808080!important; border-bottom: 1px none #d6d4d4; } .breadcrumb a, .breadcrumb a:link {color: #808080!important; } .pl-quantity-input-wrapper{display: none !important;} .content_scene_cat{display: none !important;} .ajax_block_product:hover, .ajax_block_product .product-container{background-color: #ffffff; } .ajax_block_product .ajax_block_product:hover a, .ajax_block_product:hover a:link {color: #4d4d4d } .ajax_block_product a.product-name, .ajax_block_product:hover a.product-name:link {color: #4d4d4d !important; } .ajax_block_product a.product-name:hover {color: #777777 !important; } .ajax_block_product .price.product-price {color: #f13340!important; } .ajax_block_product div.star:after {color: #f13340!important; } .product_list.list .ajax_block_product{ margin-bottom: 10px;} .product_list.list .ajax_block_product .product-container{ padding: 20px 10px;} .ajax_block_product:hover{outline: 1px solid #EBEBEB!important;} ul.product_list.grid > li {margin-top: -9px; padding-top:9px;} .product_list.list .ajax_block_product:hover .product-container, .product_list_small .ajax_block_product:hover .product-container { border-color: transparent !important; } .product_list.list .ajax_block_product:hover + li .product-container, .product_list_small .ajax_block_product:hover .product-container { border-color: transparent !important; } .slick_carousel .functional-buttons, ul.product_list.grid .functional-buttons{ background-color: #ffffff; } .slick_carousel .functional-buttons a, .slick_carousel .functional-buttons a:link, ul.product_list.grid .functional-buttons a, ul.product_list.grid .functional-buttons a:link { color: #777777 !important; } .slick_carousel .functional-buttons a:hover, ul.product_list.grid .functional-buttons a:hover{ color: #2e3192 !important; } ul.product_list.grid > li, .product_list_small .ajax_block_product, .slick_carousel .ajax_block_product{ padding: 6px; } ul.product_list.grid > li .product-container, .product_list_small .ajax_block_product .product-container, .slick_carousel .ajax_block_product .product-container { border: 1px none #EBEBEB !important; padding: 9px; } ul.product_list, .product_list_small.row{ margin-left: -5px; margin-right: -5px; } ul.product_list.grid > li:hover .product-container, .product_list_small .ajax_block_product:hover .product-container, .slick_carousel .ajax_block_product:hover .product-container{ border-color: transparent !important; } .slick_carousel .product-name-container, ul.product_list.grid .product-name-container, .product_list_small .product-name-container{ height: 17px;}.slick_carousel .product-reference, ul.product_list.grid .product-reference{display: none !important;} .slick-prev, .slick-next{ color: #b3b3b3 !important; } .slick-prev:hover, .slick-next:hover{ color: #333333 !important; } .slick-prev, .slick-next{ background: transparent !important; } .slick-prev:hover, .slick-next:hover{ background: #B6B6B6 !important; } #product_condition{ display: none; } .new-label{color: #ffffff !important; background: #6ad4ff !important;} .sale-label, .price-percent-reduction, #reduction_percent, #reduction_amount{color: #ffffff !important; background: #f13340 !important;} .online-label{color: #777777 !important; background: #ffffff !important;} #availability_value, .cart_avail .label-success, .availabile_product{color: #ffffff !important; background: #46B64F !important;} ul.product_list .availability span.out-of-stock, .slick_carousel .availability span.out-of-stock, #availability_statut #availability_value.warning_inline, #availability_value.label-warning, #availability_value.label-danger , #last_quantities, ul.product_list .availability .available-dif, .slick_carousel .availability .available-dif {color: #ff0000 !important; background: #ffffff !important;} .price.product-price, .our_price_display, .special-price{color: #f13340 !important; } div.star:after{color: #f13340 !important;} .yotpo .yotpo-bottomline .icon-star, .yotpo .yotpo-bottomline .icon-half-star, .yotpo .yotpo-bottomline .icon-empty-star, .yotpo-stars .icon-star, .yotpo-stars .icon-empty-star, .yotpo-stars .yotpo-icon-star, .yotpo-stars .yotpo-icon-empty-star, .yotpo-stars .yotpo-icon-half-star, .yotpo-stars .icon-half-star{color: #f13340 !important;} .new-label, .sale-label, .online-label, ul.product_list .availability span, .slick_carousel .availability span{text-transform: none !important;} .button.button-small{ border: 1px none #d6d4d4!important; color: #ffffff !important; background: #6f6f6f !important;} .button.button-small:hover{color: #ffffff!important; background: #575757!important;} .button.button-medium{ border: 1px none #d6d4d4!important; color: #ffffff !important; background: #43b754!important;} .button.button-medium:hover{color: #ffffff!important; background: #3aa04c !important;} .button.ajax_add_to_cart_button, .button.lnk_view{ border: 1px none #d6d4d4!important; color: #ffffff !important; background: #ffa638 !important;} .button.ajax_add_to_cart_button:hover, .button.lnk_view:hover{color: #ffffff !important; background: #FFB738!important;} .box-info-product .exclusive{ border: 1px none #d6d4d4!important; color: #ffffff!important; background: #ffa638 !important;} .box-info-product .exclusive:hover{color: #ffffff !important; background: #FFB738!important;} .page-heading, .pb-center-column h1{font-size: 20px; line-height: 26px; } .page-subheading{font-size: 16px; line-height: 16px;} .nav-tabs > li > a, .block .title_block, .block h4, h3.page-product-heading{font-size: 16px; line-height: 16px;} .footer-container #footer1 h4, .footer-container #footer1 h4 a, .footer-container #footer h4, .footer-container #footer h4 a{font-size: 16px; line-height: 16px;} body, .form-control{font-size: 13px; line-height: 17px;} #center-layered-nav .layered_filter_center .layered_subtitle_heading, #center-layered-nav .layeredSortBy{font-size: 13px;} .pb-center-column .product-title{ font-size: 11px;} .product-name{ font-size: 13px; line-height:17px; } .price.product-price{ font-size: 20px;} .online-label, .new-label, .sale-label, ul.product_list .availability span, .slick_carousel .availability span{ font-size: 9px;} .breadcrumb{ font-size: 11px;} .btn{ font-size: 12px; line-height: 15px;} h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .nav-tabs > li > a, .mmtitle, .block .title_block, .block h4 {text-transform: none !important;} body{font-family: 'Open Sans', sans-serif !important;} body{background-color: #f8f8f8 !important;} header .banner{background-color: #001d85 !important;} header .nav{background-color: #001d85 !important;} header .nav{color: #f2f2f2 !important;} header .nav a, header .nav a:link, #slidetopcontentShower, .bt_compare, #languages-block-top div.current, #currencies-block-top div.current{color: #f2f2f2 !important;} header .nav a:hover, #slidetopcontentShower:hover, .bt_compare:hover, #languages-block-top div.current:hover, #currencies-block-top div.current:hover{color: #b3b3b3 !important;} header .nav{border-bottom: 1px none #d6d4d4; border-top: 1px none #d6d4d4; } #languages-block-top div.current.active div, #languages-block-top div.current.active, #languages-block-top ul, #languages-block-top a, #languages-block-top a:link, #currencies-block-top div.current.active div, #currencies-block-top div.current.active, #currencies-block-top ul, #currencies-block-top a, #currencies-block-top a:link {color: #777777 !important; background-color: #ffffff !important;} .header-container{background-color: #ffde00 !important;} .container-header, .sticky-header{background-color: !important;} .header-container{ border-bottom: 1px none rgb(50,39,131)!important; }.container-header .form-control{color: #2e3192 !important; background: #ffffff !important; border: 3px solid #2e3192!important; } .search-cat-selector .selector span:after{ border-right: 3px solid #2e3192; } .is_rtl #search_block_top .search-cat-selector .selector span{ border-left: 3px solid #2e3192; } #search_block_top .search-cat-selector .selector span{color: #2e3192 !important;} #search_block_top .form-control:-moz-placeholder { color: #2e3192 !important;} #search_block_top .form-control::-moz-placeholder { color: #2e3192 !important;} #search_block_top .form-control:-ms-input-placeholder { color: #2e3192 !important; } #search_block_top .form-control::-webkit-input-placeholder { color: #2e3192 !important; } #search_block_top .button-search:before{color: #2e3192 !important; } .container-header .form-control{border: none; !important;} .container-header{color: #777777;} .header_user_info, .header_user_info a, .header_user_info a:link {color: #777777} .header_user_info a:hover {color: #333333} .shopping_cart > a:first-child span.cart_name, .shopping_cart > a:first-child span.cart_name:before{color: #f2f2f2 ; background: #43b754;} .alt-cart .more_info .ajax_cart_quantity{color: #43b754 ; background: #43b754;}.shopping_cart .more_info{color: #f2f2f2 ; background: #43b754;} #header .cart_block{color: #777777 ; background: #ffffff;} #header .cart_block a, #header .cart_block a:link{color: #777777 ;} #header .cart_block a:hover{color: #333333 ;} #header .cart_block{ border: 1px solid #d6d4d4; } #header .cart_block *{border-color: #d6d4d4;} .cart_block .cart-buttons{background: #f6f6f6;} .mobile-main-wrapper{ background: #ffde00;} .mobile-condensed-header{ border-bottom: 1px solid #d6d4d4; } #mh-sticky > .mobile-h-logo{ background: #ffde00;} header .mh-button > span { color: #777777;} header .mh-button > span:hover, header .mh-button.active > span { color: #333; } .mobile-style3 .mh-button > span:hover, .mobile-style3 .mh-button.active > span { background: #F6F6F6; } .mobile-style3 .mh-button{ border-right: 1px solid #d6d4d4; } header .mobile-condensed-header .mh-drop{ background: #ffffff; color: #777777; } header .mobile-condensed-header .mh-drop a, header .mobile-condensed-header .mh-drop a:link, header .mobile-condensed-header .mh-drop a:hover{ background: #ffffff; color: #777777; } .mh-search-module .form-control{color: #777777 !important; background: #ffffff !important; border: 1px solid #d6d4d4!important; } .mh-search-module .search-cat-selector .selector span:after{ border-right: 1px solid #d6d4d4; } .is_rtl .mh-search-module .search-cat-selector .selector span{ border-left: 1px solid #d6d4d4; } .mh-search-module .search-cat-selector .selector span{color: #777777 !important;} .mh-search-module .form-control:-moz-placeholder { color: #777777 !important;} .mh-search-module .form-control::-moz-placeholder { color: #777777 !important;} .mh-search-module .form-control:-ms-input-placeholder { color: #777777 !important; } .mh-search-module .form-control::-webkit-input-placeholder { color: #777777 !important; } .mh-search-module .button-search:before{color: #777777 !important; } .columns-container{background-color: #00000000 !important;} #columns, body.content_only{background-color: #F8F8F8 !important;} body.content_only{background-image: none !important;} #columns .content-inner .block .title_block, #columns .content-inner .block h4 { border-bottom: 1px solid #d6d4d4!important; } .page-heading{ border-bottom: 1px solid #d6d4d4; border-color: #d6d4d4!important; } .not-index #columns .content-inner #center_column *, #index #columns .content-inner #center_column > div > section, #index #columns .content-inner #center_column > div > div, #index #columns .content-inner #center_column > div > section *, #index #columns .content-inner #center_column > div > div:not(#iqitcontentcreator) * , #index #columns .content-inner #center_column > div > #iqitcontentcreator .iqitcontent-column-inner > div, #index #columns .content-inner #center_column > div > #iqitcontentcreator .iqitcontent-column-inner > section, #index #columns .content-inner #center_column > div > #iqitcontentcreator .iqitcontent-column-inner > div *, #index #columns .content-inner #center_column > div > #iqitcontentcreator .iqitcontent-column-inner > section *, #columns .content-inner #right_column *, #columns .content-inner .form-control, #product_comments_block_tab div.comment .comment_details, #product_comments_block_tab div.comment{border-color: #d6d4d4;} #quantity_wanted_p input{border-color: #d6d4d4 !important;} #columns .content-inner .nav-tabs > li > a{border-color: transparent !important;} #columns .content-inner #thumbs_list li a{border-color: #F8F8F8;} #columns .content-inner #thumbs_list li a:hover, #columns .content-inner #thumbs_list li a.shown{border-color: #d6d4d4 !important;} #columns .content-inner .nav-tabs > li.active > a, #columns .content-inner .nav-tabs > li.active > a:hover, #columns .content-inner .nav-tabs > li.active > a:focus, #columns .content-inner .nav-tabs > li > a:hover{ border-color: #d6d4d4!important;} body.content_only *, body.content_only .form-control, #product_comments_block_tab div.comment .comment_details, #product_comments_block_tab div.comment{border-color: #d6d4d4;} #quantity_wanted_p input{border-color: #d6d4d4 !important;} body.content_only .nav-tabs > li > a{border-color: transparent;} body.content_only #thumbs_list li a{border-color: #F8F8F8;} body.content_only #thumbs_list li a:hover, body.content_only #thumbs_list li a.shown{border-color: #d6d4d4;} body.content_only .nav-tabs > li.active > a, body.content_only .nav-tabs > li.active > a:hover, body.content_only .nav-tabs > li.active > a:focus , body.content_only .nav-tabs > li > a:hover{ border-color: #d6d4d4; border-bottom-color: transparent;} .form-control, #quantity_wanted_p input, .form-control.grey, div.checker span, div.radio span, .delivery_options td{color: #9c9b9b; background-color: #ffffff;} .button-qty{ background-color: #9c9b9b; color: #ffffff; } #columns .content-inner, body.content_only, #layer_cart, #thumbs_list .slick-prev, #thumbs_list .slick-next{color: #4d4d4d !important; } .not-index #columns .content-inner #center_column a, .not-index #columns .content-inner #center_column a:link, #index #columns .content-inner #center_column > div > section a, #index #columns .content-inner #center_column > div > div:not(#iqitcontentcreator) a, #index #columns .content-inner #center_column > div > #iqitcontentcreator .iqitcontent-column-inner > div a, #index #columns .content-inner #center_column > div > #iqitcontentcreator .iqitcontent-column-inner > section a, #index #columns .content-inner #center_column > div > section a:link, #index #columns .content-inner #center_column > div > div:not(#iqitcontentcreator) a:link, #index #columns .content-inner #center_column > div > #iqitcontentcreator .iqitcontent-column-inner > div a:link, #index #columns .content-inner #center_column > div > #iqitcontentcreator .iqitcontent-column-inner > section a:link, #columns .content-inner #right_column a, #columns .content-inner #right_column a:link, #columns .content-inner #left_column .block a, #columns .content-inner #left_column .block a:link, body.content_only a, body.content_only a:link{color: #4d4d4d } .not-index #columns .content-inner #center_column a:hover, #index #columns .content-inner #center_column > div > section a:hover, #index #columns .content-inner #center_column > div > div:not(#iqitcontentcreator) a:hover, #index #columns .content-inner #center_column > div > #iqitcontentcreator .iqitcontent-column-inner > div a:hover, #index #columns .content-inner #center_column > div > #iqitcontentcreator .iqitcontent-column-inner > section a:hover, #columns .content-inner #right_column a:hover, #columns .content-inner #left_column .block a:hover, body.content_only a:hover{color: #777777 } #columns .content-inner .block .title_block, #columns .content-inner .block h4, #columns .content-inner .block .title_block a, #columns .content-inner .block h4 a, #columns .content-inner .nav-tabs > li > a, .pb-center-column h1, .page-heading, h3.page-product-heading {color: #4d4d4d !important; } body.content_only .block .title_block, body.content_only .block h4, body.content_only .block .title_block a, body.content_only .block h4 a, body.content_only .nav-tabs > li > a, .pb-center-column h1, .page-heading, h3.page-product-heading {color: #4d4d4d !important; } #columns .content-inner #center_column .form-control{ border: 1px solid #d6d4d4; }.box, #facebook_block, #cmsinfo_block, .table tfoot tr, .ph_simpleblog .simpleblog-posts .post-content, ul.step li.step_done{background:#f8f8f8 ; color:#4d4d4d ;} .table > thead > tr > th{background:#f8f8f8 ; color:#4d4d4d ;} #center-layered-nav .layered_filter_center .active.layered_subtitle_heading, #center-layered-nav .layered_filter_center .active.layered_subtitle_heading div, #center-layered-nav .layered_filter_center > ul, #center-layered-nav a, #center-layered-nav:link{color: #4d4d4d !important; background-color: #ffffff !important;} .slick-dots li button{ background-color: #b2c4de; } .slick-dots li.slick-active button{ background-color: #2e3192; }.alert-success{background-color: #55c65e !important; color: #ffffff !important;} .alert-info{background-color: #5192f3 !important; color: #ffffff !important;} .alert-warning{background-color: #fe9126 !important; color: #ffffff !important;} .alert-danger{background-color: #f3515c !important; color: #ffffff !important;} .footer-container{background-color: #ffffff !important;} .footer-container{padding-bottom: 0px;} .footer-container .footer-container-inner1{background-color: #f8f8f8 !important;} .footer-container .footer-container-inner1{border-bottom-color: #f8f8f8 !important; } .footer-container .footer-container-inner1{ border-top: 1px none #d6d4d4; } .footer-container #footer1 h4{ border-bottom: 1px solid #d6d4d4; } .footer-container #footer1 .bullet li{ border-top: 1px none #d6d4d4; } .footer-container #footer h4{ border-bottom: 1px solid #d6d4d4; } .footer-container #footer .bullet li{ border-top: 1px solid #d6d4d4; } #footer input[type="text"]{ border: 1px solid #d6d4d4; } .footer-container .footer-container-inner1, .footer-container .footer-container-inner1 #block_contact_infos > div ul li i{color: #4d4d4d !important; } .footer-container .footer-container-inner1 a, .footer-container .footer-container-inner1 a:link, .footer-container .footer-container-inner1 .bullet li a:before{color: #4d4d4d !important; } .footer-container .footer-container-inner1 a:hover{color: #777777 !important; } .footer-container .footer-container-inner1 h4, .footer-container .footer-container-inner1 h4 a, .footer-container .footer-container-inner1 h4 a:link, .footer-container .footer-container-inner1 h4 a:hover{color: #4d4d4d !important; } .footer-container .footer-container-inner{background-color: #f8f8f8 !important;} .footer-container .footer-container-inner{ border-bottom: 1px solid #d6d4d4; border-top: 1px solid #d6d4d4; } #footer .form-control{color: #9c9b9b ; background-color: #ffffff ;} #footer #newsletter_block_left .form-group .button-small{color: #9c9b9b !important;} .footer-container .footer-container-inner, .footer-container .footer-container-inner #block_contact_infos > div ul li i{color: #4d4d4d !important; } .footer-container .footer-container-inner a, .footer-container .footer-container-inner a:link, .footer-container .footer-container-inner .bullet li a:before{color: #4d4d4d !important; } .footer-container .footer-container-inner a:hover{color: #777777 !important; } .footer-container .footer-container-inner h4, .footer-container .footer-container-inner h4 a, .footer-container .footer-container-inner h4 a:link, .footer-container .footer-container-inner h4 a:hover{color: #555454 !important; } .social_block_mod li a{background-color: #808080 !important; } .social_block_mod li a:before{ color: #ffffff !important;} #toTop{ background-color: #ffffff; color: #666666; } #toTop:hover{ background-color: #575757; color: #ffffff; } #header .nav .shopping_cart { padding-top: 0px; } #desktop-header #search_block_top_content, #desktop-header #elasticsearch_block_top_content { float: right; } #elasticsearch_block_top .button-search::before { color: #2e3192 !important; } #elasticsearch_block_top .form-control::-moz-placeholder { color: #2e3192 !important; } #search_query_top, #elasticsearch_block_top .search_query { border-radius: 5px; } .header_user_info { position: absolute; right: 20px; } .call-to-actions, #editorial_block_center { background-color: #FEED01; } #reduction_amount, .product-flags .sale-label, .content_price .price-percent-reduction { display: none!important; } .our_price_display { font-weight: bold; font-size: 30px; } .content_price { font-weight: bold; } .tax-label { display: none; } #old_price_display { visibility: hidden; } #old_price_display .price { visibility: visible; font-size: 20px; } .tab-content { background-color: #FFFFFF; } @media (max-width: 999px) { #shopping_cart_container { display: none; } } #shopping_cart_container .cart_block { top: 40px; } #cart_voucher { visibility: hidden; } div#olea_promo_extra_right.olea_ps16, div#olea_promo_product_footer.olea_ps16 { color: rgb(241, 51, 64)!important; border-color: rgb(241, 51, 64)!important; font-weight: bold!important; } #product-pickup-only.alert-info { background-color: #FF0000!important; } /* ------ LEGO CMS PAGINA ------ */ .small { display: none; } @media all and (max-width: 768px) { .large { display: none; } .small { display: block; } } #welcome-banner-desktop { width: 100%; } #welcome-banner-mobile { width: 100%; } #lego-buttons-desktop { width: 100%; position: relative; float: left; margin-bottom: 40px; } #lego-buttons-desktop img { position: relative; float: left; width: 32%; margin-bottom: 40px; border-radius: 10px; -webkit-border-radius: 10px; } #lego-buttons-mobile { width: 100%; position: relative; float: left; } #lego-buttons-mobile img { border-radius: 5px; -webkit-border-radius: 5px; } #theme-buttons-desktop { width: 100%; position: relative; float: left; } #theme-buttons-desktop img { position: relative; float: left; width: 18%; } #theme-buttons-mobile { width: 100%; position: relative; float: left; } #theme-buttons-mobile img { position: relative; float: left; width: 46%; } .legohr { display: block; margin-top: 0px; margin-bottom: 13px; } #age-yellow { position:relative; float: left; width: 100%; margin: 20px 1% 20px 1%; border-radius: 12px; -webkit-border-radius: 12px; } .age-text { background-color: #fac80a; width: 385px; height: 43px; margin: 5px 0 0 15px; padding: 7px 0 0 26px; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; } .brick-age-1 { position: absolute; top: 15px; right: 32%; z-index: 9999; } .brick-age-2 { position: absolute; top: 25px; right: 25%; z-index: 9999; } .brick-age-3 { position: absolute; top: 2px; right: 8%; z-index: 9999; } #age-white { position:relative; float: left; width: 100%; background-color: white; border: solid; border-width: 3px; border-radius: 10px; -webkit-border-radius: 10px; } #age-white img { position: relative; float: left; width: 14.65%; } #age-yellow-mobile { position:relative; float: left; width: 100%; margin: 0px 1% 20px 1%; padding: 3px; background-color: #fac80a; border-radius: 6px; -webkit-border-radius: 6px; } .age-text-mobile { margin: 5px 0 10px 10px; } #age-white-mobile { position: relative; float: left; width: 100%; padding: 0 1% 1.5% 1%; background-color: white; border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; } #age-white-mobile img { position: relative; float: left; width: 31.3%; } #legotext { position:relative; float: left; margin-left: 1%; margin-right: 1%; } #list-yellow { position:relative; float: left; width: 100%; margin-left: 1%; margin-right: 1%; margin-top: 20px; margin-bottom: 20px; padding: 3px; background-color: #fac80a; border-radius: 12px; -webkit-border-radius: 12px; } .img-bricks-list { width: 186px; height: 41px; position: absolute; top: 0px; right: 10%; z-index: 9999; } #list-white { position:relative; float: left; width: 100%; background-color: white; border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; } #list-white ul { display: block; float: left; text-decoration: none; list-style-type: none; width: 25%; padding-left: 12px; padding-top: 12px; line-height: 2em; } #list-white ul li a { text-decoration: none; } #legocopyright-desktop { position:relative; float: left; margin-left: 1%; margin-right: 1%; font-size: 0.8em; line-height: 0.8em; margin-top: 10px; } #legocopyright-mobile { position:relative; float: left; margin-left: 1%; margin-right: 1%; font-size: 0.8em; line-height: 0.8em; margin-top: 10px; } /* ------ END LEGO CMS PAGINA ------ */ /* ------ GEBOORTELIJSTEN CMS PAGINA ------ */ #geboortelijsten-banner-desktop { width: 100%; height: 400px; margin-bottom: 25px; background: url('https://www.suprabazar.be/images/geboortelijsten/geboortelijsten_banner.jpg') no-repeat center center; } #geboortelijsten-banner-text-desktop { padding-top: 85px; padding-left: 60px; color: #000000; } .geboortelijsten-h1 { font-weight: bold; line-height: 1.3em; } .geboortelijsten-h2 { font-size: 24px; margin-bottom: 25px; } .geboortelijsten-banner-link { text-decoration: none; color: white; font-size: 18px; padding: 10px 40px 10px 40px; background-color: #4d4d4d; border-radius: 3px; -webkit-border-radius: 3px; } #geboortelijsten-banner-mobile { width: 100%; height: 300px; margin-bottom: 25px; background: url('https://www.suprabazar.be/images/geboortelijsten/geboortelijsten_banner_mobile.jpg') no-repeat center right; } #geboortelijsten-banner-text-mobile { padding-top: 30px; padding-left: 20px; padding-right: 20px; color: #000000; } .geboortelijsten-buttons-desktop { position: relative; float: left; width: 49%; min-height: 100px; background-color: #FFFFFF; border-style: solid; border-width: 3px; border-radius: 6px; -webkit-border-radius: 6px; padding: 12px; color: #4d4d4d; font-size: 24px; line-height: 1.3em; } .geboortelijsten-buttons-mobile { position: relative; float: left; width: 100%; min-height: 60px; background-color: #FFFFFF; border-style: solid; border-width: 3px; border-radius: 6px; -webkit-border-radius: 6px; padding:8px; color: #4d4d4d; font-size: 18px; line-height: 1.3em; } #geboortelijsten-call-to-actions-desktop { width: 100%; position: relative; float: left; margin-top: 50px; margin-bottom: 50px; } .CTA { width: 33.33%; float: left; padding: 0px 45px 10px 45px; border-right: 1px solid #d6d4d4; text-align: center; } .CTA-title { font-size: 24px; font-weight: bold; } .CTA-mobile { width: 100%; position: relative; float: left; padding: 10px 0px 10px 0px; border-bottom: 1px solid #d6d4d4; text-align: center; } #geboortelijsten-banners-desktop { position: relative; float: left; width: 100% } #geboortelijsten-banners-desktop img { position: relative; float: left; width: 32%; } #geboortelijsten-banners-mobile { position: relative; float: left; width: 100% } #geboortelijsten-banners-mobile img { position: relative; float: left; width: 100%; margin-bottom: 25px; } /* ------ END GEBOORTELIJSTEN CMS PAGINA ------ */ /* ------ BLACK FRIDAY CMS PAGINA ------ */ #blackfriday-banner { width: 100%; margin-bottom: 15px; } #blackfriday-producten-desktop { width: 100%; position: relative; float: left; } #blackfriday-product-box-desktop { position: relative; float: left; width: 18%; height: 320px; margin: 0 1% 10px 1%; } #blackfriday-product-box-desktop img { width: 100%; position: relative; float: left; } .blackfriday-product-naam { font-size: 16px; font-weight: bold; } .blackfriday-product-prijs-1 { text-decoration: line-through; } .blackfriday-product-prijs-2 { font-size: 18px; font-weight: bold; margin-left: 10px; } #blackfriday-producten-mobile { width: 100%; position: relative; float: left; } #blackfriday-product-box-mobile { position: relative; float: left; width: 46%; min-height: 300px; margin: 0 2% 15px 2%; } #blackfriday-product-box-mobile img { width: 100%; position: relative; float: left; } #blackfriday-lego { width: 100%; } #blackfriday-gaming-desktop { width: 100%; position: relative; float: left; } #blackfriday-gaming-desktop img { position: relative; float: left; width: 49%; } #blackfriday-gaming-mobile { width: 100%; position: relative; float: left; } #blackfriday-gaming-mobile img { position: relative; float: left; width: 100%; } #blackfriday-nedis { width: 100%; } /* ------ END BLACK FRIDAY CMS PAGINA ------ */ /* ------ KERST CMS PAGINA ------ */ #kerst-banner { width: 98%; margin: 0 1% 10px 1%; } .fourth{ width: 25%; height:auto; float: left; } .half { width: 50%; float: left; height:auto; } .fourth a:hover{ opacity:0.7; transition: opacity .4s ease-out; -moz-transition: opacity .4s ease-out; -webkit-transition: opacity .4s ease-out; -o-transition: opacity .4s ease-out; } .half a:hover{ opacity:0.7; transition: opacity .4s ease-out; -moz-transition: opacity .4s ease-out; -webkit-transition: opacity .4s ease-out; -o-transition: opacity .4s ease-out; } @media only screen and (max-width: 600px) { /* For tablets: */ .half {width: 100%;} .fourth {width: 50%;} } /* ------ END KERST CMS PAGINA ------ */ /* --- Begin Hue page --- */ .full{ width:100%; } .three{ float:left; } .three-item{ float:left; width:32%; margin-bottom:2%; position:relative; opacity:0.88; font-size:5em; } .three-item:hover{ opacity:1; transition: opacity .4s ease-out; -moz-transition: opacity .4s ease-out; -webkit-transition: opacity .4s ease-out; -o-transition: opacity .4s ease-out; } .three-item img{ margin:0; } .three h3{ background-color:#21201e; color:#fff; margin:2%; text-align: center; font-weight:bold; } .cat{ float:left; margin-bottom:1.5%; } .cat-item{ float:left; width:32%; margin-bottom:2%; position:relative; opacity:0.88; font-size:5em; } .cat-item:hover{ opacity:1; transition: opacity .4s ease-out; -moz-transition: opacity .4s ease-out; -webkit-transition: opacity .4s ease-out; -o-transition: opacity .4s ease-out; } .cat-item img{ margin:0; } .cat h3{ background-color:#21201e; color:#fff; margin:2%; text-align: center; font-weight:bold; } #line{ clear:both; } .uitleg{ clear:both; display:block; margin-top:1%; margin-bottom:1.5%; } .uitleg img{ float:left; width: 48%; height: auto; padding-right: 4%; margin-bottom:1.5%; } .uitleg h3{ font-weight:bold; margin-bottom:2%; } .uitleg p{ color:#000; margin-bottom:1.2%; } .uitleg_pics{ clear:both; margin-bottom:1.5%; margin-top:1.5%; } .uitleg_pics_item{ float:left; width:32%; margin-bottom:2%; } .uitleg_pics_item img{ margin:0; } @media only screen and (max-width: 600px) { /* For tablets: */ .uitleg_pics_item {width: 100%;} .uitleg img {width: 100%;} .three-item {width: 100%;} .cat-item {width: 100%;} video {width: 100%;} } .video_hue{ clear:both; } /* --- End Hue page ---*/ form.showall { display: none; } /* --- Begin Vaderdag page --- */ #vaderdag-banner { width: 100%; } .one_vader{ width: 100%; height:auto; float: left; } .half_vader{ width: 50%; height:auto; float: left; } .three_vader{ width: 33.33%; height:auto; float: left; } .three_vader a:hover{ opacity:0.7; transition: opacity .4s ease-out; -moz-transition: opacity .4s ease-out; -webkit-transition: opacity .4s ease-out; -o-transition: opacity .4s ease-out; } .half_vader a:hover{ opacity:0.7; transition: opacity .4s ease-out; -moz-transition: opacity .4s ease-out; -webkit-transition: opacity .4s ease-out; -o-transition: opacity .4s ease-out; } .one_vader a:hover{ opacity:0.7; transition: opacity .4s ease-out; -moz-transition: opacity .4s ease-out; -webkit-transition: opacity .4s ease-out; -o-transition: opacity .4s ease-out; } @media only screen and (max-width: 600px) { /* For tablets: */ .half_vader {width: 100%;} .three_vader {width: 100%;} } /* --- End Vaderdag page ---*/ /* --- Begin ps5 page ---*/ .uitleg_ps5{ text-align:center; margin-bottom:5%; } .uitleg_ps5 h4{ font-size: 1.6em; margin-bottom:1.1em; } .uitleg_ps5 p{ display:block; font-size:1.2em; } .controller_{ text-align:center; } .controller_ h2{ font-size: 2.8em; font-weight:bold; margin-bottom:4%; padding-top:2%; } .controller_ h4{ font-size: 1.6em; margin-bottom:1.1em; } .controller_ p{ font-size:1.2em; } #cms #center_column p{ line-height:26px; } .headset{ margin-top:8%; text-align:center; margin-bottom:6%; } .headset img{ float:left; width: 48%; height: auto; padding-right: 4%; margin-bottom:1.5%; } .headset h2{ font-size: 2.8em; font-weight:bold; padding-top:4%; margin-bottom:4%; } .headset p{ font-size:1.2em; } #youtube_ps5{ padding-top:4%; clear:both; } .remote{ clear:both; margin-top:2em; text-align:center; margin-bottom:4em; } .remote img{ float:left; width: 48%; height: auto; padding-right: 4%; margin-bottom:1.5%; } .remote h2{ font-size: 2.8em; font-weight:bold; padding-top:4%; margin-bottom:4%; } .remote p{ font-size:1.2em; } @media only screen and (max-width: 600px) { /* For tablets: */ .remote img {width: 100%;} .headset img {width: 100%;} } .preorder{ margin-top:4em; } /* --- Begin Xbox Series X page --- */ #xbox_page{ left: 50%; margin-left: -50vw; margin-right: -50vw; max-width: 100vw; position: relative; right: 50%; width: 100vw; background-color:rgba(5,5,7,1); } #xbox_page_wrapper{ margin:auto; padding:0; max-width:1270px; position:relative; } .big_xbox{ padding-top: 4%; padding-bottom: 4%; } .preorder_xbox{ width:100%; padding-bottom:5%; } /* ---- Kerstpagina ---- */ .col-sm-8- { width:66%; float:left; } .col-sm-4- { margin-bottom: 4%; width: 33%; float:left; } .col-sm-4- img{ height: auto; } .col-sm-4- h5{ margin-bottom: 6%; font-weight: bold; font-size:1.2em; } .col-sm-4- a{ font-weight: bold; } .col-sm-4- a:hover{ opacity: 0.92; text-decoration:underline; } .col-sm-12- img{ width: 100%; height: auto; } .col-sm-3- img{ height: auto; margin-bottom: 4%; border: 0.5px solid #820812; } .col-sm-3-{ margin-bottom: 4%; width:24%; float:left; } .col-sm-3- a{ color: black; font-weight: bold; } .col-sm-3- a:hover{ text-decoration: underline; opacity: 0.92; } .col-sm-3- h5{ margin-bottom: 6%; font-weight: bold; font-size:1.2em; } .col-sm-3- h6{ font-weight: bold; } #row_red{ background-color: rgba(130,8,18,0.1); margin-bottom: 5%; } .col-sm-3- ul li{ margin-top: 8%; list-style: none; } #myVideo { position: relative; right: 0; bottom: 0; min-width: 100%; min-height: 100%; margin-right:1%; } @media only screen and (max-width: 400px) { /* For tablets: */ .col-sm-8- {width: 100%;} .col-sm-4- {width: 100%;} .col-sm-3- {width: 48%;} #iframe {height:400px;} } /* zwarte streep */ #iqitmegamenu-accordion.cbp-spmenu li a:hover{ -webkit-box-shadow: inset -4px 0px 10px -4px rgba(0, 0, 0, 0.4)!important; -moz-box-shadow: inset -4px 0px 10px -4px rgba(0, 0, 0, 0.4)!important; box-shadow: inset -4px 0px 10px -4px rgba(0, 0, 0, 0.4)!important; } #iqitmegamenu-accordion.cbp-spmenu > li ul{ -webkit-box-shadow: inset -4px 0px 10px -4px rgba(0, 0, 0, 0.4)!important; -moz-box-shadow: inset -4px 0px 10px -4px rgba(0, 0, 0, 0.4)!important; box-shadow: inset -4px 0px 10px -4px rgba(0, 0, 0, 0.4)!important; } .cbp-spmenu{ -webkit-box-shadow: inset -4px 0px 10px -4px rgba(0, 0, 0, 0.4)!important; -moz-box-shadow: inset -4px 0px 10px -4px rgba(0, 0, 0, 0.4)!important; box-shadow: inset -4px 0px 10px -4px rgba(0, 0, 0, 0.4)!important; } #cbp-close-mobile{ -webkit-box-shadow: inset -4px 0px 10px -4px rgba(0, 0, 0, 0.4)!important; -moz-box-shadow: inset -4px 0px 10px -4px rgba(0, 0, 0, 0.4)!important; box-shadow: inset -4px 0px 10px -4px rgba(0, 0, 0, 0.4)!important; } .valentijn_link:hover{ opacity:0.9; } .col-6- { margin-right: 2%; float: left; width:48%;} @media only screen and (max-width: 400px) { /* For tablets: */ .container{max-width: 90%;} .col-6-{clear:both; width:100%;} } /* FAQ pagina */ #hashLink { display: none; } #hashLink:target { display: block; } .expando { display: none; } .expando:target { display: block; } #verzendenenafhalen{ } #verzendenenafhalen:hover{ -webkit-transform: scale(1.006); transform: scale(1.006); opacity:0.85; } #betalen_icon:hover{ -webkit-transform: scale(1.006); transform: scale(1.006); opacity:0.85; } #geboortelijst_icon:hover{ -webkit-transform: scale(1.006); transform: scale(1.006); opacity:0.9; } #voorkomendevragen:hover{ -webkit-transform: scale(1.006); transform: scale(1.006); opacity:0.85; } #retoursenschade:hover{ -webkit-transform: scale(1.006); transform: scale(1.006); opacity:0.85; } #voorraad_icon:hover{ -webkit-transform: scale(1.006); transform: scale(1.006); opacity:0.85; } #faq_underline{ text-decoration:underline; text-decoration-color:rgb(255,222,0); color:rgb(0,29,133); font-weight:bold; text-decoration-thickness:3px; }