/** * 2019-02-01 21:55:19 */ body { background-color: #d7b27d; color: #333333; font-size: 14px; } a { color: #333333; } a:hover, .sideacco li.current > a, h2.product-name a:hover, h3.product-name a:hover, h4.product-name a:hover, h5.product-name a:hover, p.product-name a:hover { color: #cc3872; } .action.primary { background-color: #eeeeee; color: #333333; } .action.primary:hover, .action.primary:focus { background-color: #6ca8ff; color: #ffffff; } .product-view .action.primary, .action.primary.checkout { background-color: #cc3872; color: #ffffff; } .product-view .action.primary:hover, .action.primary.checkout:hover { background-color: #6ca8ff; color: #ffffff; } .links > li > a:hover { background-color: #333333; color: #ffffff !important; } .sticker.new { background-color: #b2da24; color: #ffffff; } .sticker.sale { background-color: #e95d0f; color: #ffffff; } .opc-progress-bar-item._active:before, .opc-progress-bar-item._active > span:before, .opc-wrapper .shipping-address-item.selected-item:after, /* .minicart-wrapper .action.showcart .counter.qty, .mini-cart .dropdown-heading.action .counter.qty, .mini-compare .dropdown-heading.action .counter.qty, */ .filter-title strong[data-count]:after, .main-color--bg { background-color: #5bd2ec; } .opc-wrapper .shipping-address-item.selected-item, .main-color--border { border-color: #5bd2ec; } .fotorama__thumb-border { border-color: #333; } .swatch-option.selected, .swatch-attribute.size .swatch-option.selected, .swatch-attribute.manufacturer .swatch-option.selected, .swatch-option:not(.disabled):hover, .swatch-option.image:not(.disabled):hover, .swatch-option.color:not(.disabled):hover { outline-color: #333; } .price-box .price { color: #725be7; } .special-price .price, .special-price .price-label { color: #F70046; } .old-price .price, .old-price .price-label, .old-price, .old.price { color: #ccc; } .rating-summary .rating-result > span:before, .review-control-vote label:before { color: #333333; } .additional-bg-color, .cart-summary, .opc-block-summary, .opc-estimated-wrapper, .bundle-options-container .block-bundle-summary, .block-collapsible-nav .content, /* Legacy styles selectors, may be deprecated (review it later): */ .checkout-agreements li { background-color: #f5f5f5; } .minicart-wrapper .action.showcart .counter.qty, .mini-cart .dropdown-heading.action .counter.qty, .mini-compare .dropdown-heading.action .counter.qty, .dropdown-heading.action .counter.qty, .skip-link .counter { background-color: #5bd2ec; } /* Custom content class */ .main-font, /* Headings */ h1, h2, h3, h4, h5, .section-title, .products-list .product-name, .filter .block-subtitle, /* Generic */ .feature .heading, .uaccordion .heading, /* Main menu */ /* Regular mode */ .nav-regular .nav-item.level0 > a, /* level 1 */ /* Mega dropdown */ .nav-regular .nav-submenu--mega > li > a, /* First level of mega dropdown */ /* Mobile mode */ .menu-trigger, .nav-mobile .nav-item.level0 > a, .nav-mobile .nav-item.level1 > a, .nav-mobile .nav-item.level2 > a, /* Holder for additional elements inside the menu bar */ .nav-holder .dropdown-block .dropdown-heading, /* Block headings */ .block .block-title, /* Checkout headings */ #opc-login h3, /* Multiple checkout */ /*.fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend,*/ /* Account */ .box-account .box-head h2, .order-items h2.table-caption, .order-items h2.sub-title, .order-items .order-comments h2, /* TODO: Product page */ .gen-tabs .tabs a, .product-view .product.data.items > .item.title > .switch, /* Footer headings */ .footer .heading, #subscribe-form label, /* Captions */ .caption .heading { font-family: "ABeeZee", georgia, serif; } /* Toolbar */ .sorter .view-mode a, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc, .pager .pages a, .pager .pages .current, /* Add-to links */ .addto-links .ic, /* Slider arrows */ .slider-arrows1 .owl-controls .owl-buttons div, .slider-arrows1 .owl-controls.clickable .owl-buttons div.disabled:hover, .slider-arrows2 .owl-controls .owl-buttons div, .slider-arrows3 .owl-controls .owl-buttons div, .slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover, /* Slider pagination */ .slider-pagination1 .owl-controls .owl-page span, .slider-pagination2 .owl-controls .owl-page span, /* Lightbox */ #cboxPrevious, #cboxNext, #cboxClose, /* Accordion and collapsible: opener */ .uaccordion-style1 .opener, .collapsible .opener, /* Quantity button */ .qty-button, /* Scroll to top */ #scroll-to-top { background-color: #f5f5f5; color: #333333; } /* Toolbar */ .sorter .view-mode a:hover, .sorter .sort-by .category-asc:hover, .sorter .sort-by .category-desc:hover, .pager .pages li a:hover, /* Add-to links */ .addto-links .ic:hover, .addto-links .feature-icon-hover:hover .ic, /* Slider arrows */ .slider-arrows1 .owl-controls.clickable .owl-buttons div:hover, .slider-arrows2 .owl-controls.clickable .owl-buttons div:hover, .slider-arrows3 .owl-controls.clickable .owl-buttons div:hover, /* Slider pagination */ .slider-pagination1 .owl-controls.clickable .owl-page:hover span, .slider-pagination2 .owl-controls.clickable .owl-page:hover span, /* Lightbox */ #cboxPrevious:hover, #cboxNext:hover, #cboxClose:hover, /* Accordion and collapsible: opener */ .uaccordion-style1 .opener:hover, .collapsible .opener:hover, /* Quantity button */ .qty-button:hover, /* Scroll to top */ #scroll-to-top:hover { background-color: #111111; color: #ffffff; } /* Slider pagination */ .slider-pagination1 .owl-controls .owl-page.active span, .slider-pagination1 .owl-controls.clickable .owl-page.active:hover span, /* Active state overrides hover state */ .slider-pagination2 .owl-controls .owl-page.active span, .slider-pagination2 .owl-controls.clickable .owl-page.active:hover span, /* Active state overrides hover state */ .sorter .view-mode span.grid, .sorter .view-mode span.list, .pager .pages .current { background-color: #e5e5e5; color: #333333; } .ib, /* For backward compatibility: */ .feature > span.icon { background-color: #cc3872; color: #ffffff; } .ib-hover:hover, .feature-icon-hover:hover .ib, /* For backward compatibility: */ .icon-hover:hover, .feature-icon-hover:hover > span.icon { background-color: #6ca8ff !important; color: #ffffff !important; } .ib.icon-color-productview, span.icon.icon-color-productview { background-color: #eeeeee; } .ib-hover.icon-color-productview:hover, .feature-icon-hover:hover .ib.icon-color-productview, .feature-icon-hover:hover span.icon.icon-color-productview { background-color: #b2da24 !important; } body { background-image: url(bg/sandy-beach-soft-wave-sm-optimized.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: center top; } .footer-container2 { background-image: url(../../../../../../../pub/static/frontend/CoolBlueWeb/ultimo/en_US/images/tex/white/9.png); } .page-wrapper { border-top-color: #333333; border-top-style: solid; border-top-width: 5px; } .inner-container { padding-left: 12px; padding-right: 12px; } .header-container { background-color: transparent; } .header.container { background-color: transparent; } .header a { } .header a:hover { } .header-container3 { } .header-regular .search-wrapper { max-width: 185px; } .header-regular .block-search .input-text { background-color: #ffffff; border-color: transparent; } .header-regular .block-search .input-text:hover, { background-color: #ffffff; border-color: transparent; } .header-regular .block-search .input-text, .header-regular .block-search .action.search:before { color: #333333; } .header-regular .block-search .input-text:hover, .header-regular .block-search .action.search:hover, .header-regular .block-search .action.search:focus, .header-regular .block-search .action.search:hover:before, .header-regular .block-search .action.search:focus:before { color: #333333; } .block-search .input-text { border: none; } .header-container .dropdown-block .dropdown-content, .header-container .dropdown-block.open > .dropdown-heading.cover > *, .header-container .truncated .truncated_full_value .item-options, .header-container .form-search .search-autocomplete { background-color: #ffffff; color: #333333; } .header-container .dropdown-block .dropdown-content a, .header-container .dropdown-block .dropdown-content .action:before, .header-container .dropdown-block.open > .dropdown-heading.cover a, .header-container .form-search .search-autocomplete li { color: #333333; } .header-container .dropdown-block .dropdown-content a:hover, .header-container .dropdown-block .dropdown-content .action:hover:before, .header-container .dropdown-block.open > .dropdown-heading.cover a:hover, .header-container .form-search .search-autocomplete li:hover { color: #cc3872; } .header-top-container { } .header-top { background-color: transparent; } .header-top a { } .header-top a:hover { } .header-top, .header-top .dropdown-block .dropdown-heading, .header-top .links > li > * { line-height: 36px; } .header-top .central-column, .header-top .dropdown-block .dropdown-heading { max-height: 36px; } .header-primary-container { } .header-primary { padding-top: 10px; padding-bottom: 10px; } .header-primary .dropdown-block .dropdown-heading, .header-primary .links > li > * { font-size: 14px; line-height: 36px; } .header-primary .dropdown-block .dropdown-heading { max-height: 36px; } .cat-label-label1 { background-color: #6ca8ff; color: #ffffff; } .cat-label-label2 { background-color: #cc3872; color: #ffffff; } li.level0 > a > span > .cat-label-label1.pin-bottom:before { border-top-color: #6ca8ff; } li.level0 > a > span > .cat-label-label2.pin-bottom:before { border-top-color: #cc3872; } li > a:hover > span > .cat-label, .nav-regular li.level0:hover > a > span > .cat-label /* Top-level category label is highlighted on item hover, not on link hover */ { background-color: #333333; color: #ffffff; } li.level0 > a:hover > span > .pin-bottom:before, .nav-regular li.level0:hover > a > span > .pin-bottom:before { border-top-color: #333333; } .navi .nav-panel--dropdown { background-color: #ffffff; color: #333333; } .nav-regular .nav-panel--dropdown .nav-item > a:hover { background-color: #f0f8ff; } .navi .nav-panel--dropdown a { color: #333333; } .navi .nav-panel--dropdown a:hover { color: #cc3872; } .nav-regular .nav-panel--dropdown, .navi.nav-vert-triggerable { -moz-box-shadow:0 3px 10px rgba(0,0,0, 0.15); -webkit-box-shadow:0 3px 10px rgba(0,0,0, 0.15); box-shadow:0 3px 10px rgba(0,0,0, 0.15); } .nav-mobile div.nav-panel--dropdown { -moz-box-shadow: 0 3px 10px rgba(0,0,0, 0.15); -webkit-box-shadow: 0 3px 10px rgba(0,0,0, 0.15); box-shadow: 0 3px 10px rgba(0,0,0, 0.15); z-index: 1; position: relative; } .nav-mobile div.nav-panel--dropdown div.nav-panel--dropdown { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; } .nav-container { background-color: transparent; } .nav.container { background-color: #ffffff; padding-top: 12px; padding-bottom: 12px; } .nav .mobnav-trigger { margin-bottom: 0; } .sticky-header .nav-container, .sticky-header .navi-wrapper, .sticky-header .nav-regular:not(.nav-vert) { background-color: #ffffff; } .sticky-header .nav-regular:not(.nav-vert) .nav-item.level0 > a, .sticky-header .nav-regular .nav-item--homeicon a, .sticky-header .nav-regular .nav-item--homeicon.active a, .sticky-header .nav-holder .dropdown-block .dropdown-heading { color: #333333; } .sticky-header .nav-border-bottom { border-bottom: none; } .navi-wrapper, .nav-regular { background-color: transparent; } .nav-regular:not(.nav-vert) .nav-item.level0 > a, .nav-holder .dropdown-block .dropdown-heading, .nav-regular .nav-holder a.dropdown-heading:hover { color: #000000; } .navi .nav-item--homeicon a { color: #000000 !important; } .nav-mobile .nav-item.level0 > a { background-color: transparent; color: #000000; } .nav-mobile .nav-item.level0 > .opener { color: #000000; } .navi.nav-mobile ul.level0 .nav-item > a { background-color: transparent; color: #000000; } .nav-mobile ul.level0 .nav-item > .opener { color: #000000; } .nav-regular:not(.nav-vert) .nav-item.level0.active > a { background-color: #6ca8ff; color: #ffffff; } .nav-mobile .nav-item.level0.current > a { background-color: #6ca8ff; color: #ffffff; } .nav-mobile .nav-item.level0.current > .opener { color: #ffffff; } .navi.nav-mobile ul.level0 .nav-item.current > a { background-color: #6ca8ff; color: #ffffff; } .nav-mobile ul.level0 .nav-item.current > .opener { color: #ffffff; } .nav-regular:not(.nav-vert) .nav-item.level0:hover > a { background-color: #E70015; color: #ffffff; } .nav-mobile .nav-item.level0 > a:hover { background-color: #E70015; color: #ffffff; } .nav-mobile .nav-item.level0 > a:hover + .opener { color: #ffffff; } .navi.nav-mobile ul.level0 .nav-item > a:hover { background-color: #E70015; color: #ffffff; } .nav-mobile ul.level0 .nav-item > a:hover + .opener { color: #ffffff; } .nav-vert .nav-item.level0 > a { background-color: #f8f8f8; color: #333333; } .sideacco .nav-item > a { background-color: #f8f8f8; color: #333333; } .sideacco .nav-item > .opener { color: #333333; } .nav-vert .nav-item.level0.active > a { background-color: #333333; color: #f5f5f5; } .sideacco .nav-item.current > a { background-color: #333333; color: #f5f5f5; } .sideacco .nav-item.current > .opener { color: #f5f5f5; } .nav-vert .nav-item.level0:hover > a { background-color: #5bd2ec; color: #ffffff; } .sideacco .nav-item > a:hover { background-color: #5bd2ec; color: #ffffff; } .sideacco .nav-item > a:hover + .opener { color: #ffffff; } .menu-trigger, .nav-regular .nav-item.level0 > a { line-height: 50px; } .navi.nav-vert-triggerable { top: 50px; } .nav-holder > * { line-height: 50px; max-height: 50px; } .nav-holder .dropdown-block .dropdown-heading { line-height: 50px; max-height: 50px; } .nav-vert .nav-item.level0 > a { line-height: 36px; } .sideacco .nav-item > a { line-height: 36px; } .sideacco .nav-item.parent > a { padding-right: 36px; } .sideacco .nav-item > .opener { width: 36px; height: 36px; line-height: 36px; } .nav-mobile .nav-item { margin-top: 1px !important; } .nav-mobile { background-color: #444444; } .menu-trigger .menu-trigger-inner { background-color: transparent; color: #000000; } .menu-trigger .menu-trigger-inner:hover { background-color: #E70015; color: #ffffff; } .menu-trigger.active .menu-trigger-inner { background-color: #E70015; color: #ffffff; } .menu-trigger .menu-trigger-inner .trigger-icon .line { background-color: #000000; } .menu-trigger .menu-trigger-inner:hover .trigger-icon .line { background-color: #ffffff; } .menu-trigger.active .menu-trigger-inner .trigger-icon .line { background-color: #ffffff; } .vertnav-trigger .menu-trigger-inner { background-color: #f7f7f7; color: #333333; } .vertnav-trigger .menu-trigger-inner .trigger-icon .line { background-color: #333333; } .vertnav-trigger, .nav-regular .nav-item.level0 > a, .nav-holder .dropdown-block .dropdown-heading { font-size:18px; } .nav-regular .nav-item > a { font-size:16px; } .nav-regular .nav-submenu--mega .nav-item > a { font-size:12px; } .nav-regular .nav-submenu--mega > .nav-item > a { font-size:16px; } .nav-mobile li.nav-item > a { font-size:14px; } .mobnav-trigger, .nav-mobile .nav-item.level0 > a { font-size:16px; text-transform: none; } .nav-mobile .nav-item.level1 > a { font-size:16px; text-transform: none; } @media only screen and (min-width: 1024px) and (max-width: 1279px) { /* Menu */ .nav-regular:not(.nav-vert) .nav-item.level0 > a, .nav-regular .nav-holder .dropdown-heading { font-size: 16px; } .nav-regular:not(.nav-vert) .nav-item.level0 > a { padding: 0 6px; } } @media only screen and (min-width: 960px) and (max-width: 1023px) { /* Menu */ .nav-regular:not(.nav-vert) .nav-item.level0 > a, .nav-regular .nav-holder .dropdown-heading { font-size: 16px; } .nav-regular:not(.nav-vert) .nav-item.level0 > a { padding: 0 4px; } } @media only screen and (max-width: 959px) { /* Menu */ .nav-regular:not(.nav-vert) .nav-item.level0 > a, .nav-regular .nav-holder .dropdown-heading { font-size: 15px; } .nav-regular:not(.nav-vert) .nav-item.level0 > a { padding: 0 3px; } } .header-container-micro { background-color: rgba(0,0,0, 0.02); } .header-mobile.header-container, .header-mobile .header-m-container, .header-mobile .nav-container { padding-top: 0; padding-bottom: 0; } .header-mobile .header-m-top, .header-mobile .header-m-primary, .header-mobile .nav { } .header-mobile .header-container3 { } .header-mobile .skip-link { background-color: transparent; color: #333333; } .header-mobile .skip-link.skip-active { background-color: #f5f5f5; color: #3ec2df; } .header-mobile .skip-link:hover { background-color: #5bd2ec; color: #ffffff; } .header-mobile .skip-content--style { background-color: #f5f5f5; color: #333333; } .header-mobile .skip-content--style a { color: #333333; } .header-mobile .skip-content--style a:hover { color: #3ec2df; } .main-container { background-color: transparent; } .main.container { background-color: #ffffff; padding-top: 20px; padding-bottom: 20px; } .truncated .item-options { background-color: #ffffff; } .category-products-grid .item, .products-list .item { } .category-products-grid .item:hover, .products-list .item:hover { } /* Slider arrows */ .the-slideshow .owl-controls .owl-buttons div, /* Slider pagination */ .the-slideshow.slider-pagination1 .owl-controls .owl-page span, /* For pagination2 default color overrides color of active state and hover state */ .the-slideshow.slider-pagination2 .owl-controls .owl-page span, .the-slideshow.slider-pagination2 .owl-controls .owl-page.active span, .the-slideshow.slider-pagination2 .owl-controls.clickable .owl-page.active:hover span { background-color: #ffffff; color: #333333; } /* Slider arrows */ .the-slideshow .owl-controls.clickable .owl-buttons div:hover, /* Slider pagination */ .the-slideshow.slider-pagination1 .owl-controls.clickable .owl-page:hover span, .the-slideshow.slider-pagination2 .owl-controls.clickable .owl-page:hover span { background-color: #000000; color: #ffffff; } .the-slideshow.slider-pagination1 .owl-controls .owl-page.active span, .the-slideshow.slider-pagination1 .owl-controls.clickable .owl-page.active:hover span /* Active state overrides hover state */ { background-color: #cc3872; } .footer-container { background-color: transparent; } .footer { background-color: transparent; color: #000000; } .footer a { color: #000000; } .footer a:hover { color: #ffffff; } .footer .button { background-color: #666666; color: #ffffff; } .footer .button:hover, .footer .button:focus { background-color: #000000; color: #ffffff; } .footer .ib, .footer span.icon /* For backward compatibility */ { background-color: #cc3872; color: #ffffff; } .footer .ib-hover:hover, .footer span.icon-hover:hover, /* For backward compatibility */ .footer .feature-icon-hover:hover .ib, .footer .feature-icon-hover:hover span.icon /* For backward compatibility */ { background-color: #5e91dc !important; color: #ffffff !important; } /* Slider arrows */ .footer .slider-arrows1 .owl-controls .owl-buttons div, .footer .slider-arrows1 .owl-controls.clickable .owl-buttons div.disabled:hover, .footer .slider-arrows2 .owl-controls .owl-buttons div, .footer .slider-arrows3 .owl-controls .owl-buttons div, .footer .slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover, /* Slider pagination */ .footer .slider-pagination1 .owl-controls .owl-page span, .footer .slider-pagination2 .owl-controls .owl-page span, /* Accordion and collapsible: opener */ .footer .uaccordion-style1 .opener, .footer .collapsible .opener { background-color: #cc3872; color: #333333; } /* Slider arrows */ .footer .slider-arrows1 .owl-controls.clickable .owl-buttons div:hover, .footer .slider-arrows2 .owl-controls.clickable .owl-buttons div:hover, .footer .slider-arrows3 .owl-controls.clickable .owl-buttons div:hover, /* Slider pagination */ .footer .slider-pagination1 .owl-controls.clickable .owl-page:hover span, .footer .slider-pagination2 .owl-controls.clickable .owl-page:hover span, /* Accordion and collapsible: opener */ .footer .uaccordion-style1 .opener:hover, .footer .collapsible .opener:hover { background-color: #5e91dc; color: #ffffff; } .footer-top-container { background-color: transparent; } .footer-top { background-color: transparent; color: #333333; } .footer-top a { color: #333333; } .footer-top a:hover { color: #cc3872; } .footer-primary-container { background-color: transparent; padding-bottom: 30px; } .footer-primary { background-color: transparent; padding-top: 20px; padding-bottom: 20px; } .footer-primary a { } .footer-primary a:hover { } .footer-bottom-container { background-color: transparent; } .footer-bottom { background-color: transparent; color: #000000; padding-top: 20px; padding-bottom: 20px; } .footer-bottom a { color: #000000; } .footer-bottom a:hover { color: #d52462; } .social-links .ib, .social-links a > span.icon /* For backward compatibility */ { background-color: #555555; color: #ffffff; } .social-links .ib-hover:hover, .social-links a > span.icon-hover:hover /* For backward compatibility */ { background-color: #b2da24 !important; color: #ffffff !important; } .drop-shadow { -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); } /* Shadows: for pop-ups, drop-downs etc. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Sticky header */ .sticky-header .sticky-container, /* Dropdowns */ .dropdown-block.open > .dropdown-heading.cover, .dropdown-block.open .dropdown-content, /* Search autocomplete */ .search-autocomplete { -moz-box-shadow: 0 3px 10px rgba(0,0,0, 0.15); -webkit-box-shadow: 0 3px 10px rgba(0,0,0, 0.15); box-shadow: 0 3px 10px rgba(0,0,0, 0.15); }/** * 2019-02-01 21:55:19 */ /* w:1200, b:1200*/ .lte-ie8 .container { max-width:1170px; } @media only screen and (min-width: 1200px) { .container { max-width: 1170px; } /* Hide */ .hide-below-1280 { display:inherit !important; } /* Item grid -------------------------------------------------------------- */ /* Item grid: 2 columns */ .itemgrid-adaptive.itemgrid-2col .item { width:31.3333%; clear:none !important; } .itemgrid-adaptive.itemgrid-2col > li:nth-of-type(3n+1) { clear:left !important; } /* Item grid: 3 columns */ .itemgrid-adaptive.itemgrid-3col .item { width:23%; clear:none !important; } .itemgrid-adaptive.itemgrid-3col > li:nth-of-type(4n+1) { clear:left !important; } /* Item grid: 4 columns */ .itemgrid-adaptive.itemgrid-4col .item { width:18%; clear:none !important; } .itemgrid-adaptive.itemgrid-4col > li:nth-of-type(5n+1) { clear:left !important; } /* Item grid: 5 columns */ .itemgrid-adaptive.itemgrid-5col .item { width:14.6666%; clear:none !important; } .itemgrid-adaptive.itemgrid-5col > li:nth-of-type(6n+1) { clear:left !important; } /* Item grid: 6 columns */ .itemgrid-adaptive.itemgrid-6col .item { width:12.2857%; clear:none !important; } .itemgrid-adaptive.itemgrid-6col > li:nth-of-type(7n+1) { clear:left !important; } /* Item grid: 7 columns */ .itemgrid-adaptive.itemgrid-7col .item { width:10.5%; clear:none !important; } .itemgrid-adaptive.itemgrid-7col > li:nth-of-type(8n+1) { clear:left !important; } } @media only screen and (max-width: 1199px) { } @media only screen and (min-width: 992px) and (max-width: 1199px) { .container { max-width: 970px; } } @media only screen and (max-width: 991px) { } @media only screen and (min-width: 768px) and (max-width: 991px) { .container { max-width: 750px; } /* 2 columns - left -------------------------------------------------------------- */ .page-layout-2columns-left .column.main { width: 75%; } .page-layout-2columns-left .sidebar-main { width: 25%; } .page-layout-2columns-left .sidebar-additional { width: 25%; } /* 2 columns - right -------------------------------------------------------------- */ .page-layout-2columns-right .column.main { width: 75%; } .page-layout-2columns-right .sidebar-main { width: 25%; } .page-layout-2columns-right .sidebar-additional { width: 25%; } /* 3 columns -------------------------------------------------------------- */ .page-layout-3columns .column.main { width: 75%; float: right; } .page-layout-3columns .sidebar-main { width: 25%; float: left; } .page-layout-3columns .sidebar-additional { width: 25%; padding-right: 2%; padding-left: 0; clear: left; float: left; } } @media only screen and (max-width: 767px) { .container { max-width: none !important; width: 100%; } .grid12-1, .grid12-2, .grid12-3, .grid12-4, .grid12-5, .grid12-6, .grid12-7, .grid12-8, .grid12-9, .grid12-10, .grid12-11, .grid12-12, .grid-full { width:100% !important; margin-left:0; margin-right:0; } .columns .column.main, .columns .sidebar-main, .columns .sidebar-additional { width: 100%; margin-left: 0; margin-right: 0; padding-right: 0; padding-left: 0; } .v-grid-container { display:block; } .v-grid { float:inherit; display:block; width:100%; } } @media only screen and (min-width: 480px) and (max-width: 767px) { /* Mobile grid (for browser viewport between 480px and 768px): Below 768px all grid units are stretched (full width) and stack vertically. The "mobile-grid" class forces narrow grid units to stay narrow, but the width is increased to avoid too small columns. -------------------------------------------------------------- */ .mobile-grid.grid12-1 { width:14.66% !important; margin-left:1%; margin-right:1%; } /* 1/12 turns into 1/6 */ .mobile-grid.grid12-2 { width:31.33% !important; margin-left:1%; margin-right:1%; } /* 1/6 turns into 1/3 */ .mobile-grid.grid12-3 { width:48% !important; margin-left:1%; margin-right:1%; } /* 1/4 turns into 1/2 */ /* Force other grid units to take half of the available width */ .mobile-grid-half { width:48% !important; margin-left:1%; margin-right:1%; } } @media only screen and (min-width: 640px) and (max-width: 767px) { .itemgrid.itemgrid-adaptive .item { width:31.3333%; clear:none !important; } .itemgrid.itemgrid-adaptive > li:nth-of-type(3n+1) { clear:left !important; } } @media only screen and (max-width: 639px) { } @media only screen and (min-width: 480px) and (max-width: 639px) { .itemgrid.itemgrid-adaptive .item { width:48%; clear:none !important; } .itemgrid.itemgrid-adaptive > li:nth-of-type(2n+1) { clear:left !important; } } @media only screen and (max-width: 479px) { .category-products-grid.hover-effect .item .addto-links, .category-products-grid .item .addto-links { display: none !important; } } @media only screen and (min-width: 320px) and (max-width: 479px) { .itemgrid.itemgrid-adaptive .item { width:48%; clear:none !important; } .itemgrid.itemgrid-adaptive > li:nth-of-type(2n+1) { clear:left !important; } } @media only screen and (max-width: 319px) { /* Disable hover effect */ .category-products-grid.hover-effect .item:hover { margin-left:0; margin-right:0; padding-left:1%; padding-right:1%; box-shadow: none !important; border-color: #f5f5f5; } .category-products-grid.hover-effect .item .display-onhover { display:block !important; } .category-products-grid.hover-effect.single-line-name .item .product-name { overflow: visible; white-space: normal; } /* Item grid -------------------------------------------------------------- */ /* Always show 1 column */ /* Important: added ".itemgrid" class to override other styles */ .itemgrid.itemgrid-adaptive .item { width:98%; clear:none !important; } } @media only screen and (max-width: 1023px) { .hide-below-1024 { display:none !important; } } @media only screen and (max-width: 959px) { .hide-below-960 { display:none !important; } } @media only screen and (max-width: 767px) { .hide-below-768 { display:none !important; } } @media only screen and (max-width: 479px) { .hide-below-480 { display:none !important; } } @media only screen and (max-width: 319px) { .hide-below-320 { display:none !important; } }