4282 lines
128 KiB
CSS
Executable File
4282 lines
128 KiB
CSS
Executable File
:root {
|
|
--text-nav: #495057;
|
|
--text-placeholder: #878a99;
|
|
--text-color: #6D7080;
|
|
--button-bg: #50C3E6;
|
|
--button-bg-actived: #1C87A8;
|
|
--font-reg: 400;
|
|
--font-semi: 600;
|
|
--font-extra: 800;
|
|
--font-black: 900;
|
|
--border-color: #dfdfdf;
|
|
--text-default: 14px;
|
|
--text-md: 16px;
|
|
--text-sm: 12px;
|
|
--text-h0: 68px;
|
|
--text-h5: 24px;
|
|
--text-h6: 21px;
|
|
--text-lg: 30px;
|
|
--text-xl: 36px;
|
|
--text-ads-title: 40px;
|
|
--text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
|
|
--box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.25);
|
|
}
|
|
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,400&display=swap');
|
|
button:hover {
|
|
border-color: transparent;
|
|
}
|
|
body {
|
|
font-family: 'Lato', sans-serif !important;
|
|
color: var(--text-nav);
|
|
font-size: var(--text-default) !important;
|
|
}
|
|
body {
|
|
/* user-select: none; */
|
|
}
|
|
/* main layout 1600 */
|
|
@media screen and (min-width: 769px) {
|
|
.navigation, .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper>.widget, .block.category.event, .top-container, .page-main {
|
|
max-width: 1600px!important;
|
|
}
|
|
}
|
|
|
|
#maincontent {
|
|
padding-left: 15px!important;
|
|
padding-right: 15px!important;
|
|
}
|
|
/* top header */
|
|
.top-info {
|
|
float: left;
|
|
color: #000
|
|
}
|
|
|
|
.top-info div {
|
|
float: left;
|
|
padding-top: 15px;
|
|
padding-bottom: 10px;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
border-left: 1px solid #dfdfdf;
|
|
}
|
|
|
|
.top-info .top-info-sale {
|
|
border-right: 1px solid #dfdfdf
|
|
}
|
|
|
|
@media screen and (min-width: 769px) {
|
|
.page-header .header.panel {
|
|
padding-bottom:0!important;
|
|
padding-top: 0!important
|
|
}
|
|
|
|
/* .minicart-wrapper {
|
|
margin-left: 5px!important
|
|
} */
|
|
|
|
.minicart-wrapper.minicart-prology {
|
|
/* border-right: 1px solid #dfdfdf; */
|
|
}
|
|
|
|
.header.links {
|
|
padding-top: 15px!important;
|
|
padding-bottom: 17px!important;
|
|
border-left: 1px solid #dfdfdf
|
|
}
|
|
}
|
|
|
|
.greet.welcome {
|
|
width: -webkit-fill-available
|
|
}
|
|
|
|
.minicart-wrapper {
|
|
padding-top: 8px;
|
|
padding-bottom: 6px;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
border-left: 1px solid #dfdfdf
|
|
}
|
|
|
|
.minicart-carttoquote {
|
|
padding-top: 6px;
|
|
padding-bottom: 6px;
|
|
}
|
|
|
|
.minicart-delivery {
|
|
padding-top: 12px;
|
|
padding-bottom: 12px;
|
|
}
|
|
|
|
.cart-display-table {
|
|
display: table
|
|
}
|
|
|
|
.cart-display-table span,.cart-display-table a,.cart-display-table img {
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
color: #575757;
|
|
margin-top: -2px;
|
|
}
|
|
|
|
.span-text-your-cart {
|
|
color: #575757;
|
|
position: inherit;
|
|
top: -1px
|
|
}
|
|
|
|
.link.authorization-link>a {
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.counter.qty.empty .counter-number:before {
|
|
line-height: 21px;
|
|
color: #fff;
|
|
margin-left: 4px;
|
|
content: '0'
|
|
}
|
|
|
|
.minicart-wrapper .action.showcart .counter.qty.empty {
|
|
display: inherit!important;
|
|
margin-top: 1px;
|
|
}
|
|
|
|
.block-minicart.ui-dialog-content {
|
|
color: #000;
|
|
border-radius: 9px;
|
|
}
|
|
|
|
.page-product-detail {
|
|
margin-top: 40px;
|
|
}
|
|
|
|
@media screen and (min-width: 769px) {
|
|
.block-search {
|
|
width:500px!important;
|
|
margin-right: 5%
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 1024px) {
|
|
.block-search {
|
|
width:800px!important;
|
|
margin-right: 7%
|
|
}
|
|
.prologyListCategoriesWrapper {
|
|
margin-top: 80px;
|
|
}
|
|
}
|
|
|
|
.form.minisearch #search {
|
|
border-radius: 18px;
|
|
border: 1px solid #f2f2f2;
|
|
height: 38px;
|
|
}
|
|
|
|
.block-search .action.search:before {
|
|
content: 'Search'!important;
|
|
color: #fff!important;
|
|
background: #50c3e6;
|
|
margin-right: -10px!important;
|
|
margin-top: 0px!important;
|
|
line-height: 40px!important;
|
|
height: 38px;
|
|
padding-left: 25px;
|
|
padding-right: 25px;
|
|
border-radius: 17px;
|
|
padding-bottom: 0px;
|
|
font-family: 'Lato', sans-serif !important;
|
|
font-size: 14px !important;
|
|
font-weight: 300 !important;
|
|
}
|
|
.header.links {
|
|
display :table!important;
|
|
padding: 10px!important;
|
|
}
|
|
.greet.welcome, .customer-welcome{
|
|
display:table-cell!important;
|
|
}
|
|
.link.authorization-link {
|
|
margin-left: 0px!important;
|
|
}
|
|
|
|
|
|
@media screen and (max-width: 768px) {
|
|
/* .top-info, .minicart-delivery {
|
|
display:none!important;
|
|
} */
|
|
.minicart-wrapper{
|
|
z-index : 999;
|
|
}
|
|
.header.links {
|
|
z-index: 999;
|
|
position: relative;
|
|
}
|
|
}
|
|
/* @media screen and (max-width: 640px) {
|
|
.minicart-wrapper .block-minicart {
|
|
left:0px!important;
|
|
}
|
|
} */
|
|
@media screen and (max-width: 1023px) {
|
|
.top-info {
|
|
border-bottom: 1px solid var(--border-color);
|
|
border-right: 1px solid var(--border-color);
|
|
}
|
|
.minicart-wrapper .block-minicart {
|
|
left:0px!important;
|
|
}
|
|
.minicart-wrapper .block-minicart:before,
|
|
.minicart-wrapper .block-minicart:after {
|
|
right: unset !important;
|
|
}
|
|
.minicart-wrapper .block-minicart:before {
|
|
left: 12px;
|
|
}
|
|
.minicart-wrapper .block-minicart:after {
|
|
left: 11px;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 540px) {
|
|
.header.links {
|
|
float: none!important;
|
|
}
|
|
/* .sections.nav-sections .header.links .greet.welcome {
|
|
display: none!important;
|
|
}
|
|
.header.links .greet.welcome, .header.links .customer-welcome{
|
|
display: none!important;
|
|
} */
|
|
}
|
|
/* product detail */
|
|
.product-info-main .swatch-option.text {
|
|
border-radius: 10px;
|
|
width: 150px;
|
|
text-align: left;
|
|
line-height: 25px!important;
|
|
padding-bottom: 10px!important;
|
|
}
|
|
|
|
.product-info-main .swatch-attribute-options.clearfix > div{
|
|
margin-left:10px;
|
|
background:white;
|
|
color:#60d7ff;
|
|
}
|
|
.but-qty {
|
|
display:none;
|
|
}
|
|
.product-info-main #product_addtocart_form .input-text.qty{
|
|
height: 38px;
|
|
border-radius: 30px;
|
|
width: 130px;
|
|
cursor: pointer;
|
|
}
|
|
.product-info-main #product_addtocart_form .but-qty {
|
|
font-weight: bold;
|
|
position: absolute;
|
|
width: 32px;
|
|
height: 32px;
|
|
background: #ededf0;
|
|
display: inline-table;
|
|
color: var(--text-placeholder);
|
|
}
|
|
.product-info-main #product_addtocart_form .qty-sub {
|
|
font-size: 19px;
|
|
border-radius: 21px;
|
|
margin-top: 3px;
|
|
margin-left: 4px;
|
|
text-align: center;
|
|
line-height: 32px;
|
|
}
|
|
.product-info-main #product_addtocart_form .qty-add {
|
|
font-size: 16px;
|
|
border-radius: 21px;
|
|
margin-left: -38px;
|
|
border-radius: 18px;
|
|
width: 34px;
|
|
height: 32px;
|
|
margin-top: 3px;
|
|
text-align: center;
|
|
line-height: 32px;
|
|
display: inline;
|
|
}
|
|
|
|
.product-info-main .product-addto-links-cart {
|
|
font-size: 1.4rem!important;
|
|
background-image: none;
|
|
background: white!important;
|
|
border: 1px solid #495057!important;
|
|
color: #333!important;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-family: open sans,helvetica neue,Helvetica,Arial,sans-serif;
|
|
font-weight: 600;
|
|
padding: 11px 5px!important;
|
|
font-size: 1.3rem;
|
|
box-sizing: border-box;
|
|
vertical-align: middle;
|
|
text-transform: inherit;
|
|
border-radius: 20px;
|
|
margin-right: 5px;
|
|
}
|
|
.product-info-main .product-social-links .action {
|
|
border: 1px solid #495057;
|
|
padding: 9.5px 5px;
|
|
text-transform: inherit!important;
|
|
border-radius: 20px;
|
|
margin-right: 0px;
|
|
}
|
|
.product-info-main .product-addto-links-cart::before {
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
font-size: 18px;
|
|
line-height: 20px;
|
|
color: inherit;
|
|
font-family: luma-icons;
|
|
margin: -6px 5px 0 0;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
font-weight: 400;
|
|
overflow: hidden;
|
|
speak: none;
|
|
text-align: center;
|
|
width: 18px;
|
|
content: '\e611';
|
|
}
|
|
.product-info-main .product-addto-links-add-to-cart {
|
|
color: white!important;
|
|
background: #495057!important;
|
|
}
|
|
.product-info-main .action.towishlist {
|
|
margin-right:5px;
|
|
}
|
|
.product-info-main .box-tocart .actions {
|
|
display: none;
|
|
}
|
|
|
|
.prology-social-action {
|
|
text-align: center;
|
|
margin-bottom: 20px;
|
|
display: flex;
|
|
gap: 30px;
|
|
}
|
|
.prology-social-action button {
|
|
/* margin-right: 25px; */
|
|
margin-top: 15px;
|
|
float: left;
|
|
width: 100%;
|
|
padding: 15px;
|
|
border-radius: 25px;
|
|
color: white;
|
|
font-weight: var(--font-reg);
|
|
}
|
|
.prology-social-action button,
|
|
.prology-social-action button:hover,
|
|
.prology-social-action button:focus {
|
|
border: 0 none;
|
|
}
|
|
.prology-social-action-buy {
|
|
background: #00c0ff;
|
|
}
|
|
.prology-social-action-suggest,
|
|
.prology-social-make-offer {
|
|
background: #878a99;
|
|
}
|
|
.content-prology-support {
|
|
float: right;
|
|
text-align: center;
|
|
}
|
|
.content-prology-support .support-content .span-content-email{
|
|
display: inline-flex;
|
|
}
|
|
.content-prology-support >div {
|
|
border: 1px solid #e1e2e5;
|
|
padding: 20px;
|
|
margin-left: 15px;
|
|
border-radius: 30px;
|
|
margin-bottom: 20px;
|
|
margin-left: 40px;
|
|
}
|
|
.content-prology-support >div>div:first-child {
|
|
/* margin-bottom: 10px; */
|
|
}
|
|
.support-term >div {
|
|
float: left;
|
|
width: 33.33%;
|
|
}
|
|
.content-prology-support .support-term{
|
|
display: flex;
|
|
font-size: var(--text-md);
|
|
color: var(--text-placeholder);
|
|
gap: 15px;
|
|
}
|
|
.content-prology-support .but-call-us {
|
|
background: #00c0ff;
|
|
color: white;
|
|
padding: 7px 10px;
|
|
font-size: 16px;
|
|
border-radius: 20px;
|
|
margin-right: 15px;
|
|
}
|
|
.content-prology-support .but-contact{
|
|
background: white;
|
|
color: black;
|
|
padding: 4px 10px;
|
|
font-size: 16px;
|
|
border-radius: 20px;
|
|
margin-right: 0px;
|
|
display: inline-table;
|
|
}
|
|
.content-prology-support .but-contact span{
|
|
line-height: 20px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.product.info.detailed {
|
|
margin-top: 0px;
|
|
float: left;
|
|
}
|
|
|
|
.prology-single .product.media > p {
|
|
font-size: var(--text-default) !important;
|
|
color: var(--text-placeholder);
|
|
margin-top: 10px;
|
|
text-align: justify;
|
|
font-style: italic;
|
|
}
|
|
|
|
.fotorama__stage__frame .fotorama__img {
|
|
top: 40% !important;
|
|
}
|
|
|
|
.box-tocart > br {
|
|
display: none;
|
|
}
|
|
|
|
.fotorama--fullscreen {
|
|
background-color: rgba(255,255,255, 1) !important;
|
|
border: 1px solid var(--button-bg);
|
|
}
|
|
|
|
.prology-single .product-info-main .product-info-price .price-box .price-container > span.price-label {
|
|
display: none !important;
|
|
}
|
|
|
|
.page-product-detail .fotorama__thumb {
|
|
border: 1px solid rgba(0, 0, 0, 0.15);
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.prology-single .minicart-wrapper .action.showcart {
|
|
margin-left: 2px;
|
|
}
|
|
|
|
.page-product-detail .content-prology-support .bold span {
|
|
display: block;
|
|
}
|
|
|
|
.prology-single .minicart-wrapper .action.showcart:before {
|
|
background-repeat: no-repeat;
|
|
width: 21px;
|
|
height: 21px;
|
|
background-image: url(../images/cart.png);
|
|
content: '' !important;
|
|
}
|
|
.prology-single .minicart-wrapper .action.showcart:before,
|
|
.minicart-wrapper .action.showcart.active:before {
|
|
margin-top: -1px !important;
|
|
}
|
|
|
|
.prology-single .minicart-wrapper .action.showcart .counter.qty {
|
|
font-size: var(--text-default) !important;
|
|
line-height: 1.5 !important;
|
|
margin-top: 1px;
|
|
}
|
|
|
|
.panel.header {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.minicart-wrapper {
|
|
margin-left: 0 !important;
|
|
}
|
|
|
|
@media screen and (min-width: 769px) {
|
|
.navigation .level0.parent > .level-top > .ui-menu-icon:after {
|
|
content: '' !important;
|
|
}
|
|
.navigation .level0.parent > .level-top {
|
|
padding: 10px !important;
|
|
}
|
|
.page-layout-1column .product.media {
|
|
width: calc(30% - 30px)!important;
|
|
}
|
|
.page-layout-1column .product-info-main {
|
|
width: 47%!important;
|
|
}
|
|
/* .page-layout-1column .product.media {
|
|
width: 29%!important;
|
|
} */
|
|
.content-prology-support {
|
|
width: 23%!important;
|
|
}
|
|
}
|
|
.bold {
|
|
font-weight: bold;
|
|
}
|
|
.support-content .hour {
|
|
display: block;
|
|
padding: 5px;
|
|
}
|
|
.modal-price-suggestion .field--select, .modal-price-suggestion input[type="number"] {
|
|
margin-bottom: 5px;
|
|
max-width: 290px;
|
|
/* height: 42px!important; */
|
|
width: 100%;
|
|
display: inline-block;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.modal-price-suggestion .select-field select, .modal-price-suggestion input[type="number"] {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
padding: 0px 40px 0px 10px;
|
|
line-height: 40px;
|
|
border-radius: 3px;
|
|
height: 100%;
|
|
width: 100%;
|
|
display: block;
|
|
cursor: pointer;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
text-align: left;
|
|
border: 1px solid #5d5d5d;
|
|
}
|
|
.modal-price-suggestion input[type="text"],.modal-price-suggestion input[type="email"] {
|
|
margin-bottom: 10px;
|
|
width: 100%;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
border-radius: 3px;
|
|
background-clip: padding-box;
|
|
box-sizing: border-box;
|
|
line-height: 24px;
|
|
font-size: 14px;
|
|
padding: 10px 10px 10px 9px;
|
|
border: 1px solid #5d5d5d;
|
|
border-top-color: #505050;
|
|
color: #838383;
|
|
text-align: left;
|
|
height: 100%;
|
|
}
|
|
|
|
.have_one_to_sell {
|
|
display: block;
|
|
text-align: left;
|
|
font-size: var(--text-md);
|
|
color: var(--text-nav);
|
|
}
|
|
.have_one_to_sell a {
|
|
color: var(--button-bg) !important;
|
|
}
|
|
.have_one_to_sell a:hover {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.prology-single .page-product-detail .product-addto-links>.product-addto-links-add-to-cart {
|
|
height: 38.9px;
|
|
}
|
|
|
|
/* related product */
|
|
.block.related,
|
|
.block.upsell{
|
|
clear: both;
|
|
}
|
|
.block.related {
|
|
margin-top: 40px;
|
|
}
|
|
|
|
/* list product */
|
|
.product.name.product-item-name a {
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
/*form form-edit-account */
|
|
|
|
.form.form-edit-account .field.choice:first-child {
|
|
display: none;
|
|
}
|
|
.modals-overlay {
|
|
z-index: 1 !important;
|
|
}
|
|
span.logged-in {
|
|
color: #575757;
|
|
}
|
|
/*
|
|
******************************************************************************************************************************
|
|
CUSTOM CSS
|
|
******************************************************************************************************************************
|
|
*/
|
|
* {
|
|
transition: all .15s linear 0s;
|
|
}
|
|
.fotorama__stage, .fotorama__stage * {
|
|
transition: none;
|
|
}
|
|
|
|
.prology-banner {
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
/* height: 85vh; */
|
|
/* min-height: 550px; */
|
|
width: 100%;
|
|
position: relative;
|
|
background-position: center;
|
|
}
|
|
|
|
.prology-banner:before {
|
|
/* content: ''; */
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
/* background: linear-gradient(180deg,rgba(86,204,242,0.25) 0%,rgba(0,36,48,.5) 100%); */
|
|
border-radius: 30px;
|
|
overflow: hidden!important;
|
|
}
|
|
|
|
.prology-banner-wrapper {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
text-decoration: none;
|
|
text-align: center;
|
|
width: 100%;
|
|
}
|
|
|
|
.prology-banner-wrapper:hover,
|
|
.prology-banner-wrapper:focus {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.prology-banner-wrapper > * {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
|
|
.prology-banner-wrapper > * > * {
|
|
color: #fff;
|
|
margin: 15px 40px;
|
|
text-shadow: var(--text-shadow);
|
|
}
|
|
|
|
.prology-banner-wrapper span.info {
|
|
font-size: var(--text-h5);
|
|
font-weight: var(--font-reg);
|
|
}
|
|
|
|
.prology-banner-wrapper strong.title {
|
|
font-size: var(--text-h0);
|
|
font-weight: var(--font-black);
|
|
margin: 0;
|
|
}
|
|
|
|
.prology-banner-wrapper .divider-underline {
|
|
margin: 0;
|
|
position: relative;
|
|
width: 300px;
|
|
}
|
|
|
|
.prology-banner-wrapper .divider-underline span {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 1px;
|
|
background-color: #fff;
|
|
top: 100%;
|
|
left: 0;
|
|
}
|
|
.prology-banner-wrapper .divider-underline span:before,
|
|
.prology-banner-wrapper .divider-underline span:after {
|
|
position: absolute;
|
|
width: 15px;
|
|
height: 1px;
|
|
background-color: red;
|
|
top: 100%;
|
|
}
|
|
|
|
.prology-banner-wrapper .divider-underline span:before {
|
|
left: -15px;
|
|
}
|
|
|
|
.prology-banner-wrapper .divider-underline span:after {
|
|
right: -15px;
|
|
}
|
|
|
|
.prology-banner-wrapper .divider-underline p {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.prology-banner-wrapper .divider-underline span {
|
|
margin: 0 15px;
|
|
}
|
|
|
|
.prology-banner-wrapper > .button.more {
|
|
color: #fff;
|
|
border-radius: 15px;
|
|
background-color: var(--button-bg);
|
|
padding: 15px 30px;
|
|
display: inline-flex;
|
|
box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.25);
|
|
margin-top: 30px;
|
|
font-weight: var(--font-semi);
|
|
font-size: var(--text-md);
|
|
}
|
|
.prology-banner-wrapper > .button.more:hover,
|
|
.prology-banner-wrapper > .button.more:focus {
|
|
background-color: var(--button-bg-actived);
|
|
}
|
|
|
|
.prology-banner .gotoNext {
|
|
position: absolute;
|
|
bottom: 30px;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.page-header .panel.wrapper {
|
|
box-shadow: unset;
|
|
}
|
|
|
|
.minicart-wrapper {
|
|
display: inline-flex !important;
|
|
align-items: center;
|
|
font-size: var(--text-sm);
|
|
color: #575757;
|
|
}
|
|
|
|
.header.panel>.header.links>li>a {
|
|
font-size: var(--text-sm);
|
|
}
|
|
|
|
.minicart-wrapper .action.showcart .counter.qty {
|
|
background: transparent !important;
|
|
}
|
|
|
|
.minicart-wrapper .action.showcart {
|
|
display: flex !important;
|
|
}
|
|
|
|
.minicart-wrapper .action.showcart .counter-number {
|
|
text-shadow: unset !important;
|
|
color: var(--text-color);
|
|
}
|
|
|
|
.counter.qty.empty .counter-number:before {
|
|
color: var(--text-nav);
|
|
}
|
|
|
|
.block-search {
|
|
display: inline;
|
|
width: auto !important;
|
|
}
|
|
|
|
.page-header .header.panel {
|
|
padding-left: 10px !important;
|
|
padding-right: 10px !important;
|
|
}
|
|
|
|
.form.minisearch #search {
|
|
border-radius: 40px;
|
|
}
|
|
|
|
/* .nav-toggle {
|
|
top: 12px !important;
|
|
} */
|
|
|
|
.nav-sections {
|
|
margin-bottom: 0 !important;
|
|
}
|
|
|
|
.top-info div {
|
|
font-size: var(--text-sm);
|
|
}
|
|
.top-info > div > strong {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.logo img {
|
|
width: inherit;
|
|
}
|
|
|
|
.nav-sections div#store\.links {
|
|
display: none;
|
|
}
|
|
|
|
.prology-ads .home-main {
|
|
height: unset !important;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
}
|
|
|
|
.prology-ads .blocks-promo.blocks-promo-home-1 {
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.prology-ads .blocks-promo.blocks-promo-home-1 .home-main {
|
|
margin-bottom: 0;
|
|
background-color: #00C0FF;
|
|
background-position: center;
|
|
}
|
|
|
|
.prology-ads .blocks-promo.blocks-promo-home-1 .home-main:before,
|
|
.prology-ads .blocks-promo.blocks-promo-home-1 .home-main:after {
|
|
position: absolute;
|
|
width: 566px;
|
|
height: 566px;
|
|
content: '';
|
|
z-index: 2;
|
|
background: url(../images/bluegradients.png);
|
|
}
|
|
|
|
.prology-ads .blocks-promo.blocks-promo-home-1 .home-main:before {
|
|
left: 50%;
|
|
top: -40%;
|
|
}
|
|
|
|
.prology-ads .blocks-promo.blocks-promo-home-1 .home-main:after {
|
|
left: -25%;
|
|
bottom: -40%;
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
.prology-ads .blocks-promo.blocks-promo-home-1 .home-main:before,
|
|
.prology-ads .blocks-promo.blocks-promo-home-1 .home-main:after {
|
|
content: unset !important;
|
|
}
|
|
}
|
|
|
|
.prology-ads .block-promo .content .info:not(.des) {
|
|
text-transform: uppercase;
|
|
text-shadow: var(--text-shadow);
|
|
}
|
|
|
|
.prology-ads .home-main .content {
|
|
position: relative;
|
|
left: 0 !important;
|
|
top: 0 !important;
|
|
width: 100% !important;
|
|
transform: unset !important;
|
|
padding: 40px;
|
|
}
|
|
|
|
.prology-ads .block-promo .content .info.des {
|
|
font-weight: var(--font-semi);
|
|
text-shadow: var(--text-shadow);
|
|
}
|
|
|
|
.prology-ads .block-promo .content .title {
|
|
font-size: var(--text-ads-title);
|
|
font-weight: var(--font-semi);
|
|
position: relative;
|
|
padding-bottom: 30px;
|
|
margin-bottom: 20px;
|
|
text-shadow: var(--text-shadow);
|
|
}
|
|
|
|
.prology-ads .block-promo .content .title:after {
|
|
content: '';
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 25%;
|
|
height: 1px;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.prology-ads .block-promo img {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
}
|
|
|
|
.prology-ads .home-main.block-promo:before {
|
|
content: unset;
|
|
}
|
|
|
|
.prology-ads .blocks-promo-home-1 .button.more {
|
|
box-shadow: var(--box-shadow);
|
|
padding: 10px 30px;
|
|
}
|
|
|
|
.top-slider .brands {
|
|
padding: 0 20px;
|
|
margin: 40px auto 0;
|
|
}
|
|
|
|
.blocks-about {
|
|
padding-top: 80px;
|
|
}
|
|
|
|
.blocks-about .logan,
|
|
.blocks-about .separate {
|
|
font-size: var(--text-h5);
|
|
font-weight: var(--font-semi);
|
|
}
|
|
|
|
.blocks-about .separate {
|
|
display: block;
|
|
margin-bottom: 15px;
|
|
color: var(--button-bg);
|
|
}
|
|
|
|
.blocks-about .head > p {
|
|
font-size: var(--text-h6);
|
|
color: var(--text-color);
|
|
}
|
|
|
|
.blocks-about .title {
|
|
font-size: var(--text-xl);
|
|
font-weight: var(--font-black);
|
|
}
|
|
|
|
.blocks-about .head {
|
|
font-size: var(--text-h5);
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
.blocks-about .row.body .content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 30px;
|
|
margin-bottom: 80px;
|
|
}
|
|
|
|
.blocks-about .row.body .content > * {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.blocks-about .row.body .content .title {
|
|
font-size: var(--text-lg);
|
|
font-weight: var(--font-black);
|
|
}
|
|
|
|
.blocks-about .row.body .content .des {
|
|
font-size: var(--text-h6);
|
|
color: var(--text-color);
|
|
}
|
|
|
|
.blocks-about .row.body .img {
|
|
height: 100% !important;
|
|
}
|
|
|
|
.blocks-about .row.body .img > img {
|
|
height: 100% !important;
|
|
object-fit: cover;
|
|
}
|
|
|
|
.prologyListCategoriesWrapper {
|
|
display: grid;
|
|
gap: 30px;
|
|
grid-template-areas:
|
|
'image1 image1 image1 image1 image1 image1 image2 image2 image2 image3 image3 image3'
|
|
'image1 image1 image1 image1 image1 image1 image4 image4 image4 image5 image5 image5';
|
|
}
|
|
|
|
.prologyCategoryItem .box {
|
|
position: relative;
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
height: 100%;
|
|
background: linear-gradient(270deg, rgba(156, 232, 255, 0.5) 4.89%, rgba(66, 211, 255, 0.5) 100%) !important;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.prologyCategoryItem .box:before,
|
|
.prologyCategoryItem .box:after {
|
|
width: 566px;
|
|
height: 566px;
|
|
background: url(../images/bluegradients.png);
|
|
position: absolute;
|
|
content: '';
|
|
}
|
|
|
|
.prologyCategoryItem .box:before {
|
|
top: -180px;
|
|
left: 245px;
|
|
}
|
|
|
|
.prologyCategoryItem .box:after {
|
|
bottom: -180px;
|
|
left: -180px;
|
|
}
|
|
|
|
.prologyCategoryItem:not(:first-child) .box:before,
|
|
.prologyCategoryItem:not(:first-child) .box:after {
|
|
transform: scale(.5);
|
|
}
|
|
|
|
.prologyCategoryItem:not(:first-child) .box:before {
|
|
top: -245px;
|
|
left: 70px;
|
|
}
|
|
|
|
.prologyCategoryItem:not(:first-child) .box:after {
|
|
bottom: -225px;
|
|
left: -240px;
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
.prologyCategoryItem .box:before,
|
|
.prologyCategoryItem .box:after {
|
|
content: unset !important;
|
|
}
|
|
.prologyListCategoriesWrapper {
|
|
margin-top: 40px;
|
|
}
|
|
}
|
|
|
|
.prologyCategoryItem .box a {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
position: relative;
|
|
}
|
|
|
|
.prologyCategoryItem .box a:before {
|
|
content: '';
|
|
width: calc(100% - 32px);
|
|
height: calc(100% - 32px);
|
|
position: absolute;
|
|
top: 16px;
|
|
left: 16px;
|
|
border: 1px solid var(--button-bg);
|
|
}
|
|
|
|
.prologyCategoryItem .box a img {
|
|
position: relative;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
.prologyCategoryItem .box a .type-title {
|
|
position: absolute;
|
|
top: 30px;
|
|
left: 30px;
|
|
text-decoration: underline;
|
|
font-size: var(--text-h5);
|
|
font-weight: var(--font-black);
|
|
color: #00458a;
|
|
}
|
|
|
|
.prologyCategoryItem .box a .button {
|
|
font-size: var(--text-md);
|
|
color: #fff;
|
|
padding: 10px 30px;
|
|
position: absolute;
|
|
right: 30px;
|
|
bottom: 30px;
|
|
background: var(--button-bg);
|
|
border-radius: 15px;
|
|
box-shadow: var(--box-shadow);
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.image1 {
|
|
grid-area: image1;
|
|
}
|
|
.image2 {
|
|
grid-area: image2;
|
|
}
|
|
.image3 {
|
|
grid-area: image3;
|
|
}
|
|
.image4 {
|
|
grid-area: image4;
|
|
}
|
|
.image5 {
|
|
grid-area: image5;
|
|
}
|
|
|
|
.page-wrapper .breadcrumbs {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.page-wrapper .breadcrumbs .item > * {
|
|
font-size: 13px;
|
|
text-transform: uppercase;
|
|
color: var(--text-nav);
|
|
font-weight: var(--font-reg);
|
|
}
|
|
|
|
.page-wrapper .breadcrumbs .item > strong {
|
|
color: var(--text-placeholder);
|
|
}
|
|
|
|
.prology-single .page-title-wrapper h4 {
|
|
font-size: var(--text-md);
|
|
font-weight: var(--font-semi);
|
|
text-transform: uppercase;
|
|
color: var(--button-bg);
|
|
}
|
|
|
|
.prology-single .page-title-wrapper h1 {
|
|
font-size: var(--text-xl);
|
|
font-weight: var(--font-extra);
|
|
text-transform: uppercase;
|
|
color: var(--text-nav);
|
|
margin: 10px 0 !important;
|
|
}
|
|
|
|
@media only screen and (max-width: 991px) {
|
|
.prology-social-action {
|
|
gap: 15px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.prology-single .page-title-wrapper h1 {
|
|
font-size: var(--text-h5);
|
|
margin: 20px 0 20px !important;
|
|
}
|
|
.page-products .block-title.filter-title strong[aria-expanded="false"] {
|
|
position: static;
|
|
background: var(--button-bg);
|
|
color: #fff;
|
|
border: 0 none !important;
|
|
}
|
|
.prology-single .page-title-wrapper h4,
|
|
.prology-single .product-info-main .product.attribute.overview,
|
|
.page-product-detail .swatch-attribute-label,
|
|
.page-product-detail .swatch-attribute-label + span {
|
|
font-size: var(--text-default);
|
|
}
|
|
.page-product-detail .product.data.items>.item.content {
|
|
border-radius: 0 !important;
|
|
}
|
|
.prology-single .product.data.items > .item.title {
|
|
/* border: 1px solid #dfdfdf; */
|
|
}
|
|
.content-prology-support>div {
|
|
width: calc(100% - 40px);
|
|
}
|
|
}
|
|
|
|
.prology-single .overview p {
|
|
font-size: var(--text-md);
|
|
color: var(--text-placeholder);
|
|
}
|
|
|
|
.prology-single .swatch-attribute-options {
|
|
display: flex;
|
|
align-items: stretch;
|
|
}
|
|
|
|
.prology-single .product-info-main .swatch-option.text {
|
|
width: 100% !important;
|
|
height: 38px;
|
|
border-radius: 40px !important;
|
|
padding-left: 20px !important;
|
|
font-size: 13px !important;
|
|
font-weight: var(--font-reg);
|
|
color: var(--text-placeholder) !important;
|
|
margin-right: 0 !important;
|
|
line-height: 35px !important;
|
|
}
|
|
|
|
@media only screen and (max-width: 991px) {
|
|
.prology-single .product-info-main .swatch-option.text {
|
|
height: 28px !important;
|
|
line-height: 30px !important;
|
|
}
|
|
}
|
|
|
|
|
|
.page-product-detail .swatch-option:focus {
|
|
box-shadow: unset !important;
|
|
}
|
|
|
|
.prology-single .swatch-option.text.selected {
|
|
color: var(--button-bg) !important;
|
|
outline: 1px solid var(--button-bg) !important;
|
|
}
|
|
|
|
.navigation .level0.active>.level-top, .navigation .level0.has-active>.level-top {
|
|
border-color: var(--button-bg) !important;
|
|
}
|
|
|
|
.prology-single .product-reviews-summary .reviews-actions .action.add {
|
|
color: var(--button-bg) !important;
|
|
}
|
|
|
|
.prology-single .product-reviews-summary .reviews-actions a {
|
|
color: var(--button-bg) !important;
|
|
}
|
|
|
|
.prology-single .product-info-price .price-box .price-container .price {
|
|
font-weight: var(--font-black);
|
|
color: var(--text-nav);
|
|
font-size: var(--text-h5);
|
|
}
|
|
|
|
.prology-single .product-info-stock-sku .configurable-variation-qty {
|
|
color: var(--text-placeholder);
|
|
font-size: var(--text-md);
|
|
color: var(--text-placeholder);
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
.prology-single .product-info-stock-sku .configurable-variation-qty strong {
|
|
color: var(--button-bg) !important;
|
|
}
|
|
|
|
.prology-single .product-info-main .product.attribute.sku {
|
|
text-transform: uppercase;
|
|
color: var(--text-placeholder) !important;
|
|
}
|
|
|
|
.prology-single .product-info-main .product-reviews-summary {
|
|
margin-bottom: 10px !important;
|
|
}
|
|
|
|
.prology-single .product-info-main .product-add-form {
|
|
padding-top: 0 !important;
|
|
}
|
|
|
|
.prology-single .swatch-opt,
|
|
.prology-single .product-options-wrapper .fieldset {
|
|
margin: 0 !important;
|
|
}
|
|
|
|
.prology-single .product-options-bottom .fieldset .label {
|
|
color: var(--text-placeholder) !important;
|
|
font-size: var(--text-md) !important;
|
|
font-weight: var(--font-reg);
|
|
}
|
|
|
|
.prology-single .product-addto-links > * {
|
|
font-size: var(--text-sm) !important;
|
|
font-weight: var(--font-reg) !important;
|
|
color: var(--text-nav) !important;
|
|
padding: 10px 20px !important;
|
|
margin: 5px;
|
|
border-color: var(--text-placeholder) !important;
|
|
}
|
|
|
|
.prology-single .product-addto-links > *:before {
|
|
color: var(--text-nav);
|
|
}
|
|
|
|
.prology-single .product-addto-links > .product-addto-links-add-to-cart,
|
|
.prology-single .product-addto-links > .product-addto-links-add-to-cart:before {
|
|
color: #fff !important;
|
|
border: 0 none !important;
|
|
}
|
|
|
|
.prology-single .product-info-main .product-options-bottom .box-tocart {
|
|
margin: 0 !important;
|
|
}
|
|
|
|
.prology-single .product-info-main .product.attribute.overview {
|
|
margin: 15px 0 !important;
|
|
color: var(--text-placeholder);
|
|
font-size: var(--text-md);
|
|
}
|
|
|
|
/* .prology-single #maincontent {
|
|
margin-top: 40px;
|
|
} */
|
|
|
|
.prology-single .content-prology-support .support-content .bold span {
|
|
font-size: var(--text-md);
|
|
color: var(--text-nav);
|
|
font-weight: var(--font-semi);
|
|
}
|
|
.prology-single .content-prology-support .support-content .bold span.hour {
|
|
font-weight: var(--font-black);
|
|
font-size: var(--text-h5);
|
|
line-height: 1;
|
|
margin: 10px 0;
|
|
}
|
|
|
|
.prology-single .content-prology-support .support-content .bold + div {
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 80%;
|
|
align-items: start;
|
|
margin: 0 auto 15px;
|
|
gap: 10px;
|
|
}
|
|
|
|
.prology-single .content-prology-support .support-content .bold + div span {
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 10px;
|
|
align-items: start;
|
|
}
|
|
|
|
.prology-single .content-prology-support .support-content .bold + div span:first-child img {
|
|
width: auto;
|
|
height: 15px;
|
|
}
|
|
|
|
.prology-single .content-prology-support .support-content .bold + div + div button {
|
|
font-size: var(--text-sm);
|
|
font-weight: var(--font-reg);
|
|
padding: 5px 20px;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 5px;
|
|
}
|
|
|
|
.prology-single .content-prology-support .support-content .bold + div + div .but-call-us {
|
|
padding: 7px 20px !important;
|
|
}
|
|
|
|
.prology-single .content-prology-support .support-content .bold + div + div .but-contact {
|
|
padding: 5px 20px !important;
|
|
color: var(--button-bg);
|
|
}
|
|
|
|
.prology-single .content-prology-support .support-content .bold + div + div .but-call-us img {
|
|
width: 10px;
|
|
height: 10px;
|
|
}
|
|
|
|
.prology-single .content-prology-support .support-content .bold + div + div button {
|
|
border-color: var(--button-bg);
|
|
}
|
|
|
|
.prology-single .product-social-links {
|
|
text-align: left !important;
|
|
}
|
|
|
|
.navigation a {
|
|
text-transform: uppercase !important;
|
|
font-size: var(--text-default);
|
|
font-weight: var(--font-semi) !important;
|
|
}
|
|
|
|
.prology-single .top-info {
|
|
width: auto !important;
|
|
}
|
|
|
|
.prology-single .customer-welcome.menu-cart-quote img {
|
|
content: url(../images/quote.png);
|
|
width: auto;
|
|
height: 21px;
|
|
margin-top: -2px;
|
|
}
|
|
|
|
.prology-single .minicart-wrapper.minicart-carttoquote {
|
|
margin-top: 2px;
|
|
}
|
|
|
|
.prology-single .customer-welcome.menu-cart-quote a {
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 10px;
|
|
align-items: center;
|
|
}
|
|
|
|
.prology-single .customer-welcome.menu-cart-quote span.counter-number {
|
|
font-size: var(--text-default);
|
|
line-height: 1.5;
|
|
color: var(--text-nav);
|
|
}
|
|
|
|
.prology-single .product.info.detailed {
|
|
/* margin-top: 30px; */
|
|
width: 100%;
|
|
}
|
|
|
|
.prology-single .widget>h3 {
|
|
font-size: var(--text-xl);
|
|
font-weight: var(--font-black);
|
|
}
|
|
|
|
.prology-single .product.data.items > .item.title > .switch {
|
|
border: 0 none !important;
|
|
}
|
|
|
|
.prology-single .product.data.items > .item.title {
|
|
position: relative !important;
|
|
}
|
|
|
|
.prology-single .product.data.items > .item.title.active:after {
|
|
position: absolute;
|
|
top: 100%;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
width: 75%;
|
|
height: 2px;
|
|
background-color: var(--button-bg);
|
|
content: '';
|
|
z-index: 1;
|
|
}
|
|
|
|
.prology-single .product.data.items > .item.title > .switch {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
.prology-single .product.data.items > .item.title> .switch {
|
|
font-weight: var(--font-semi);
|
|
}
|
|
|
|
.prology-single .product.data.items > .item.title.active > .switch,
|
|
.prology-single .product.data.items > .item.title > .switch:hover,
|
|
.prology-single .product.data.items > .item.title > .switch:focus {
|
|
color: var(--button-bg) !important;
|
|
}
|
|
|
|
.prology-single .product.data.items > .item.content {
|
|
border-left: 0 none !important;
|
|
border-right: 0 none !important;
|
|
border-bottom: 0 none !important;
|
|
border-color: transparent !important;
|
|
}
|
|
|
|
.product .product-item * {
|
|
box-shadow: unset !important;
|
|
color: var(--text-placeholder);
|
|
}
|
|
|
|
.prology-single .products-grid .product-item-info,
|
|
.prology-single .products-grid .product-item-inner {
|
|
border: 0 none !important;
|
|
margin: 0;
|
|
padding: 0;
|
|
position: relative;
|
|
bottom: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.prology-single .products-grid .product-item-actions {
|
|
margin: 0 !important;
|
|
}
|
|
|
|
.prology-single .products-grid .product-item-inner {
|
|
position: absolute !important;
|
|
border-top: 1px solid #dfdfdf !important;
|
|
margin-bottom: 0px !important;
|
|
bottom: -100%;
|
|
transition: bottom 0.25s ease-in-out 0.25s;
|
|
}
|
|
|
|
.prology-single .product.data.items > .item.content {
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.prology-single .product-item-actions {
|
|
width: 100%;
|
|
display: flex;
|
|
}
|
|
@media only screen and (max-width: 575px) {
|
|
.prology-single .product-item-actions {
|
|
flex-direction: column-reverse;
|
|
}
|
|
.prology-single .product-item-actions .actions-primary > .stock.unavailable {
|
|
padding-left: 10px;
|
|
}
|
|
}
|
|
|
|
.prology-single .actions-secondary {
|
|
display: flex !important;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.prology-single li.product-item {
|
|
/* overflow: hidden;
|
|
max-height: 400px;
|
|
height: 400px; */
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.prology-single .product-item .price-box {
|
|
margin: 10px 0 0 !important;
|
|
}
|
|
|
|
/* .prology-single .product-item-details>*:nth-last-child(-n+2) {
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
} */
|
|
|
|
.page-categories .product-item-details>* {
|
|
visibility: visible !important;
|
|
opacity: 1 !important;
|
|
box-shadow: unset !important;
|
|
}
|
|
|
|
.prology-single .column.main .product-item-details>*[class*=swatch-opt-] {
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
}
|
|
|
|
.prology-single .product-item-details>.list-product-description {
|
|
font-size: var(--text-md);
|
|
color: var(--text-placeholder);
|
|
margin: 15px 0 15px;
|
|
}
|
|
|
|
.prology-single .product-item-details > .product-item-name,
|
|
.prology-single .product-item-details > .category-product-item-details,
|
|
.prology-single .product-item-details > .price-box.price-final_price,
|
|
.products-grid .product-item-info:hover .product-item-details>*:not(.product-item-name),
|
|
.products-grid .product-item-info:hover .product-item-details>*:not(.price-box.price-final_price),
|
|
.products-grid .product-item-info.active .product-item-details>*:not(.product-item-name),
|
|
.products-grid .product-item-info.active .product-item-details>*:not(.price-box.price-final_price) {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
}
|
|
|
|
.prology-single .column.main .category-product-item-details {
|
|
margin: 0 0 15px;
|
|
text-transform: uppercase;
|
|
color: var(--button-bg);
|
|
}
|
|
|
|
.prology-single .product-item {
|
|
padding: 0 !important;
|
|
width: 100% !important;
|
|
margin: 0 !important;
|
|
}
|
|
|
|
.prology-single .page-product-detail .products-grid .product-item-actions {
|
|
display: none !important;
|
|
}
|
|
|
|
.products-grid .product-item-info:hover,
|
|
.products-grid .product-item-info.active {
|
|
border-color: #dfdfdf !important;
|
|
border-bottom-color: transparent !important;
|
|
margin: 1px 0 0 !important;
|
|
/* padding: 0 0 30px !important; */
|
|
top: unset !important;
|
|
bottom: 0 !important;
|
|
}
|
|
|
|
.products-grid .product-item-info:hover .product-item-inner {
|
|
border-color: #dfdfdf;
|
|
padding: 15px 30px 10px;
|
|
background: #fff;
|
|
bottom: 0;
|
|
}
|
|
|
|
.page-categories .products-grid .product-item-info:hover .product-item-inner {
|
|
padding: 0 !important;
|
|
}
|
|
|
|
@media only screen and (max-width: 575px) {
|
|
.products-grid .product-item-info:hover .product-item-inner {
|
|
padding: 0 !important;
|
|
visibility: visible !important;
|
|
opacity: 1 !important;
|
|
position: static !important;
|
|
}
|
|
}
|
|
|
|
.page-categories .products-grid .product-item-inner {
|
|
position: static !important;
|
|
bottom: 0 !important;
|
|
height: auto !important;
|
|
padding: 0 !important;
|
|
margin: 0 !important;
|
|
border: 0 none !important;
|
|
}
|
|
|
|
.page-categories .products-grid .product-item-info:hover .product-item-inner {
|
|
margin-top: 0 !important;
|
|
}
|
|
|
|
.prology-single .abs-visually-hidden-desktop-s,
|
|
.prology-single .products-grid .product-item-info:not(:hover):not(.active) .product-item-inner {
|
|
padding: unset !important;
|
|
border: 1px solid transparent;
|
|
overflow: visible !important;
|
|
margin: 20px 0 0;
|
|
}
|
|
|
|
@media only screen and (max-width: 575px) {
|
|
.prology-single .abs-visually-hidden-desktop-s,
|
|
.prology-single .products-grid .product-item-info:not(:hover):not(.active) .product-item-inner {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
position: static !important;
|
|
}
|
|
}
|
|
|
|
.product.data.items:before {
|
|
position: absolute;
|
|
width: calc(100% - 2px);
|
|
top: -1px;
|
|
left: 0;
|
|
background: #fff;
|
|
height: 45px;
|
|
border: 1px solid #dfdfdf;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.page-product-detail .product.data.items:before {
|
|
border-radius: 15px 15px 0 0;
|
|
}
|
|
|
|
.page-product-detail .product.data.items>.item.content {
|
|
border: 1px solid #dfdfdf !important;
|
|
border-radius: 0 0 15px 15px;
|
|
padding: 15px !important;
|
|
}
|
|
|
|
.prology-single .column.main .product-items {
|
|
display: grid;
|
|
grid-gap: 20px;
|
|
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
|
|
/* border-top: 1px solid #dfdfdf;
|
|
border-left: 1px solid #dfdfdf; */
|
|
}
|
|
.prology-single .product-items .product-item {
|
|
border: 1px solid #dfdfdf;
|
|
padding: 8px 0 5px !important;
|
|
border-radius: 16px;
|
|
}
|
|
|
|
#compare-items .product-item {
|
|
border: 0 none !important;
|
|
border-radius: 0px !important;
|
|
}
|
|
|
|
#compare-items .product-item {
|
|
border: 0 none;
|
|
}
|
|
|
|
.prology-single .actions-toolbar .action {
|
|
box-shadow: unset !important;
|
|
}
|
|
|
|
.prology-single .actions-toolbar .action.compare span {
|
|
color: #fff;
|
|
}
|
|
|
|
.prology-single .sidebar #compare-items.product-items .action.delete {
|
|
top: 8px;
|
|
left: 5px !important;
|
|
}
|
|
|
|
.prology-single .sidebar #wishlist-sidebar.product-items .action.delete {
|
|
right: 5px !important;
|
|
}
|
|
|
|
.block-compare .product-item .product-item-name .product-item-link {
|
|
font-size: var(--text-md) !important;
|
|
}
|
|
|
|
.prology-single .column.main .product-items {
|
|
grid-template-columns: 1fr 1fr 1fr 1fr 1fr !important;
|
|
margin-top: 20px !important;
|
|
}
|
|
|
|
/* OLD .prology-single .page-categories .column.main .product-items */
|
|
.page-products .column.main .product-items {
|
|
grid-template-columns: 1fr 1fr 1fr 1fr !important;
|
|
margin-top: 0px !important;
|
|
}
|
|
.search.results .toolbar.toolbar-products + .block {
|
|
display: none;
|
|
}
|
|
|
|
@media only screen and (max-width: 1439px) {
|
|
.prology-single .page-categories .column.main .product-items {
|
|
grid-template-columns: 1fr 1fr 1fr !important;
|
|
grid-gap: 10px !important;
|
|
}
|
|
.prology-single .products-grid .product-item-actions {
|
|
display: flex;
|
|
flex-direction: column-reverse;
|
|
}
|
|
.prology-single a.action.tocart.primary {
|
|
padding-left: 10px;
|
|
}
|
|
}
|
|
|
|
.prology-single .column.main .product-items {
|
|
/* grid-gap: 30px !important; */
|
|
margin: 0;
|
|
}
|
|
|
|
.page-product-detail .block .title {
|
|
margin-bottom: 30px !important;
|
|
}
|
|
|
|
.page-product-detail .block .title strong {
|
|
font-size: 22px;
|
|
font-weight: var(--font-semi);
|
|
}
|
|
|
|
.prology-single .product-item {
|
|
border-right: 1px solid #dfdfdf;
|
|
border-bottom: 1px solid #dfdfdf;
|
|
}
|
|
|
|
.prology-single .page-product-detail .product-item {
|
|
border: 1px solid #dfdfdf;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.prology-single .page-product-detail .product-items {
|
|
border: 0 none !important
|
|
}
|
|
|
|
.prology-single .page-product-detail .product-item-info {
|
|
width: auto !important;
|
|
}
|
|
|
|
.page-product-detail .products-grid .product-item-info:hover,
|
|
.page-product-detail .products-grid .product-item-info.active {
|
|
box-shadow: unset !important;
|
|
}
|
|
|
|
/* .prology-single .block.widget .product-item-info {
|
|
position: absolute;
|
|
right: 0;
|
|
left: 15px;
|
|
top: 0;
|
|
} */
|
|
|
|
.prology-single .column.main a.product-item-link {
|
|
font-size: var(--text-h6);
|
|
font-weight: var(--font-black);
|
|
text-transform: uppercase;
|
|
color: var(--text-nav)!important;
|
|
}
|
|
|
|
.prology-single .product-item-photo {
|
|
display: block;
|
|
text-align: center;
|
|
}
|
|
|
|
.prology-single .product-item .price-box .price-label {
|
|
display: none;
|
|
}
|
|
|
|
.prology-single .column.main .product-item .price-box .price {
|
|
font-size: var(--text-h6) !important;
|
|
font-weight: var(--font-reg);
|
|
color: var(--text-nav);
|
|
}
|
|
|
|
.prology-single .swatch-option.text {
|
|
padding: 4px 18px 12px !important;
|
|
border-radius: 15px;
|
|
line-height: 12px;
|
|
}
|
|
|
|
@media only screen and (max-width: 1439px) {
|
|
.prology-single .page-product-detail .columns .column.main {
|
|
display: grid;
|
|
grid-template-areas:
|
|
'div1 div2 div3'
|
|
'div4 div4 div4'
|
|
'div5 div5 div5'
|
|
'div6 div6 div6';
|
|
grid-template-columns: 30% 45% 25%;
|
|
}
|
|
.prology-single .page-product-detail .columns .column.main>div {
|
|
width: 100% !important;
|
|
}
|
|
.prology-single .page-product-detail .columns .column.main > div:nth-child(1) {
|
|
grid-area: div3;
|
|
}
|
|
.prology-single .page-product-detail .columns .column.main > div:nth-child(2) {
|
|
grid-area: div2;
|
|
}
|
|
.prology-single .page-product-detail .columns .column.main > div:nth-child(3) {
|
|
grid-area: div1;
|
|
}
|
|
.prology-single .page-product-detail .columns .column.main > div:nth-child(4) {
|
|
grid-area: div4;
|
|
margin-top: 15px;
|
|
margin-bottom: 0;
|
|
}
|
|
.prology-single .page-product-detail .columns .column.main > div:nth-child(5) {
|
|
grid-area: div5;
|
|
}
|
|
.prology-single .page-product-detail .columns .column.main > div.block.upsell {
|
|
grid-area: div6;
|
|
}
|
|
}
|
|
|
|
.page-footer-top {
|
|
padding: 20px !important;
|
|
}
|
|
|
|
.page-footer-top .items {
|
|
display: grid;
|
|
grid-template-columns: 33.333% 33.333% 33.333%;
|
|
}
|
|
|
|
.page-footer-top .items .item {
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 20px;
|
|
}
|
|
|
|
.page-footer-top .items .item-content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
color: #fff;
|
|
}
|
|
|
|
.page-footer-top .items .item:nth-child(even) {
|
|
margin: auto;
|
|
}
|
|
|
|
.page-footer-top .items .item:last-child {
|
|
margin-left: auto;
|
|
}
|
|
|
|
.page-footer-top .items .item-content >span:first-child {
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.page-footer-top .items .item-content >span {
|
|
font-size: var(--text-default);
|
|
}
|
|
|
|
.page-footer-top .items .item-content >strong {
|
|
font-size: var(--text-md);
|
|
font-weight: var(--font-black);
|
|
}
|
|
|
|
.page-footer-top .items .item-content > * {
|
|
color: #fff;
|
|
}
|
|
|
|
.page-footer-top .item-wrapper {
|
|
display: flex;
|
|
gap: 20px;
|
|
}
|
|
|
|
.page-footer-top .item-wrapper img {
|
|
object-fit: contain;
|
|
}
|
|
|
|
.page-wrapper > .page-bottom > div:last-child {
|
|
background-color: var(--button-bg);
|
|
}
|
|
|
|
.page-footer {
|
|
margin-top: 0 !important;
|
|
}
|
|
|
|
.footer.content {
|
|
display: grid;
|
|
grid-template-columns: 20% 20% 20% 20% 20%;
|
|
}
|
|
|
|
.panel.header .header.links,
|
|
.panel.header .minicart-wrapper.minicart-delivery,
|
|
.panel.header .minicart-wrapper.minicart-carttoquote >div,
|
|
.panel.header .minicart-wrapper.minicart-prology {
|
|
margin-top: 2px !important;
|
|
}
|
|
|
|
.prology-single .product-reviews-summary.short.no-rating {
|
|
display: none;
|
|
}
|
|
|
|
.social a:hover,
|
|
.social a:focus {
|
|
text-decoration: none;
|
|
}
|
|
.social a:hover svg circle,
|
|
.social a:focus svg circle {
|
|
fill: #50C3E6;
|
|
fill-opacity: 1;
|
|
}
|
|
.social a:hover svg path,
|
|
.social a:focus svg path {
|
|
fill: #fff;
|
|
}
|
|
.social a svg path {
|
|
fill: #50C3E6;
|
|
}
|
|
|
|
.social a svg circle {
|
|
fill: #fff;
|
|
fill-opacity: .1;
|
|
}
|
|
|
|
.prology-single .block-search input {
|
|
font-size: 13px;
|
|
}
|
|
|
|
.prology-single input#search::placeholder {
|
|
color: rgba(0,0,0,.2);
|
|
}
|
|
|
|
.prology-single .block-search .action.search[disabled] {
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
.prology-single .product-reviews-summary {
|
|
display: none;
|
|
}
|
|
|
|
.prology-single .nav-sections {
|
|
box-shadow: unset !important;
|
|
border-bottom: 1px solid #ddd;
|
|
}
|
|
|
|
.page-product-detail .swatch-attribute-label,
|
|
.page-product-detail .swatch-attribute-label + span {
|
|
font-weight: 400 !important;
|
|
font-size: var(--text-md);
|
|
color: var(--text-placeholder);
|
|
}
|
|
|
|
.page-product-detail .fotorama__thumb-border {
|
|
background-image: none !important;
|
|
border-color: transparent !important;
|
|
}
|
|
|
|
.page-product-detail .fotorama__nav--thumbs .fotorama__nav__frame {
|
|
padding: 0 20px 0 0 !important;
|
|
}
|
|
|
|
.page-product-detail .fotorama__nav--thumbs .fotorama__nav__frame.fotorama__nav__frame--thumb {
|
|
height: 80px !important;
|
|
width: 80px !important;
|
|
}
|
|
|
|
.page-product-detail .fotorama__active > div {
|
|
border: 1px solid var(--button-bg);
|
|
overflow: hidden;
|
|
background-color: var(--button-bg);
|
|
}
|
|
|
|
.page-product-detail .fotorama__dot {
|
|
width: 10px !important;
|
|
height: 10px !important;
|
|
}
|
|
|
|
@media only screen and (max-width: 1440px) {
|
|
.footer.content {
|
|
grid-template-columns: 33.333% 33.333% 33.333%
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 991px) {
|
|
.footer.content {
|
|
grid-template-columns: 50% 50%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 555px) {
|
|
.footer.content {
|
|
grid-template-columns: 100%;
|
|
}
|
|
}
|
|
|
|
.block.newsletter {
|
|
order: 5;
|
|
}
|
|
|
|
small.copyright > span {
|
|
text-align: left !important;
|
|
font-size: var(--text-default);
|
|
color: rgba(255,255,255,.2);
|
|
}
|
|
|
|
@media only screen and (min-width: 1570px) {
|
|
small.copyright > span {
|
|
max-width: 1570px;
|
|
display: block;
|
|
margin: auto;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 769px) {
|
|
.block.newsletter {
|
|
/* width: 100% !important; */
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 991px) {
|
|
.page-footer-top .items {
|
|
grid-template-columns: 100%;
|
|
gap: 20px;
|
|
}
|
|
.page-footer-top .items .item:nth-child(even),
|
|
.page-footer-top .items .item:last-child {
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1439px) {
|
|
.prology-single .column.main .product-items {
|
|
display: grid;
|
|
grid-gap: 20px;
|
|
grid-template-columns: 1fr 1fr 1fr 1fr !important;
|
|
}
|
|
.page-categories .product-items {
|
|
grid-template-columns: 33.33334% 33.33334% 33.33334% !important;
|
|
}
|
|
.page-categories .products {
|
|
margin-top: 15px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1439px) {
|
|
.top-info {
|
|
width: 100%;
|
|
/* text-align: center; */
|
|
}
|
|
.top-info div {
|
|
float: none;
|
|
display: inline-block;
|
|
}
|
|
.minicart-wrapper {
|
|
margin-left: 0 !important;
|
|
}
|
|
.minicart-wrapper {
|
|
display: inline-flex !important;
|
|
float: unset !important;
|
|
align-items: center;
|
|
}
|
|
.minicart-wrapper > *:not(div[role=dialog]) {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
}
|
|
.minicart-wrapper > script {
|
|
display: none !important;
|
|
}
|
|
.minicart-wrapper span {
|
|
color: #575757 !important;
|
|
}
|
|
.header.panel > .header.links {
|
|
float: left;
|
|
border-right: 0 none;
|
|
}
|
|
.header.panel > .header.links {
|
|
/* margin-right: -1px !important; */
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1244px) {
|
|
.prology-single .columns .column.main {
|
|
grid-template-areas:
|
|
'div1 div2'
|
|
'div1 div3'
|
|
'div4 div4'
|
|
'div5 div5'
|
|
'div6 div6' !important;
|
|
grid-template-columns: 40% 60% !important;
|
|
}
|
|
.prology-single .content-prology-support {
|
|
display: flex;
|
|
align-items: start;
|
|
gap: 30px;
|
|
}
|
|
.content-prology-support>div {
|
|
display: flex;
|
|
margin-left: 0 !important;
|
|
margin-bottom: 0 !important;
|
|
}
|
|
.prology-single .support-content {
|
|
grid-area: divSupportContent;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
}
|
|
.prology-single .support-term {
|
|
grid-area: divSupportTerm;
|
|
flex-direction: row;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 991px) {
|
|
.prology-single .columns .column.main {
|
|
grid-template-areas:
|
|
'div1 div3'
|
|
'div2 div2'
|
|
'div4 div4'
|
|
'div5 div5'
|
|
'div6 div6' !important;
|
|
grid-template-columns: 60% 40% !important;
|
|
}
|
|
.prology-single .content-prology-support {
|
|
flex-direction: column;
|
|
}
|
|
.prology-single .product.media > p {
|
|
margin-bottom: 20px;
|
|
}
|
|
.fotorama__stage, .fotorama__nav {
|
|
margin: auto;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1200px) {
|
|
.navigation .level0.parent > .level-top {
|
|
padding: 5px !important;
|
|
}
|
|
.navigation .level0 > .level-top {
|
|
line-height: 35px !important;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
.product.data.items > .item.title > .switch {
|
|
padding: 1px 20px !important;
|
|
}
|
|
html.nav-open {
|
|
overflow-y: hidden;
|
|
}
|
|
html.nav-open body {
|
|
overflow: hidden;
|
|
}
|
|
.page-wrapper {
|
|
left: 0 !important;
|
|
transition: all 0.3s ease-out 0s !important;
|
|
}
|
|
.navigation {
|
|
display: none !important;
|
|
}
|
|
.nav-open .navigation {
|
|
display: block !important;
|
|
}
|
|
.nav-open.nav1024 .navigation > ul > li > ul[aria-expanded=true] {
|
|
display: block !important;
|
|
}
|
|
.nav-open.nav1024 .navigation > ul > li > ul[aria-expanded=false] {
|
|
display: none !important;
|
|
}
|
|
.nav-open .page-wrapper {
|
|
left: calc(100% - 54px) !important;
|
|
}
|
|
.nav-open .nav-toggle:after {
|
|
background: rgba(0, 0, 0, 0.7);
|
|
content: '';
|
|
display: block;
|
|
height: 100%;
|
|
position: fixed;
|
|
right: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
z-index: 1;
|
|
}
|
|
.sections.nav-sections {
|
|
position: fixed;
|
|
top: 0;
|
|
left: calc(-1 * (100% - 54px));
|
|
transition: all 0.25s ease-out 0s;
|
|
width: calc(100% - 54px);
|
|
height: 100%;
|
|
z-index: 14;
|
|
overflow-y: scroll;
|
|
}
|
|
html.nav-open .sections.nav-sections,
|
|
html.nav-open .sections.nav-sections:before,
|
|
html.nav-open .sections.nav-sections:after {
|
|
left: 0;
|
|
}
|
|
html.nav-open .sections.nav-sections:before,
|
|
html.nav-open .sections.nav-sections:after {
|
|
position: fixed;
|
|
top: 0;
|
|
height: 100%;
|
|
content: '';
|
|
opacity: 0;
|
|
transition: all 0.3s ease-out 0s;
|
|
}
|
|
html.nav-open .sections.nav-sections:before {
|
|
left: 100%;
|
|
width: calc(100% - 54px);
|
|
z-index: 3;
|
|
background-color: #fff;
|
|
}
|
|
html.nav-open .sections.nav-sections:after {
|
|
left: 0;
|
|
opacity: 1;
|
|
display: none;
|
|
width: 100%;
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
}
|
|
html.nav-open .navigation ul {
|
|
padding: 0 !important;
|
|
}
|
|
html.nav-open .navigation li.level0 {
|
|
display: flex !important;
|
|
text-align: left;
|
|
margin: 0 !important;
|
|
border-top: 1px solid #dfdfdf !important;
|
|
flex-direction: column;
|
|
padding: 0 10px;
|
|
}
|
|
html.nav-open .navigation span.ui-menu-icon:after {
|
|
content: '' !important;
|
|
}
|
|
html.nav-open .navigation>ul>li>a>span.ui-menu-icon:after {
|
|
content: unset !important;
|
|
}
|
|
html.nav-open .navigation .level0 {
|
|
border-top: 1px solid #d1d1d1;
|
|
font-size: 1.6rem;
|
|
}
|
|
html.nav-open .navigation > ul > li > ul {
|
|
position: relative !important;
|
|
box-shadow: unset !important;
|
|
top: 0 !important;
|
|
left: 0 !important;
|
|
}
|
|
html.nav-open .navigation li:last-child {
|
|
border-bottom: 0 none !important;
|
|
}
|
|
html.nav-open .navigation > ul > li > ul > li > ul {
|
|
position: static !important;
|
|
box-shadow: unset !important;
|
|
top: 0 !important;
|
|
left: 0 !important;
|
|
display: block !important;
|
|
border: 0 none !important;
|
|
}
|
|
.nav-open .navigation li.level0 > ul > li > ul {
|
|
margin-left: 30px !important;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
.prology-banner-wrapper strong.title {
|
|
font-size: 56px;
|
|
}
|
|
.top-slider .brands {
|
|
margin: 20px auto 0;
|
|
}
|
|
|
|
.prology-ads .blocks-promo-home-1 .content .info,
|
|
.prology-ads .blocks-promo-home-1 .content .des {
|
|
font-size: var(--text-md);
|
|
}
|
|
.prology-ads .block-promo .content .title {
|
|
font-size: var(--text-h5);
|
|
}
|
|
.prology-ads .block-promo .content .info {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1023px) {
|
|
.header.panel > .header.links {
|
|
border-right: 1px solid var(--border-color);
|
|
}
|
|
.prology-single .header.panel > .header.links {
|
|
width: auto;
|
|
float: unset !important;
|
|
margin: 0 !important;
|
|
}
|
|
.prology-single .page-header .header.panel {
|
|
padding: 0 !important;
|
|
margin: 0 15px;
|
|
/* border-left: 1px solid var(--text-placeholder);
|
|
border-right: 1px solid var(--text-placeholder); */
|
|
}
|
|
.prology-single .panel.header {
|
|
display: grid;
|
|
grid-template-areas:
|
|
'divTopInfo divTopInfo divTopInfo divTopInfo'
|
|
'divMCWMPrology divMWMCQuote divMWMDelivery divHeaderLinks';
|
|
}
|
|
.prology-single .top-info {
|
|
grid-area: divTopInfo;
|
|
border-left: 1px solid #dfdfdf;
|
|
}
|
|
|
|
.prology-single .header.links {
|
|
grid-area: divHeaderLinks;
|
|
width: 100%;
|
|
border-left: 1px solid #dfdfdf;
|
|
}
|
|
|
|
.prology-single .minicart-wrapper.minicart-delivery {
|
|
grid-area: divMWMDelivery;
|
|
width: 100%;
|
|
border-left: 1px solid #dfdfdf;
|
|
}
|
|
|
|
.prology-single .minicart-wrapper.minicart-carttoquote {
|
|
grid-area: divMWMCQuote;
|
|
width: 100%;
|
|
}
|
|
|
|
.prology-single .minicart-wrapper.minicart-prology {
|
|
grid-area: divMCWMPrology;
|
|
width: 100%;
|
|
}
|
|
.blocks-about .row.body > div:first-child {
|
|
display: none;
|
|
}
|
|
.blocks-about .row.body .content {
|
|
padding: 0 !important;
|
|
}
|
|
.prologyListCategoriesWrapper {
|
|
grid-template-areas:
|
|
'image1 image1 image1 image1 image1 image1 image1 image1'
|
|
'image2 image2 image2 image2 image3 image3 image3 image3'
|
|
'image4 image4 image4 image4 image5 image5 image5 image5';
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.navigation > ul > li {
|
|
border-left: 0 none !important;
|
|
}
|
|
.top-slider .brands {
|
|
padding: 0;
|
|
margin: 20px auto 0;
|
|
}
|
|
.nav-open .nav-sections div#store\.links {
|
|
display: block;
|
|
}
|
|
.page-header {
|
|
margin-bottom: 0 !important;
|
|
}
|
|
.prology-banner {
|
|
margin: 0;
|
|
/* min-height: 450px; */
|
|
}
|
|
.prology-banner-wrapper strong.title {
|
|
font-size: 48px;
|
|
}
|
|
.nav-sections-item-content {
|
|
padding: 0 0 25px !important;
|
|
margin-top: 45px !important;
|
|
}
|
|
.nav-sections-item-title {
|
|
display: inline-flex !important;
|
|
padding: 15px 15px 10px !important;
|
|
height: unset !important;
|
|
width: unset !important;
|
|
}
|
|
.section-item-content.nav-sections-item-content ul.header.links {
|
|
padding: 0 !important;
|
|
width: 100% !important;
|
|
}
|
|
.navigation > ul > li:last-child {
|
|
padding-right: 0 !important;
|
|
}
|
|
.minicart-wrapper {
|
|
margin-top: 0 !important;
|
|
}
|
|
.page-header .header.panel {
|
|
padding: 0 !important;
|
|
}
|
|
.page-header .header.content {
|
|
border-top: 1px solid var(--border-color);
|
|
padding-top: 0 !important;
|
|
}
|
|
.page-header .header.content:before {
|
|
/* border-top: 1px solid var(--border-color); */
|
|
position: static;
|
|
width: 100%;
|
|
}
|
|
.logo {
|
|
max-width: 144px !important;
|
|
width: 244px;
|
|
display: inline-flex;
|
|
margin-top: 10px !important;
|
|
margin-bottom: 10px !important;
|
|
}
|
|
.top-info > div:first-child,
|
|
.minicart-wrapper.minicart-delivery {
|
|
padding-left: 15px;
|
|
border-left: 0 none;
|
|
}
|
|
.header.panel > .header.links,
|
|
.top-info {
|
|
/* padding-right: 15px; */
|
|
/* border-right: 0 none; */
|
|
}
|
|
.form.minisearch #search {
|
|
padding: 10px 30px;
|
|
}
|
|
.block-search .label:before {
|
|
margin-top: 18px !important;
|
|
}
|
|
.prology-single .product.data.items {
|
|
margin-left: 0 !important;
|
|
margin-right: 0 !important;
|
|
}
|
|
.prology-single .column.main .product-items {
|
|
grid-template-columns: 1fr 1fr 1fr !important;
|
|
}
|
|
.prology-single .widget>h3 {
|
|
font-size: var(--text-h6);
|
|
}
|
|
.prology-single .product.data.items > .item.title.active:after {
|
|
background-color: transparent !important;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 575px) {
|
|
.filter-title strong {
|
|
position: static !important;
|
|
display: block;
|
|
border: 0 none !important;
|
|
background: var(--button-bg) !important;
|
|
color: #fff !important;
|
|
}
|
|
.filter-title strong[aria-selected="true"] {
|
|
position: absolute !important;
|
|
background-color: transparent !important;
|
|
font-size: 0px !important;
|
|
}
|
|
.page-products .sorter {
|
|
float: left !important;
|
|
position: static !important;
|
|
}
|
|
.prology-ads .blocks-promo.blocks-promo-home-1 {
|
|
margin-bottom: 15px;
|
|
}
|
|
.prology-single .block.widget .product-item-info {
|
|
/* left: 10px; */
|
|
padding-right: 10px;
|
|
}
|
|
.prology-single a.product-item-link {
|
|
font-size: var(--text-md);
|
|
}
|
|
.prology-single .column.main .product-items,
|
|
.prology-single .page-categories .column.main .product-items {
|
|
grid-template-columns: 1fr 1fr !important;
|
|
}
|
|
.page-categories .product-items {
|
|
grid-template-columns: 100% !important;
|
|
}
|
|
.header.links {
|
|
border-right: 1px solid #dfdfdf;
|
|
}
|
|
.prology-single .columns .column.main {
|
|
grid-template-areas:
|
|
'div1 div1'
|
|
'div2 div2'
|
|
'div3 div3'
|
|
'div4 div4'
|
|
'div5 div5'
|
|
'div6 div6' !important;
|
|
grid-template-columns: unset !important;
|
|
}
|
|
.content-prology-support {
|
|
flex-direction: column;
|
|
align-items: stretch !important;
|
|
}
|
|
.prologyListCategoriesWrapper {
|
|
grid-template-areas:
|
|
'image1' 'image2' 'image3' 'image4' 'image5';
|
|
}
|
|
.blocks-about .logan, .blocks-about .separate {
|
|
font-size: var(--text-h6);
|
|
}
|
|
.blocks-about .title {
|
|
font-size: var(--text-h5);
|
|
}
|
|
.blocks-about .head {
|
|
margin-bottom: 15px;
|
|
}
|
|
.blocks-about .head > p {
|
|
display: none;
|
|
font-size: var(--text-nav);
|
|
}
|
|
.blocks-about .row.body .content {
|
|
gap: 15px
|
|
}
|
|
.blocks-about .row.body .content .title {
|
|
font-size: var(--text-h6);
|
|
}
|
|
.blocks-about .row.body .content .des {
|
|
font-size: var(--text-md);
|
|
}
|
|
.prology-ads {
|
|
gap: 15px;
|
|
flex-direction: column;
|
|
}
|
|
.prology-ads .block-promo .content .title {
|
|
font-size: var(--text-lg);
|
|
}
|
|
.prology-banner-wrapper {
|
|
width: 100%;
|
|
}
|
|
.prology-banner-wrapper strong.title {
|
|
font-size: 21px;
|
|
}
|
|
.prology-banner-wrapper span.info {
|
|
font-size: 16px;
|
|
margin: 10px 30px;
|
|
}
|
|
.top-info {
|
|
display: none !important;
|
|
}
|
|
.header.panel > .header.links {
|
|
display: none !important;
|
|
text-align: center;
|
|
}
|
|
.logo {
|
|
max-width: 140px !important;
|
|
margin-top: 15px;
|
|
}
|
|
.block-search .label:before {
|
|
margin-top: 20px !important;
|
|
}
|
|
.page-header .header.panel {
|
|
display: flex;
|
|
}
|
|
.minicart-wrapper {
|
|
border-left: 1px solid #dfdfdf !important;
|
|
}
|
|
.minicart-prology {
|
|
order: 0;
|
|
}
|
|
.minicart-carttoquote {
|
|
order: 1;
|
|
}
|
|
.minicart-delivery {
|
|
order: 2;
|
|
border-right: 1px solid #dfdfdf !important;
|
|
}
|
|
.minicart-wrapper .block-minicart:before,
|
|
.minicart-wrapper .block-minicart:after {
|
|
right: unset !important;
|
|
}
|
|
.minicart-wrapper .block-minicart:before {
|
|
left: 12px;
|
|
}
|
|
.minicart-wrapper .block-minicart:after {
|
|
left: 11px;
|
|
}
|
|
}
|
|
|
|
/* @media only screen and (min-width: 500px) {
|
|
.prology-single li.product-item {
|
|
max-height: 400px !important;
|
|
}
|
|
} */
|
|
|
|
/* @media only screen and (min-width: 321px) {
|
|
.prology-single li.product-item {
|
|
max-height: 300px;
|
|
}
|
|
} */
|
|
|
|
/* @media only screen and (max-width: 320px) {
|
|
.prology-single li.product-item {
|
|
max-height: 260px;
|
|
}
|
|
} */
|
|
|
|
@media only screen and (min-width: 1025px) {
|
|
.logo {
|
|
margin: 0 !important;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 1024px) {
|
|
.prology-banner {
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) and (min-width: 769px) {
|
|
.logo {
|
|
margin: 0 0 0 40px !important;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 769px) {
|
|
.page-wrapper > .page-bottom > div:last-child {
|
|
width: 100% !important;
|
|
margin-top: 60px;
|
|
}
|
|
.navigation .level0 .submenu .active > a {
|
|
border-color: var(--button-bg) !important;
|
|
}
|
|
.header.content {
|
|
padding: 5px 10px !important;
|
|
}
|
|
.logo {
|
|
max-width: 244px !important;
|
|
}
|
|
/* .nav-toggle {
|
|
top: 50% !important;
|
|
transform: translateY(-50%);
|
|
} */
|
|
.form.minisearch #search {
|
|
width: 400px;
|
|
border: 1px solid var(--border-color);
|
|
padding: 0 15px;
|
|
}
|
|
.block-search {
|
|
margin-top: 10px;
|
|
margin-right: 0;
|
|
}
|
|
.block-search .action.search:before {
|
|
border-radius: 40px;
|
|
}
|
|
.block-search input {
|
|
font-size: 13px;
|
|
}
|
|
.navigation > ul {
|
|
text-align: center;
|
|
}
|
|
.navigation > ul > li > ul {
|
|
text-align: left;
|
|
}
|
|
.navigation .level0, .navigation .level0:last-child {
|
|
border: 0 none !important;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 576px) {
|
|
.prologyListCategories,
|
|
.prology-ads, .blocks-about .row.body {
|
|
float: left;
|
|
}
|
|
.prology-ads, .blocks-about .row.body {
|
|
display: flex;
|
|
gap: 30px;
|
|
flex-direction: row;
|
|
}
|
|
.prology-ads .blocks-promo-home-1 {
|
|
padding: 0 !important;
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
.page-product-detail .product-item-info {
|
|
width: auto;
|
|
}
|
|
|
|
#tab-label-additional,
|
|
#tab-label-reviews-title,
|
|
#additional,
|
|
#reviews {
|
|
display: none;
|
|
}
|
|
|
|
.page-products .modes {
|
|
display: none;
|
|
}
|
|
|
|
.page-products .toolbar-amount,
|
|
.page-products .sorter>label,
|
|
.page-products .toolbar select {
|
|
font-size: var(--text-default);
|
|
color: var(--text-placeholder);
|
|
}
|
|
|
|
.page-products .toolbar select {
|
|
background-color: transparent !important;
|
|
box-shadow: unset !important;
|
|
border-radius: 15px !important;
|
|
}
|
|
|
|
.page-products .page-title {
|
|
/* padding-left: 22.83333333%; */
|
|
}
|
|
|
|
.page-products .page-title {
|
|
font-size: var(--text-h5);
|
|
margin: 15px 0 !important;
|
|
}
|
|
.page-products .page-title-wrapper {
|
|
margin: 0 !important;
|
|
}
|
|
|
|
.page-categories .filter .block-subtitle,
|
|
.page-categories .block-title > strong[role='heading'] {
|
|
font-size: var(--text-md);
|
|
color: var(--text-nav);
|
|
font-weight: var(--font-extra);
|
|
text-transform: uppercase;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.page-categories .block-title + * {
|
|
font-size: var(--text-md);
|
|
font-weight: var(--font-reg);
|
|
color: var(--text-placeholder);
|
|
}
|
|
|
|
.page-products .filter-options-title {
|
|
font-size: var(--text-default);
|
|
color: var(--text-placeholder);
|
|
font-weight: var(--font-semi);
|
|
margin-top: 5px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.page-products .filter-options-title,
|
|
.page-products .block-subtitle.filter-subtitle {
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.page-products .page-categories .product-item-info {
|
|
width: auto;
|
|
}
|
|
|
|
.page-categories .products-grid .product-item-info:hover,
|
|
.page-categories .products-grid .product-item-info.active {
|
|
box-shadow: unset !important;
|
|
}
|
|
|
|
.page-products .page-main.brands-supported img {
|
|
width: 100%;
|
|
}
|
|
|
|
.page-categories div[data-role^='swatch-option-'] {
|
|
display: none;
|
|
}
|
|
|
|
.page-categories .column.main span.price {
|
|
font-size: var(--text-h5) !important;
|
|
font-weight: var(--font-semi) !important;
|
|
}
|
|
|
|
.page-categories .custom-title-list-product h4 {
|
|
font-size: var(--text-default);
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.page-categories .product.name.product-item-name a {
|
|
font-size: var(--text-h6);
|
|
font-weight: var(--font-extra);
|
|
margin: 10px 0;
|
|
display: block;
|
|
}
|
|
|
|
.page-categories .list-product-description {
|
|
font-size: var(--text-md);
|
|
font-weight: var(--font-reg);
|
|
color: var(--text-placeholder);
|
|
margin: 20px 0 0;
|
|
visibility: visible;
|
|
opacity: 1;
|
|
}
|
|
|
|
@media only screen and (max-width: 1439px) {
|
|
.page-categories .custom-title-list-product h4 {
|
|
font-size: var(--text-default);
|
|
}
|
|
.page-categories .product.name.product-item-name a {
|
|
font-size: var(--text-h6);
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 575px) {
|
|
.page-products .custom-title-list-product h4 {
|
|
font-size: 12px;
|
|
}
|
|
.page-products .product.name.product-item-name a {
|
|
font-size: var(--text-default);
|
|
}
|
|
.page-products .list-product-description {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
.page-categories .columns .column {
|
|
width: 75% !important;
|
|
}
|
|
.page-categories .columns .sidebar {
|
|
width: 25%;
|
|
}
|
|
.page-categories .product-item {
|
|
padding: 15px 20px 20px !important;
|
|
}
|
|
.page-products .column.main span.price {
|
|
font-size: var(--text-md) !important;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.page-products .columns {
|
|
padding-top: 0 !important;
|
|
}
|
|
}
|
|
|
|
.prology-single .page-header {
|
|
border-bottom: 1px solid #ccc !important;
|
|
}
|
|
|
|
.prology-single .product-item-details> div[data-role^=swatch-option-] {
|
|
display: none;
|
|
}
|
|
|
|
.prology-single a.action.tocart.primary {
|
|
background: transparent !important;
|
|
color: var(--text-color);
|
|
text-decoration: underline;
|
|
border: 0 none;
|
|
padding-left: 0;
|
|
font-size: var(--text-md);
|
|
font-weight: var(--font-reg);
|
|
}
|
|
|
|
.page-categories .products-grid .product-item-info:not(:hover):not(.active) .product-item-inner {
|
|
width: auto;
|
|
position: relative !important;
|
|
}
|
|
|
|
.page-product-detail .modal-slide,
|
|
.page-product-detail .modal-popup {
|
|
display: none;
|
|
}
|
|
|
|
.page-product-detail .modal-slide._show,
|
|
.page-product-detail .modal-popup._show {
|
|
display: block;
|
|
}
|
|
|
|
.prology-single .navigation {
|
|
/* z-index: 1 !important; */
|
|
}
|
|
|
|
.catalog-product-view .modal-inner-wrap {
|
|
border-radius: 15px;
|
|
}
|
|
|
|
.catalog-product-view .modal-popup .modal-title {
|
|
font-size: var(--text-md);
|
|
font-weight: var(--font-semi);
|
|
}
|
|
|
|
.modals-wrapper {
|
|
position: relative;
|
|
z-index: 5;
|
|
}
|
|
|
|
.modal-price-suggestion .forms--inner-form.panel--body {
|
|
/* display: table;
|
|
border-collapse: separate;
|
|
border-spacing: 10px 5px; */
|
|
display: grid;
|
|
grid-auto-columns: 1fr;
|
|
grid-auto-rows: 1fr;
|
|
align-items: stretch;
|
|
grid-template-columns: repeat(auto-fit, minmax(min(33.33332%, 100%), 1fr));
|
|
gap: 12px;
|
|
}
|
|
.modal-price-suggestion .forms--inner-form.panel--body>div {
|
|
width: 100% !important;
|
|
}
|
|
/* .modal-price-suggestion .forms--inner-form.panel--body > div {
|
|
display: inline-table;
|
|
}
|
|
.modal-price-suggestion .field--select, .modal-price-suggestion input[type="number"] {
|
|
max-width: unset !important;
|
|
}
|
|
.modal-price-suggestion .forms--inner-form.panel--body > div:nth-child(1) {
|
|
width: 15%;
|
|
}
|
|
.modal-price-suggestion .forms--inner-form.panel--body > div:nth-child(2),
|
|
.modal-price-suggestion .forms--inner-form.panel--body > div:nth-child(3),
|
|
.modal-price-suggestion .forms--inner-form.panel--body > div:nth-child(4) {
|
|
width: 28.3333333333333334%;
|
|
}
|
|
.modal-price-suggestion .forms--inner-form.panel--body > div:nth-child(5),
|
|
.modal-price-suggestion .forms--inner-form.panel--body > div:nth-child(6),
|
|
.modal-price-suggestion .forms--inner-form.panel--body > div:nth-child(7),
|
|
.modal-price-suggestion .forms--inner-form.panel--body > div:nth-child(8),
|
|
.modal-price-suggestion .forms--inner-form.panel--body > div:nth-child(9),
|
|
.modal-price-suggestion .forms--inner-form.panel--body > div:nth-child(10) {
|
|
width: 33.3333333333333334%;
|
|
}
|
|
.modal-price-suggestion .forms--inner-form.panel--body > div:nth-child(11) {
|
|
width: 100%;
|
|
}
|
|
|
|
.modal-popup .modal-inner-wrap {
|
|
width: 30% !important;
|
|
} */
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.modal-price-suggestion .forms--inner-form.panel--body > div {
|
|
width: 100% !important;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 1025px) {
|
|
.modal-popup .modal-inner-wrap {
|
|
width: 30% !important;
|
|
}
|
|
}
|
|
|
|
.modal-price-suggestion .select-field select,
|
|
.modal-price-suggestion input[type="number"],
|
|
.modal-price-suggestion input {
|
|
border-color: #dfdfdf !important;
|
|
max-height: 38px;
|
|
border-radius: 8px !important;
|
|
}
|
|
|
|
.modal-price-suggestion input,
|
|
.modal-price-suggestion label,
|
|
.modal-price-suggestion select {
|
|
font-size: var(--text-default);
|
|
color: var(--text-placeholder);
|
|
outline: none;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.prology-single .product-item-info {
|
|
/* height: 100%; */
|
|
padding: 15px 30px 20px !important;
|
|
margin-top: 1px !important;
|
|
}
|
|
|
|
.page-categories .product-item-info {
|
|
padding: 15px 15px!important;
|
|
}
|
|
|
|
@media only screen and (max-width: 575px) {
|
|
.prology-single .product-item-info {
|
|
padding: 15px 15px 0 !important;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 640px) {
|
|
.prology-single .products-grid .product-item-info:hover,
|
|
.prology-single .products-grid .product-item-info.active {
|
|
position: unset !important;
|
|
}
|
|
}
|
|
|
|
.prology-single .stock.unavailable {
|
|
padding-right: 10px !important;
|
|
color: var(--text-placeholder);
|
|
font-size: var(--text-md);
|
|
}
|
|
|
|
button.modal-button-submit {
|
|
background: var(--button-bg) !important;
|
|
color: #fff;
|
|
border: 0 none;
|
|
border-radius: 8px;
|
|
padding: 10px 30px;
|
|
font-weight: var(--font-reg);
|
|
font-size: var(--text-default);
|
|
}
|
|
|
|
.modal-footer button {
|
|
background: var(--text-placeholder);
|
|
color: #fff;
|
|
border: 0 none !important;
|
|
border-radius: 8px;
|
|
padding: 10px 30px;
|
|
font-weight: var(--font-reg);
|
|
font-size: var(--text-default);
|
|
}
|
|
|
|
.modal-content {
|
|
padding: 0 15px !important;
|
|
}
|
|
|
|
.modal-popup .modal-footer {
|
|
padding: 15px !important;
|
|
}
|
|
|
|
.modal-header {
|
|
padding: 20px 0 10px !important;
|
|
}
|
|
|
|
.modal-header h1 {
|
|
padding-left: 20px;
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
.modal-popup .modal-inner-wrap {
|
|
width: 75% !important;
|
|
margin: auto !important;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.modal-popup.modal-slide {
|
|
left: 0 !important;
|
|
}
|
|
.modal-popup .modal-inner-wrap {
|
|
width: 90% !important;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.modal-popup.modal-slide._inner-scroll .modal-inner-wrap {
|
|
min-height: 90% !important;
|
|
max-height: 90% !important;
|
|
margin: 5% auto 0 !important;
|
|
}
|
|
}
|
|
|
|
.page-product-detail .products {
|
|
margin: 0 !important;
|
|
}
|
|
|
|
.pages li.item strong, .pages li.item a, .pages li.item button {
|
|
padding: 5px 15px !important;
|
|
display: block !important;
|
|
border-radius: 0px !important;
|
|
background: #fff !important;
|
|
color: var(--button-bg) !important;
|
|
border: 1px solid var(--button-bg) !important;
|
|
}
|
|
.pages .action.next:before {
|
|
color: var(--button-bg) !important;
|
|
}
|
|
|
|
.pages li.item.current > * {
|
|
background-color: var(--button-bg) !important;
|
|
color: #fff !important;
|
|
}
|
|
|
|
body[class*=customer-account-] .page-title-wrapper,
|
|
body[class*=contact-] .page-title-wrapper,
|
|
body[class*=sales-guest-form] .page-title-wrapper,
|
|
body[class*=carttoquote-] .page-title-wrapper,
|
|
body[class*=checkout-] .page-title-wrapper,
|
|
body[class*=catalog-] .page-title-wrapper {
|
|
margin: 40px auto 30px;
|
|
}
|
|
.customer-account-login .page-title-wrapper {
|
|
text-align: left !important;
|
|
}
|
|
[class*=customer-account-] .page-title-wrapper,
|
|
[class*=sales-guest-form] .page-title-wrapper,
|
|
body.checkout-onepage-success .page-title-wrapper,
|
|
body.checkout-cart-index .column.main,
|
|
body.checkout-onepage-success .column.main {
|
|
text-align: center;
|
|
}
|
|
body.checkout-cart-index .product-item-details {
|
|
text-align: left;
|
|
}
|
|
body.checkout-onepage-success .primary {
|
|
float: unset !important;
|
|
display: revert!important;
|
|
}
|
|
.action.primary, .action-primary {
|
|
border-color: var(--button-bg) !important;
|
|
background-color: var(--button-bg) !important;
|
|
font-weight: var(--font-reg);
|
|
font-size: var(--text-default);
|
|
}
|
|
|
|
.form.password.reset, .form.send.confirmation, .form.password.forget, .form.create.account, .form.search.advanced, .form.form-orders-search {
|
|
margin: 0 auto;
|
|
}
|
|
|
|
#minicart-content-wrapper .items-total > *,
|
|
#minicart-content-wrapper .subtotal .label {
|
|
font-size: 12px;
|
|
color: var(--text-placeholder);
|
|
font-weight: 400 !important;
|
|
}
|
|
|
|
#minicart-content-wrapper .product-item-details > *:not(.product.options),
|
|
#checkout .product-item-details > *:not(.product.options) {
|
|
visibility: visible !important;
|
|
opacity: 1 !important;
|
|
}
|
|
#minicart-content-wrapper .product-item-details > .product.options {
|
|
display: none;
|
|
}
|
|
|
|
#minicart-content-wrapper .product-item-details .product-item-name a,
|
|
#minicart-content-wrapper .product-item-details .price,
|
|
#checkout .product-item-details .product-item-name a,
|
|
#checkout .product-item-details .product-item-name,
|
|
#checkout .product-item-details .price {
|
|
font-size: var(--text-md);
|
|
color: var(--text-nav);
|
|
text-transform: uppercase;
|
|
font-weight: var(--font-semi);
|
|
}
|
|
|
|
#minicart-content-wrapper .product-item-details .details-qty.qty,
|
|
#checkout .product-item-details .details-qty {
|
|
font-size: var(--text-default);
|
|
color: var(--text-placeholder);
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
#minicart-content-wrapper .product-item,
|
|
#checkout .product-item {
|
|
border-right: 0 none !important;
|
|
}
|
|
|
|
#minicart-content-wrapper .product-item:last-child,
|
|
#checkout .product-item:last-child {
|
|
border: 0 none !important;
|
|
}
|
|
|
|
#checkout .product-item:first-child {
|
|
border-top: 1px solid #dfdfdf;
|
|
}
|
|
|
|
#minicart-content-wrapper .product-item,
|
|
#checkout .product-item {
|
|
padding-top: 15px !important;
|
|
}
|
|
|
|
#checkout .opc-block-summary>.title {
|
|
font-weight: var(--font-reg);
|
|
}
|
|
|
|
#checkout .opc-block-summary {
|
|
padding-bottom: 0 !important;
|
|
}
|
|
|
|
div#checkout-step-shipping {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 30px;
|
|
align-items: center;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#checkout-step-shipping .form:first-child {
|
|
width: 100%;
|
|
margin: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
#checkout-step-shipping .form:first-child > fieldset {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#checkout-step-shipping .form-shipping-address {
|
|
width: 100%;
|
|
}
|
|
|
|
#checkout .opc-wrapper .form-login,
|
|
#checkout .opc-wrapper .form-shipping-address {
|
|
max-width: unset !important;
|
|
margin-top: 0;
|
|
}
|
|
|
|
#checkout .opc-progress-bar {
|
|
margin-top: 30px;
|
|
}
|
|
|
|
#checkout aside.modal-custom.opc-sidebar.opc-summary-wrapper.custom-slide._show {
|
|
z-index: 999 !important;
|
|
}
|
|
|
|
#checkout .minicart-wrapper {
|
|
float: right !important;
|
|
}
|
|
|
|
#checkout .opc-estimated-wrapper {
|
|
margin: 0 -15px 15px !important;
|
|
}
|
|
|
|
#checkout .opc-progress-bar-item._active:before,
|
|
#checkout .opc-progress-bar-item._active > span:before,
|
|
#checkout .opc-progress-bar-item._active > span:after {
|
|
background-color: var(--button-bg);
|
|
border-color: var(--button-bg);
|
|
color: #fff;
|
|
}
|
|
|
|
#minicart-content-wrapper .minicart-items .item-qty {
|
|
height: 28px;
|
|
}
|
|
|
|
#minicart-content-wrapper .minicart-items-wrapper {
|
|
padding: 0 15px !important;
|
|
}
|
|
#checkout .minicart-items-wrapper {
|
|
padding: 0 !important;
|
|
}
|
|
|
|
#checkout .product.options {
|
|
display: none;
|
|
}
|
|
|
|
#checkout .opc-block-summary .items-in-cart>.title {
|
|
border-bottom: 0 none !important;
|
|
}
|
|
|
|
#minicart-widgets {
|
|
display: none;
|
|
}
|
|
|
|
.block-minicart .block-content>.actions>.secondary a {
|
|
font-size: var(--text-md);
|
|
color: var(--button-bg) !important;
|
|
}
|
|
|
|
.modal-popup .modal-title,
|
|
.modal-popup.modal-slide .modal-footer {
|
|
border-color: #dfdfdf;
|
|
}
|
|
|
|
[class*=cms-] h2:not(.text-center),
|
|
[class*=cms-] .main-title {
|
|
font-size: var(--text-lg);
|
|
text-align: left;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
main[class*="page-main page-"] {
|
|
background-color: transparent;
|
|
border: 0 none;
|
|
}
|
|
|
|
[class*=cms-] p:not(.text-center),
|
|
[class*=cms-] ol {
|
|
font-size: var(--text-md);
|
|
text-align: left;
|
|
}
|
|
[class*=cms-]:not(.cms-home) ol {
|
|
padding-left: 50px;
|
|
font-size: var(--text-default);
|
|
}
|
|
|
|
[class*=carttoquote-] .item-info .product-item-details,
|
|
[class*=carttoquote-] .item-info .col {
|
|
vertical-align: middle !important;
|
|
padding: 5px !important;
|
|
text-align: left;
|
|
}
|
|
[class*=carttoquote-] .item-info .product-item-details .product-item-name {
|
|
font-size: var(--text-md);
|
|
text-transform: uppercase;
|
|
font-weight: var(--font-semi);
|
|
margin-bottom: 0;
|
|
}
|
|
[class*=carttoquote-] .cart.table-wrapper {
|
|
/* margin-top: 40px; */
|
|
}
|
|
[class*=carttoquote-] .cart-quote-content button {
|
|
font-weight: var(--font-reg);
|
|
border: 0 none !important;
|
|
font-size: 0px;
|
|
}
|
|
[class*=carttoquote-] .cart-quote-content button.update:before,
|
|
[class*=carttoquote-] .cart-quote-content button.remove:before,
|
|
[class*=carttoquote-] button.cart-quote-clean:before {
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
font-size: 18px;
|
|
line-height: 20px;
|
|
color: #fff;
|
|
font-family: 'luma-icons';
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
font-weight: normal;
|
|
overflow: hidden;
|
|
speak: none;
|
|
text-align: center;
|
|
}
|
|
[class*=carttoquote-] .cart-quote-content button.update:before {
|
|
content: '\e601';
|
|
}
|
|
[class*=carttoquote-] .cart-quote-content button.remove:before {
|
|
content: '\e616';
|
|
}
|
|
[class*=carttoquote-] button.cart-quote-clean:before {
|
|
content: '\e604';
|
|
}
|
|
[class*=carttoquote-] .cart-quote-content button:hover,
|
|
[class*=carttoquote-] .cart-quote .cart-quote-clean:hover {
|
|
border: 0 none !important;
|
|
}
|
|
[class*=carttoquote-] .cart-summary .summary.title + br {
|
|
display: none;
|
|
}
|
|
[class*=carttoquote-] .item-info {
|
|
border: 1px solid #dfdfdf;
|
|
border-top: 0 none !important;
|
|
}
|
|
[class*=carttoquote-] thead {
|
|
/* background-color: #dfdfdf; */
|
|
}
|
|
[class*=carttoquote-] thead, [class*=carttoquote-] thead th:not(:first-child) {
|
|
/* background-color: #f8f8f8;
|
|
border: 1px solid #dfdfdf; */
|
|
text-align: center !important;
|
|
}
|
|
[class*=carttoquote-] .item-info, [class*=carttoquote-] .item-info td:not(:first-child) {
|
|
/* border: 1px solid #dfdfdf !important; */
|
|
border-top: 0 none !important;
|
|
border-right: 0 none !important;
|
|
border-left: 0 none !important;
|
|
text-align: center !important;
|
|
}
|
|
[class*=carttoquote-] .cart.table-wrapper .product-item-photo {
|
|
height: 1px;
|
|
}
|
|
[class*=carttoquote-] .cart.table-wrapper .product-image-container,
|
|
[class*=carttoquote-] .product-image-wrapper {
|
|
max-height: 80px !important;
|
|
width: 80px !important;
|
|
}
|
|
[class*=carttoquote-] .product-image-photo {
|
|
height: 100%;
|
|
width: auto !important;
|
|
}
|
|
body.cms-services .main-title{
|
|
display: none;
|
|
}
|
|
body.cms-services .div-control {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
@media only screen and (max-width: 575px) {
|
|
body.cms-services .div-control {
|
|
display: grid !important;
|
|
grid-template-columns: 50% 50%;
|
|
}
|
|
.page-services .icon-control {
|
|
width: 100% !important;
|
|
}
|
|
body.cms-services .page-services .div-control .text-control {
|
|
margin-top: 0;
|
|
}
|
|
body.cms-services .div-img-left {
|
|
flex-direction: column !important;
|
|
}
|
|
body.cms-services .div-img-right {
|
|
flex-direction: column-reverse !important;
|
|
}
|
|
body.cms-services .div-img-left > div,
|
|
body.cms-services .div-img-right > div {
|
|
width: 100% !important;
|
|
}
|
|
body.cms-services .div-info-left, body.cms-services .div-info-right {
|
|
align-content: baseline;
|
|
}
|
|
body.cms-services .div-info-left .text, body.cms-services .div-info-right .text, body.cms-services .div-info-left .title, body.cms-services .div-info-right .title {
|
|
padding: 15px 0 !important;
|
|
}
|
|
}
|
|
body.cms-services .page-services .div-control .text-control {
|
|
font-weight: 400 !important;
|
|
font-size: 16px;
|
|
text-transform: uppercase;
|
|
margin-top: 15px;
|
|
}
|
|
body.cms-services .div-img-left,
|
|
body.cms-services .div-img-right {
|
|
display: flex;
|
|
margin: 80px 0;
|
|
background: none;
|
|
}
|
|
body.cms-services .div-img-left .img-info img,
|
|
body.cms-services .div-img-right .img-info img {
|
|
border-radius: 15px;
|
|
object-fit: cover;
|
|
}
|
|
|
|
body.cms-services .div-img-left,
|
|
body.cms-services .div-img-right {
|
|
flex-direction: row;
|
|
}
|
|
/* body.cms-services .div-img-right {
|
|
flex-direction: row-reverse;
|
|
} */
|
|
body.cms-services .div-info-left,
|
|
body.cms-services .div-info-right {
|
|
display: flex;
|
|
align-content: center;
|
|
flex-wrap: wrap;
|
|
}
|
|
body.cms-services .div-info-left .title,
|
|
body.cms-services .div-info-right .title {
|
|
font-size: 28px;
|
|
font-weight: 600;
|
|
text-transform: uppercase;
|
|
margin-top: 0;
|
|
}
|
|
body.cms-services .div-info-left .text,
|
|
body.cms-services .div-info-right .text {
|
|
font-size: 16px;
|
|
}
|
|
body.cms-services .div-info-left .text,
|
|
body.cms-services .div-info-right .text,
|
|
body.cms-services .div-info-left .title,
|
|
body.cms-services .div-info-right .title {
|
|
padding: 0 15%;
|
|
}
|
|
.page-services .div-middle .image-background img {
|
|
border-radius: 15px;
|
|
}
|
|
.page-services .btn-contact-us {
|
|
padding: 10px 30px !important;
|
|
background-color: var(--button-bg) !important;
|
|
}
|
|
.page-services .div-control .img-control {
|
|
object-fit: contain;
|
|
margin: auto !important;
|
|
}
|
|
.page-services .width-100 {
|
|
text-align: center;
|
|
}
|
|
.filter-options-content a:hover {
|
|
background: transparent !important;
|
|
}
|
|
.filter-options-item span.price {
|
|
font-size: 16px !important;
|
|
}
|
|
.table-comparison {
|
|
border: 1px solid #ccc;
|
|
}
|
|
.table-comparison .cell {
|
|
border-right: 1px solid #ccc;
|
|
}
|
|
.table-comparison .cell.remove {
|
|
padding-top: 15px !important;
|
|
}
|
|
.header.content .compare.wrapper {
|
|
display: none;
|
|
}
|
|
.products-grid .product-item-info:hover, .products-grid .product-item-info.active {
|
|
box-shadow: unset !important;
|
|
}
|
|
.actions-toolbar {
|
|
margin-top: 30px;
|
|
}
|
|
li.greet.welcome {
|
|
padding-right: 10px;
|
|
}
|
|
.minicart-delivery {
|
|
display: none !important;
|
|
}
|
|
.header.content .title {
|
|
font-size: var(--text-md);
|
|
}
|
|
.header.content .price-label {
|
|
display: none;
|
|
}
|
|
.prology-banner-wrapper .action.more.button {
|
|
display: none;
|
|
}
|
|
.top-slider > p {
|
|
margin-bottom: 0 !important;
|
|
}
|
|
@media only screen and (min-width: 1600px) {
|
|
.prology-slider {
|
|
margin-bottom: -450px;
|
|
}
|
|
}
|
|
.page-manufacturer-list .main-content .block .sub-block .block-title {
|
|
background-color: var(--button-bg) !important;
|
|
border-radius: 14px 14px 0 0;
|
|
}
|
|
.page-manufacturer-list .main-content .block .sub-block .block-content {
|
|
background-color: transparent !important;
|
|
border: 1px solid #dfdfdf;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 10px;
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
border-radius: 0 0 14px 14px;
|
|
}
|
|
@media only screen and (max-width: 768px) {
|
|
.page-manufacturer-list .main-content .block .sub-block {
|
|
width: 32% !important;
|
|
margin-bottom: 10px;
|
|
float: unset !important;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 575px) {
|
|
.page-manufacturer-list .main-content .block .sub-block {
|
|
width: 100% !important;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 575px) {
|
|
.product-item .tocart {
|
|
padding: 0 0 15px 15px !important;
|
|
}
|
|
}
|
|
.top-slider {
|
|
overflow: hidden;
|
|
}
|
|
.owl-theme .owl-nav [class*='owl-'] {
|
|
padding: 5px;
|
|
background-color: #ddd;
|
|
}
|
|
.ipsupply-hotpick-product .widget-title {
|
|
display: block;
|
|
}
|
|
.ipsupply-hotpick-product .hotpick-button-previous, .ipsupply-hotpick-product .hotpick-button-next {
|
|
background: url(../images/previous.png) no-repeat center;
|
|
background-color: rgba(0,0,0,.25);
|
|
border: 0 none;
|
|
border-radius: 9px;
|
|
background-size: 50% !important;
|
|
}
|
|
.ipsupply-hotpick-product .hotpick-button-previous, .ipsupply-hotpick-product .hotpick-button-next {
|
|
margin: 0 12px;
|
|
}
|
|
.owl-theme .owl-nav [class*=owl-]:hover {
|
|
background-color: transparent !important;
|
|
}
|
|
.owl-theme .owl-nav [class*=owl-]:hover > button {
|
|
background-color: rgba(0,0,0,.5);
|
|
}
|
|
.ipsupply-hotpick-product .hotpick-button-next {
|
|
transform: rotate(180deg);
|
|
}
|
|
.ipsupply-hotpick-product .item-hotpick {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 10px;
|
|
}
|
|
div#checkout-step-shipping > div, div#checkout-step-shipping > div > div {
|
|
display: flex;
|
|
width: 100%;
|
|
flex-direction: column;
|
|
}
|
|
.opc-wrapper .shipping-address-item {
|
|
margin-bottom: 0 !important;
|
|
}
|
|
.opc-wrapper .action-show-popup {
|
|
border: 0 none !important;
|
|
color: #fff !important;
|
|
background-color: var(--button-bg);
|
|
width: 160px;
|
|
}
|
|
.opc-wrapper .shipping-address-item {
|
|
border-color: #dfdfdf !important;
|
|
}
|
|
button.action.action-select-shipping-item {
|
|
border: 0 none !important;
|
|
background-color: var(--button-bg);
|
|
color: #fff;
|
|
}
|
|
.shipping-address-items {
|
|
display: flex;
|
|
flex-direction: initial;
|
|
gap: 30px;
|
|
}
|
|
.fotorama__nav__shaft.fotorama__grab {
|
|
top: 15px;
|
|
}
|
|
@media only screen and (max-width: 768px) {
|
|
[class*=carttoquote-] .item-info {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
[class*=carttoquote-] .col {
|
|
display: flex !important;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
}
|
|
[class*=carttoquote-] .col:first-child {
|
|
padding-left: 80px !important;
|
|
}
|
|
[class*=carttoquote-] .cart.table-wrapper .product-item-photo {
|
|
top: 0 !important;
|
|
left: 0 !important;
|
|
}
|
|
[class*=carttoquote-] .item-info .product-item-details {
|
|
padding-left: 10px !important;
|
|
}
|
|
[class*=carttoquote-] .item-info td:not(:first-child) {
|
|
display: flex !important;
|
|
border: 0 none !important;
|
|
gap: 15px;
|
|
}
|
|
#shopping-cart-table thead {
|
|
display: none;
|
|
}
|
|
[class*=carttoquote-] .item-info {
|
|
border-bottom: 0 none !important;
|
|
}
|
|
}
|
|
|
|
.page-products .product-item-info {
|
|
width: auto !important;
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.header.panel > .header.links > li.customer-welcome {
|
|
display: none !important;
|
|
}
|
|
.section-item-content.nav-sections-item-content ul.header.links {
|
|
display: flex !important;
|
|
flex-direction: column;
|
|
}
|
|
}
|
|
#cart-sidebar-reorder .product-item {
|
|
padding: 5px 15px !important;
|
|
}
|
|
|
|
#cart-sidebar-reorder .product-item-name {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
#wishlist-sidebar .product-item {
|
|
margin: 10px 0 !important;
|
|
}
|
|
@media only screen and (max-width: 768px) {
|
|
.block-collapsible-nav {
|
|
top: 0 !important;
|
|
}
|
|
.block-collapsible-nav > .title {
|
|
border-top: 0 none !important;
|
|
}
|
|
}
|
|
#wishlist-view-form .actions-toolbar .action {
|
|
background: var(--button-bg);
|
|
color: #fff;
|
|
border: 0 none;
|
|
}
|
|
form#wishlist-view-form .product-item-info {
|
|
display: flex !important;
|
|
flex-direction: column;
|
|
}
|
|
form#wishlist-view-form .product-item-info .product-item-photo,
|
|
.products-grid.wishlist .product-item-name,
|
|
.products-grid.wishlist .product-item-description,
|
|
.products-grid.wishlist .product-item .price-box,
|
|
.products-grid.wishlist .product-item-tooltip {
|
|
margin: 0;
|
|
}
|
|
.prology-single form#wishlist-view-form a.product-item-link {
|
|
font-size: var(--text-md);
|
|
}
|
|
.prology-single form#wishlist-view-form .tocart,
|
|
#wishlist-sidebar .tocart {
|
|
padding: 5px 10px !important;
|
|
}
|
|
.cms-home .widget {
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-bottom: 0 !important;
|
|
}
|
|
.cms-home .widget > p {
|
|
display: none;
|
|
}
|
|
.cms-home .column.main {
|
|
padding-bottom: 0 !important;
|
|
}
|
|
#discount-coupon-form .action.apply {
|
|
color: #fff;
|
|
}
|
|
#block-discount {
|
|
text-align: left;
|
|
}
|
|
.block.crosssell .product-item-info {
|
|
width: auto !important;
|
|
}
|
|
#co-shipping-form {
|
|
max-width: unset !important;
|
|
}
|
|
#shipping-new-address-form {
|
|
display: grid;
|
|
grid-template-columns: repeat(2, 1fr);
|
|
gap: 30px;
|
|
margin-bottom: 15px;
|
|
}
|
|
#shipping-new-address-form .field {
|
|
margin-bottom: 0;
|
|
}
|
|
#shipping-new-address-form .field .control > * {
|
|
border-radius: 6px;
|
|
}
|
|
.modal-inner-wrap {
|
|
border-radius: 15px;
|
|
}
|
|
.checkout-index-index .modal-popup .modal-inner-wrap {
|
|
left: 0 !important;
|
|
margin-left: auto !important;
|
|
}
|
|
#wishlist-sidebar span.product-image-container {
|
|
width: 80px !important;
|
|
}
|
|
#wishlist-sidebar .product-item-info {
|
|
padding: 5px 0px !important;
|
|
}
|
|
.checkout-cart-index #form-validate .actions-toolbar {
|
|
margin-top: 0;
|
|
}
|
|
.checkout-cart-index #form-validate .product-item-details {
|
|
padding-bottom: 0;
|
|
vertical-align: middle;
|
|
}
|
|
.checkout-cart-index #form-validate .product-item-photo > span {
|
|
width: 80px !important;
|
|
}
|
|
.cms-no-route dt {
|
|
font-size: 16px;
|
|
}
|
|
.cms-no-route .column.main {
|
|
/* margin: 40px 0; */
|
|
}
|
|
.cms-no-route .column.main, .cms-no-route .column.main p {
|
|
text-align: center !important;
|
|
}
|
|
.cms-no-route dd > ul.disc {
|
|
display: block;
|
|
list-style-type: none;
|
|
padding: 0;
|
|
margin: auto;
|
|
}
|
|
.cms-no-route dd > ul.disc li {
|
|
display: inline-block;
|
|
margin: 0 10px;
|
|
}
|
|
|
|
.cms-no-route dd > ul.disc li a {
|
|
display: block;
|
|
padding: 5px 15px;
|
|
background: var(--button-bg) !important;
|
|
color: #fff;
|
|
border-radius: 8px;
|
|
position: relative;
|
|
}
|
|
|
|
.cms-no-route dd > ul.disc li a:after {
|
|
background: url(../images/previous.png);
|
|
position: absolute;
|
|
top: -2px;
|
|
right: 0px;
|
|
content: '';
|
|
width: 32px;
|
|
height: 32px;
|
|
transform: scale(.35) rotate(180deg);
|
|
}
|
|
|
|
.cms-no-route dd > ul.disc li:last-child a {
|
|
padding-right: 30px;
|
|
}
|
|
|
|
.cms-no-route dd > ul.disc li:first-child a:after {
|
|
transform: scale(.35);
|
|
left: 0;
|
|
}
|
|
|
|
.cms-no-route dd > ul.disc li:first-child a {
|
|
padding-left: 30px;
|
|
}
|
|
.navigation .level0 .submenu a {
|
|
font-weight: 400 !important;
|
|
text-transform: capitalize !important;
|
|
}
|
|
|
|
form#contact-form input, form#contact-form textarea {
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.cms-contact-us img {border-radius: 20px;}
|
|
/*
|
|
******************************************************************************************************************************
|
|
CUSTOM CLASSES
|
|
******************************************************************************************************************************
|
|
*/
|
|
.text-primary {
|
|
color: var(--text-nav);
|
|
}
|
|
|
|
.font-w-semi {
|
|
font-weight: var(--font-semi);
|
|
}
|
|
|
|
strong, b {
|
|
font-weight: var(--font-semi);
|
|
}
|
|
|
|
/* <footer> */
|
|
.page-footer {
|
|
background: #333!important;
|
|
color: #fff;
|
|
}
|
|
|
|
.footer.content .links a {
|
|
color: #fff!important
|
|
}
|
|
|
|
.footer.links .item {
|
|
font-size: 16px!important
|
|
}
|
|
|
|
.footer.links .title {
|
|
display: block;
|
|
/* height: 50px; */
|
|
font-size: 26px;
|
|
color: #50c3e6;
|
|
}
|
|
.block.newsletter .title{
|
|
display:block!important;
|
|
}
|
|
|
|
.block.newsletter .title strong {
|
|
font-size: 26px!important;
|
|
margin-top: 20px;
|
|
display: block;
|
|
text-transform: uppercase;
|
|
color: #50c3e6;
|
|
}
|
|
|
|
.block.newsletter .form.subscribe {
|
|
/* background-color: rgba(255,255,255,.1); */
|
|
/* border-radius: 40px; */
|
|
}
|
|
|
|
.block.newsletter form #newsletter {
|
|
border-radius: 40px 0 0 40px !important;
|
|
height: 40px;
|
|
background-color: rgba(255,255,255, .1) !important;
|
|
border: 0 none !important;
|
|
padding-left: 20px !important;
|
|
padding-right: 10px !important;
|
|
box-shadow: none;
|
|
color: #fff;
|
|
}
|
|
|
|
.copyright {
|
|
border-top: 1px solid #444;
|
|
}
|
|
|
|
.footer.brand p {
|
|
font-size: var(--text-default);
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
ul.footer.brand {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 15px;
|
|
}
|
|
|
|
.footer.brand li {
|
|
display: flex;
|
|
align-items: end;
|
|
flex-direction: row;
|
|
gap: 20px;
|
|
font-size: var(--text-default);
|
|
line-height: 1;
|
|
}
|
|
|
|
.footer.brand li.prology-footer-address {
|
|
line-height: 26px;
|
|
}
|
|
|
|
.footer.links h3,
|
|
.block.newsletter .title strong {
|
|
height: unset !important;
|
|
font-size: 18px !important;
|
|
font-weight: var(--font-semi) !important;
|
|
line-height: 26px !important;
|
|
margin-bottom: 15px !important;
|
|
}
|
|
|
|
@media only screen and (min-width: 769px) {
|
|
.footer.content .links {
|
|
padding-right: 0 !important;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 555px) {
|
|
.hide-xs {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
.footer.links .nav.item {
|
|
margin-bottom: 5px !important;
|
|
}
|
|
|
|
.footer.links .nav.item a {
|
|
font-size: var(--text-default);
|
|
font-weight: var(--font-reg);
|
|
line-height: 26px;
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.footer.links .nav.item a {
|
|
padding: 0 !important;
|
|
}
|
|
}
|
|
|
|
button.action.subscribe.primary span {
|
|
font-size: 13px;
|
|
font-weight: 400;
|
|
padding: 0 15px;
|
|
}
|
|
|
|
.block.newsletter .field .control:before {
|
|
display : none!important;
|
|
}
|
|
|
|
.block.newsletter input {
|
|
padding: 0 0 0 10px!important;
|
|
}
|
|
|
|
.block.newsletter .action.subscribe {
|
|
border-radius: 20px!important;
|
|
margin-left: -18px!important;
|
|
background: #50c3e6;
|
|
padding: 11px;
|
|
border: 1px solid #50c3e6;
|
|
opacity: 1;
|
|
}
|
|
.copyright {
|
|
background: #333333!important;
|
|
}
|
|
|
|
.block.newsletter .social a img{
|
|
width:30px;
|
|
margin:5px
|
|
}
|
|
.block.newsletter .social{
|
|
|
|
margin-top:15px
|
|
}
|
|
.block.newsletter .des {
|
|
margin-top: 0;
|
|
margin-bottom: 10px;
|
|
font-size: var(--text-default);
|
|
line-height: 26px;
|
|
}
|
|
|
|
/* </footer> */
|
|
|
|
/* tab product detail */
|
|
#tab-label-ipsupply_ebay {
|
|
display: none;
|
|
}
|
|
/*BACKUP*/
|
|
/* .prology-sbanner-wrapper{display:grid;grid-template-columns:.5fr .25fr .25fr;gap:30px;margin-bottom:30px}@media only screen and (max-width: 1024px){.prology-sbanner-col:nth-child(1){grid-area:prologySBannerCol1}.prology-sbanner-col:nth-child(2){grid-area:prologySBannerCol2}.prology-sbanner-col:nth-child(3){grid-area:prologySBannerCol3}.prology-sbanner-wrapper{grid-template-columns:auto;grid-template-areas:"prologySBannerCol1 prologySBannerCol1" "prologySBannerCol2 prologySBannerCol3"}}@media only screen and (max-width: 575px){.prology-sbanner-wrapper{grid-template-areas:"prologySBannerCol1 prologySBannerCol1" "prologySBannerCol2 prologySBannerCol2" "prologySBannerCol3 prologySBannerCol3"}}.prology-sbanner-col{padding:60px;border-radius:30px;background:linear-gradient(180deg, rgba(86, 204, 242, 0.25) 0%, rgba(0, 36, 48, 0.5) 100%),#010111;background-size:cover;background-position:center}.prology-sbanner-item{display:flex;flex-direction:column;gap:30px;height:100%}.prology-sbanner-item *{color:#fff}.prology-sbanner-item__area>*{font-size:16px;font-weight:500;text-transform:uppercase}.prology-sbanner-item__label>*{font-size:28px !important;font-weight:700;text-transform:capitalize !important}.prology-sbanner-item__actions{margin-top:auto;position:relative}.prology-sbanner-item__actions>a{font-size:14px;color:#fff !important;text-transform:uppercase;text-decoration:none;border-radius:8px;padding:12px 30px 10px;background:#50c3e6}.prology-sbanner-item__actions>a:after{content:"";width:40px;height:20px;background-image:url(../images/sbanner-arrow.png);position:absolute;top:0;right:0}.prology-topCategories-head>*{color:#00458a;font-size:36px;font-weight:700;margin-bottom:30px}.prology-topCategories-wrapper{display:grid;grid-template-columns:repeat(5, 1fr);gap:30px;margin-bottom:30px}@media only screen and (max-width: 1440px){.prology-topCategories-wrapper{gap:20px;grid-template-columns:repeat(5, 1fr)}}@media only screen and (max-width: 1024px){.prology-topCategories-wrapper{grid-template-columns:repeat(3, 1fr)}}@media only screen and (max-width: 768px){.prology-topCategories-wrapper{grid-template-columns:repeat(2, 1fr)}}@media only screen and (max-width: 575px){.prology-topCategories-wrapper{grid-template-columns:repeat(1, 1fr)}}.prology-topCategories-col{background:linear-gradient(270deg, rgba(156, 232, 255, 0.5) 4.89%, rgba(66, 211, 255, 0.5) 100%);border-radius:30px;padding:30px}.prology-topCategories-col__wrapper{display:flex;flex-direction:column;gap:30px;height:100%}.prology-topCategories-col__position{width:60px;height:60px;line-height:60px;border:3px solid #00458a;border-radius:100%;text-align:center;margin:auto;font-size:28px;font-weight:700;color:#00458a}.prology-topCategories-col__label a{font-size:16px;color:#00458a;font-weight:800;text-align:center;text-decoration:none;text-transform:uppercase;display:block}.prology-topCategories-col__thumbnail{position:relative}.prology-topCategories-col__thumbnail:before{content:"";position:absolute;width:45%;height:0;padding-bottom:45%;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:#fff;z-index:1;border-radius:100%}.prology-topCategories-col__thumbnail a{display:block;text-align:center}.prology-topCategories-col__thumbnail a img{position:relative;z-index:2}.prology-topCategories-col__actions a{display:block;color:#fff !important;background-color:#028bb5;text-align:center;height:38px;line-height:38px;border-radius:38px;width:100%;text-decoration:none;text-transform:uppercase;box-shadow:1px 2px 3px rgba(0,0,0,.25)}.prology-topCategories img{max-width:100%}@media(hover: hover){::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#555}}.prology-chat{z-index:99999;position:fixed;bottom:100px;right:24px}.prology-chat__wrapper{display:flex;flex-direction:column;gap:5px;max-width:320px;min-width:320px;border-radius:14px;background-color:#fff;position:relative;z-index:9;box-shadow:0px 0px 6px rgba(0,0,0,.25)}@media only screen and (max-width: 320px){.prology-chat__wrapper{max-width:100%;min-width:100%}}.prology-chat__header{display:flex;flex-direction:row;gap:10px;align-items:center;padding:5px 10px;border-radius:14px 14px 0 0;background-color:#f2f2f2}.prology-chat__header-minimizer{margin-left:auto;width:16px;height:16px;display:flex;align-items:center;border-radius:50rem;padding:5px;background:#e0e0e0;cursor:pointer}.prology-chat__header-minimizer:before{content:"";display:block;width:100%;height:2px;background:#333}.prology-chat__header-brand{width:24px;height:24px}.prology-chat__header-brand img{width:100%}.prology-chat__header-label{display:flex;flex-direction:column;gap:5px}.prology-chat__header-label>*>*{margin:0}.prology-chat__header-label-main>*{font-size:14px;font-weight:700}.prology-chat__header-label-sub>*{font-size:10px;font-weight:400;color:#828282}.prology-chat__footer{display:flex;flex-direction:row;gap:5px;align-items:center;padding:5px 10px;border-radius:0 0 14px 14px;background-color:#f2f2f2;justify-content:center}.prology-chat__footer-brand{width:20px;height:20px}.prology-chat__footer-brand img{width:100%}.prology-chat__footer-powered>*{font-size:12px;color:#828282;margin:6px auto}.prology-chat__content{padding:5px;overflow:hidden}.prology-chat__content:first-child{display:none}.prology-chat__content .prology-chat__content-auth{display:none}.prology-chat__content.not-logged .prology-chat__content-auth{display:flex !important;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:15px 20px}.prology-chat__content.not-logged .prology-chat__content-auth>img{width:80px;height:80px}.prology-chat__content.not-logged .prology-chat__content-auth+div{display:none}.prology-chat__content.not-logged+.prology-chat__control{display:none}.prology-chat__content-not-logged-button{display:flex;flex-direction:column;gap:10px;width:100%}.prology-chat__content-not-logged-button .btn{width:100%;border:0 none;background:#50c3e6;color:#fff;padding:10px 15px;font-size:16px;font-weight:500;border-radius:8px}.prology-chat__content-welcome{display:flex;flex-direction:column;gap:5px;margin:15px 0}.prology-chat__content-welcome>h3,.prology-chat__content-welcome>h4{margin:0}.prology-chat__content-welcome>h3{font-size:21px;font-weight:500;color:#333}.prology-chat__content-welcome>h4{font-size:16px;font-weight:400;color:#4f4f4f}.prology-chat__content-view{max-height:45vh;padding:5px 10px;overflow-y:auto}.prology-chat__content-view-wrapper{overflow-y:auto;display:flex;flex-direction:column;gap:5px}.prology-chat__content-view-wrapper .time>span,.prology-chat__content-view-wrapper .time{font-size:12px;color:#bdbdbd}.prology-chat__content-view-wrapper>.time{text-align:center;padding-top:15px}.prology-chat__content-view-wrapper .client{text-align:left}.prology-chat__content-view-wrapper .client>p .content{background:#f2f2f2;color:#4f4f4f}.prology-chat__content-view-wrapper .owner{text-align:right}.prology-chat__content-view-wrapper .owner>p{text-align:left;margin-left:auto !important}.prology-chat__content-view-wrapper .owner>p .content{background-color:#50c3e6;color:#fff}.prology-chat__content-view-wrapper .client>p,.prology-chat__content-view-wrapper .owner>p{max-width:80%;margin:0}.prology-chat__content-view-wrapper .client>p .content,.prology-chat__content-view-wrapper .owner>p .content{padding:5px;display:block;border-radius:4px;word-break:break-all;white-space:pre-line}.prology-chat__control{padding:5px 10px}.prology-chat__control form{display:flex;flex-direction:row;gap:5px;align-items:center;padding:5px 10px;background-color:#f2f2f2;border-radius:8px}.prology-chat__control input{width:100%;border:0 none;outline:none;background:rgba(0,0,0,0)}.prology-chat__control button{width:20px;display:block;padding:0;margin:0;border:0 none;cursor:pointer}.prology-chat__control button img{width:100%}.prology-makeOffer__wrapper{padding:30px;border-radius:20px}@media only screen and (max-width: 320px){.prology-makeOffer__wrapper{padding:15px}}.prology-makeOffer__wrapper-item{display:flex;flex-direction:column;gap:5px}.prology-makeOffer__wrapper-item:first-child{margin:10px 0}.prology-makeOffer__wrapper-item h3{font-size:28px;font-weight:800;margin:0}.prology-makeOffer__wrapper-item h4{font-size:16px;font-weight:500;margin:0}.prology-makeOffer__wrapper-item h5{font-size:14px;font-weight:400;color:#828282;margin:0}.prology-makeOffer__wrapper-item>*{color:#333;text-align:center}.prology-makeOffer__wrapper form{display:flex;flex-direction:column;gap:15px;margin-top:20px}.prology-makeOffer__wrapper form .prology-makeOffer__wrapper-item:first-child{margin:0}.prology-makeOffer__wrapper form .prology-makeOffer__wrapper-item__control{display:flex;flex-direction:column;gap:5px;text-align:left}.prology-makeOffer__wrapper form .prology-makeOffer__wrapper-item__control label{font-size:14px;color:#4f4f4f}.prology-makeOffer__wrapper form .prology-makeOffer__wrapper-item__control label .red-label{color:#eb5757}.prology-makeOffer__wrapper form .prology-makeOffer__wrapper-item__control input,.prology-makeOffer__wrapper form .prology-makeOffer__wrapper-item__control textarea{font-size:16px;font-weight:500;padding:10px;border-radius:14px;border:1px solid #bdbdbd;outline:0;font-size:14px}.prology-makeOffer__wrapper form .prology-makeOffer__wrapper-item__control button{background:#50c3e6;color:#fff;border:0 none;padding:10px;border-radius:14px} */
|
|
|
|
/*BANNER*/
|
|
.prology-sbanner-wrapper{display:grid;grid-template-columns:.5fr .25fr .25fr;gap:30px;margin-bottom:30px}@media only screen and (max-width: 1024px){.prology-sbanner-col:nth-child(1){grid-area:prologySBannerCol1}.prology-sbanner-col:nth-child(2){grid-area:prologySBannerCol2}.prology-sbanner-col:nth-child(3){grid-area:prologySBannerCol3}.prology-sbanner-wrapper{grid-template-columns:auto;grid-template-areas:"prologySBannerCol1 prologySBannerCol1" "prologySBannerCol2 prologySBannerCol3"}}@media only screen and (max-width: 575px){.prology-sbanner-wrapper{grid-template-areas:"prologySBannerCol1 prologySBannerCol1" "prologySBannerCol2 prologySBannerCol2" "prologySBannerCol3 prologySBannerCol3"}}.prology-sbanner-col{padding:60px;border-radius:30px;background:linear-gradient(180deg, rgba(86, 204, 242, 0.25) 0%, rgba(0, 36, 48, 0.5) 100%),#010111;background-size:cover;background-position:center}.prology-sbanner-item{display:flex;flex-direction:column;gap:30px;height:100%}.prology-sbanner-item *{color:#fff}.prology-sbanner-item__area>*{font-size:16px;font-weight:500;text-transform:uppercase}.prology-sbanner-item__label>*{font-size:28px !important;font-weight:700;text-transform:capitalize !important}.prology-sbanner-item__actions{margin-top:auto;position:relative}.prology-sbanner-item__actions>a{font-size:14px;color:#fff !important;text-transform:uppercase;text-decoration:none;border-radius:8px;padding:12px 30px 10px;background:#50c3e6}.prology-sbanner-item__actions>a:after{content:"";width:40px;height:20px;background-image:url(../images/sbanner-arrow.png);position:absolute;top:0;right:0}
|
|
/*INDEX CATEGORIES*/
|
|
.prology-topCategories-head>*{color:#00458a;font-size:36px;font-weight:700;margin-bottom:30px}.prology-topCategories-wrapper{display:grid;grid-template-columns:repeat(5, 1fr);gap:30px;margin-bottom:30px}@media only screen and (max-width: 1440px){.prology-topCategories-wrapper{gap:20px;grid-template-columns:repeat(5, 1fr)}}@media only screen and (max-width: 1024px){.prology-topCategories-wrapper{grid-template-columns:repeat(3, 1fr)}}@media only screen and (max-width: 768px){.prology-topCategories-wrapper{grid-template-columns:repeat(2, 1fr)}}@media only screen and (max-width: 575px){.prology-topCategories-wrapper{grid-template-columns:repeat(1, 1fr)}}.prology-topCategories-col{background:linear-gradient(270deg, rgba(156, 232, 255, 0.5) 4.89%, rgba(66, 211, 255, 0.5) 100%);border-radius:30px;padding:30px}.prology-topCategories-col__wrapper{display:flex;flex-direction:column;height:100%}.prology-topCategories-col__position{width:60px;height:60px;line-height:60px;border:3px solid #00458a;border-radius:100%;text-align:center;margin:auto;font-size:28px;font-weight:700;color:#00458a}.prology-topCategories-col__label h2{margin-top:36px}.prology-topCategories-col__label a{font-size:16px;color:#00458a;font-weight:800;text-align:center;text-decoration:none;text-transform:uppercase;display:block}.prology-topCategories-col__thumbnail{position:relative}.prology-topCategories-col__thumbnail:before{content:"";position:absolute;width:45%;height:0;padding-bottom:45%;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:#fff;z-index:1;border-radius:100%}.prology-topCategories-col__thumbnail a{display:block;text-align:center}.prology-topCategories-col__thumbnail a img{position:relative;z-index:2}.prology-topCategories-col__actions a{display:block;color:#fff !important;background-color:#028bb5;text-align:center;height:38px;line-height:38px;border-radius:38px;width:100%;text-decoration:none;text-transform:uppercase;box-shadow:1px 2px 3px rgba(0,0,0,.25)}.prology-topCategories img{max-width:100%}
|
|
/*CHAT*/
|
|
@media(hover: hover){::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#555}}.prology-chat{z-index:99999;position:fixed;bottom:120px;right:24px}.prology-chat__wrapper{display:flex;flex-direction:column;gap:5px;max-width:320px;min-width:320px;border-radius:14px;background-color:#fff;position:relative;z-index:9;box-shadow:0px 0px 6px rgba(0,0,0,.25)}@media only screen and (max-width: 320px){.prology-chat__wrapper{max-width:100%;min-width:100%}}.prology-chat__header{display:flex;flex-direction:row;gap:10px;align-items:center;padding:5px 10px;border-radius:14px 14px 0 0;background-color:#f2f2f2}.prology-chat__header-minimizer{margin-left:auto;width:16px;height:16px;display:flex;align-items:center;border-radius:50rem;padding:5px;background:#e0e0e0;cursor:pointer}.prology-chat__header-minimizer:before{content:"";display:block;width:100%;height:2px;background:#333}.prology-chat__header-brand{width:24px;height:24px}.prology-chat__header-brand img{width:100%}.prology-chat__header-label{display:flex;flex-direction:column;gap:5px}.prology-chat__header-label>*>*{margin:0}.prology-chat__header-label-main>*{font-size:14px;font-weight:700}.prology-chat__header-label-sub>*{font-size:10px;font-weight:400;color:#828282}.prology-chat__footer{display:flex;flex-direction:row;gap:5px;align-items:center;padding:5px 10px;border-radius:0 0 14px 14px;background-color:#f2f2f2;justify-content:center}.prology-chat__footer-brand{width:20px;height:20px}.prology-chat__footer-brand img{width:100%}.prology-chat__footer-powered>*{font-size:12px;color:#828282;margin:6px auto}.prology-chat__content{padding:5px;overflow:hidden;min-height:200px}.prology-chat__content:first-child{display:none}.prology-chat__content .prology-chat__content-auth{display:none}.prology-chat__content.not-logged .prology-chat__content-auth{display:flex !important;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:15px 20px}.prology-chat__content.not-logged .prology-chat__content-auth>img{width:80px;height:80px}.prology-chat__content.not-logged .prology-chat__content-auth+div{display:none}.prology-chat__content.not-logged+.prology-chat__control{display:none}.prology-chat__content-not-logged-button{display:flex;flex-direction:column;gap:10px;width:100%}.prology-chat__content-not-logged-button .btn{width:100%;border:0 none;background:#50c3e6;color:#fff;padding:10px 15px;font-size:16px;font-weight:500;border-radius:8px}.prology-chat__content-welcome{display:flex;flex-direction:column;gap:5px;margin:15px 0}.prology-chat__content-welcome>h3,.prology-chat__content-welcome>h4{margin:0}.prology-chat__content-welcome>h3{font-size:21px;font-weight:500;color:#333}.prology-chat__content-welcome>h4{font-size:16px;font-weight:400;color:#4f4f4f}.prology-chat__content-view{max-height:45vh;padding:5px 10px;overflow-y:auto}.prology-chat__content-view-wrapper{overflow-y:auto;display:flex;flex-direction:column;gap:5px}.prology-chat__content-view-wrapper .time>span,.prology-chat__content-view-wrapper .time{font-size:12px;color:#bdbdbd}.prology-chat__content-view-wrapper>.time{text-align:center;padding-top:15px}.prology-chat__content-view-wrapper .client{text-align:left}.prology-chat__content-view-wrapper .client>p .content{background:#f2f2f2;color:#4f4f4f}.prology-chat__content-view-wrapper .owner{text-align:right}.prology-chat__content-view-wrapper .owner>p{text-align:left;margin-left:auto !important}.prology-chat__content-view-wrapper .owner>p .content{background-color:#50c3e6;color:#fff}.prology-chat__content-view-wrapper .client>p,.prology-chat__content-view-wrapper .owner>p{max-width:80%;margin:0}.prology-chat__content-view-wrapper .client>p .content,.prology-chat__content-view-wrapper .owner>p .content{padding:5px;display:block;border-radius:4px;word-break:break-all;white-space:pre-line}.prology-chat__control{padding:5px 10px}.prology-chat__control form{display:flex;flex-direction:row;gap:5px;align-items:center;padding:5px 10px;background-color:#f2f2f2;border-radius:8px}.prology-chat__control input{width:100%;border:0 none;outline:none;background:rgba(0,0,0,0);box-shadow:none !important}.prology-chat__control button{width:20px;display:block;padding:0;margin:0;border:0 none;cursor:pointer}.prology-chat__control button img{width:100%}
|
|
/*MAKE OFFER*/
|
|
.prology-makeOffer__wrapper{padding:30px;border-radius:20px}@media only screen and (max-width: 320px){.prology-makeOffer__wrapper{padding:15px}}.prology-makeOffer__wrapper-item{display:flex;flex-direction:column;gap:5px}.prology-makeOffer__wrapper-item:first-child{margin:10px 0}.prology-makeOffer__wrapper-item h3{font-size:28px;font-weight:800;margin:0}.prology-makeOffer__wrapper-item h4{font-size:16px;font-weight:500;margin:0}.prology-makeOffer__wrapper-item h5{font-size:14px;font-weight:400;color:#828282;margin:0}.prology-makeOffer__wrapper-item>*{color:#333;text-align:center}.prology-makeOffer__wrapper form{display:flex;flex-direction:column;gap:15px;margin-top:20px}.prology-makeOffer__wrapper form .prology-makeOffer__wrapper-item:first-child{margin:0}.prology-makeOffer__wrapper form .prology-makeOffer__wrapper-item__control{display:flex;flex-direction:column;gap:5px;text-align:left}.prology-makeOffer__wrapper form .prology-makeOffer__wrapper-item__control label{font-size:14px;color:#4f4f4f}.prology-makeOffer__wrapper form .prology-makeOffer__wrapper-item__control label .red-label{color:#eb5757}.prology-makeOffer__wrapper form .prology-makeOffer__wrapper-item__control input,.prology-makeOffer__wrapper form .prology-makeOffer__wrapper-item__control textarea{font-size:16px;font-weight:500;padding:10px;border-radius:14px;border:1px solid #bdbdbd;outline:0;font-size:14px}.prology-makeOffer__wrapper form .prology-makeOffer__wrapper-item__control button{background:#50c3e6;color:#fff;border:0 none;padding:10px;border-radius:14px}
|
|
|
|
/* menu */
|
|
.nav-sections ul li ul li a {
|
|
text-transform: capitalize!important;
|
|
font-weight: 500!important;
|
|
}
|
|
|
|
|
|
/*FAQ*/
|
|
.prology__body_faq_page .prology__faq_page_block {
|
|
max-width: 640px;
|
|
margin: auto;
|
|
}
|
|
.prology__body_faq_page .prology__block_title {
|
|
width: 100% !important;
|
|
padding: 5px 10px !important;
|
|
border-radius: 5px 5px 0 0;
|
|
}
|
|
.prology__body_faq_page .prology__faq_question {
|
|
display: block !important;
|
|
width: 100% !important;
|
|
}
|
|
.prology__body_faq_page .prology__faq_question,
|
|
.prology__body_faq_page .prology__faq_answer {
|
|
border-width: 0 1px 1px 1px !important;
|
|
border-style: solid !important;
|
|
border-color: #ddd !important;
|
|
}
|
|
.prology__body_faq_page .prology__faq_answer {
|
|
background-color: rgba(233, 236, 239, .5) !important;
|
|
width: 100% !important;
|
|
}
|
|
.prology__body_faq_page .prology__block_faqs {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.prology__body_faq_page * {
|
|
box-sizing: border-box;
|
|
}
|
|
.prology__faq_answer {
|
|
/* display: flex !important; */
|
|
flex-direction: column;
|
|
}
|
|
.prology__faq_answer ul,
|
|
.prology__faq_answer ul li {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
/*BLOCK CHUNG*/
|
|
*{box-sizing:border-box}.prology-block__content-box.grid{display:grid;gap:32px;padding:32px 0;align-items:stretch}@media only screen and (max-width: 767px){.prology-block__content-box.grid{align-items:center}}.prology-block__content-box.grid.gap-1{gap:0 !important}.prology-block__content-box.grid.gap-1{gap:12px !important}.prology-block__content-box.grid.auto-rows{grid-auto-rows:1fr}@media only screen and (min-width: 1024px){.prology-block__content-box.grid.auto-rows-md{grid-auto-rows:1fr}}.prology-block__content-box.grid.auto-columns{grid-auto-columns:1fr}@media only screen and (min-width: 1024px){.prology-block__content-box.grid.auto-columns-md{grid-auto-columns:1fr}}@media only screen and (max-width: 425px){.prology-block__content-box.grid.max{grid-template-columns:repeat(auto-fit, minmax(100%, 1fr))}}.prology-block__content-box.grid-1-col{grid-template-columns:repeat(auto-fit, minmax(100%, 1fr))}.prology-block__content-box.grid-2-cols{grid-template-columns:repeat(auto-fit, minmax(calc(50% - 32px), 1fr))}@media only screen and (max-width: 767px){.prology-block__content-box.grid-2-cols{grid-template-columns:repeat(auto-fit, minmax(100%, 1fr))}}@media only screen and (min-width: 768px){.prology-block__content-box.grid-2-cols.reverse-lg{grid-auto-flow:dense;direction:rtl}}.prology-block__content-box.grid-3-cols{grid-template-columns:repeat(auto-fit, minmax(calc(33.3333% - 32px), 1fr))}@media only screen and (max-width: 767px){.prology-block__content-box.grid-3-cols{grid-template-columns:repeat(auto-fit, minmax(calc(50% - 32px), 1fr))}}@media only screen and (max-width: 425px){.prology-block__content-box.grid-3-cols{grid-template-columns:repeat(auto-fit, minmax(calc(50% - 32px), 1fr))}}.prology-block__content-box.grid-35\/65{grid-template-columns:.35fr .64fr}@media only screen and (max-width: 1023px){.prology-block__content-box.grid-35\/65{grid-template-columns:1fr}}.prology-block__content-box.grid-6-cols{grid-template-columns:repeat(auto-fit, minmax(calc(16.6666666667% - 32px), 1fr))}@media only screen and (min-width: 1024px){.prology-block__content-box.grid-6-cols{grid-template-columns:repeat(auto-fit, minmax(calc(33.3333333333% - 32px), 1fr))}}@media only screen and (min-width: 1200px){.prology-block__content-box.grid-6-cols{grid-template-columns:repeat(auto-fit, minmax(calc(16.6666666667% - 32px), 1fr))}}@media only screen and (max-width: 1023px){.prology-block__content-box.grid-6-cols{grid-template-columns:repeat(auto-fit, minmax(calc(33.3333333333% - 32px), 1fr))}}@media only screen and (max-width: 767px){.prology-block__content-box.grid-6-cols{grid-template-columns:repeat(auto-fit, minmax(calc(50% - 32px), 1fr))}}.prology-block__content-box img{display:block;margin:auto}.text-left{text-align:start}.text-center{text-align:center}.d-block{display:block}.d-flex{display:flex}.w-100{width:100%}.flex-direction-col{flex-direction:column}.align-items-center{align-items:center !important}@media only screen and (min-width: 1024px){.align-items-center-md{align-items:center !important}}.align-items-start{align-items:start !important}.align-items-stretch{align-items:stretch !important}.it-decom-services img{max-height:40px;width:auto}.border-radius{border-radius:32px}.shadow{box-shadow:0 0 40px rgba(0,0,0,.2)}.p-0{padding:0 !important}
|
|
/*DATASHEET*/
|
|
.stackList{list-style-type:none;margin:0;padding:0;display:flex;flex-direction:column;gap:15px}.stackList li{display:flex;flex-direction:row;gap:15px;align-items:start}@media only screen and (max-width: 768px){.stackList li{flex-direction:column}.stackList li>*{width:100%}.stackList li>*:not(.heading){margin:0 5px;display:inline-block}}.stackList li .heading{margin:0;margin-right:auto;font-weight:400;font-size:1.6rem}@media only screen and (max-width: 1023px){.stackList li .heading{margin-right:auto}}@media only screen and (max-width: 1023px){.stackList li .heading+span{display:none}}.stackList li>span{color:#1c87a8;cursor:pointer}.stackList li a{display:flex;flex-direction:row;gap:10px;align-items:center}.stackList li a img{width:15px}.pagination{display:inline-block;margin-top:30px}.pagination a{color:#000;float:left;padding:8px 16px;text-decoration:none;transition:background-color .3s;border:1px solid #ddd;margin:0 4px}.pagination a:hover:not(.active){background-color:#ddd}.pagination a.active{background-color:#50c3e6;color:#fff;border:1px solid #1c87a8}.border{border:1px solid #ccc}.border-radius{border-radius:1rem}.p-1rem{padding:1rem}.d-none{display:none}@media only screen and (min-width: 1024px){.d-md-flex{display:flex}}
|
|
/*IT RENTAL*/
|
|
.prology-itRental img{width:100%;max-width:100%;border-radius:32px;box-shadow:0 0 40px rgba(0,0,0,.2)}@media only screen and (max-width: 1024px){.prology-itRental img{border-radius:16px}}.prology-itRental__content-box{margin:80px auto 0;display:grid;grid-template-columns:1fr}@media only screen and (max-width: 1024px){.prology-itRental__content-box{margin-top:40px}}.prology-itRental__content-box.with-img{grid-gap:30px;grid-template-columns:repeat(auto-fit, minmax(50%, 1fr))}@media only screen and (max-width: 1024px){.prology-itRental__content-box.with-img{grid-template-columns:repeat(auto-fit, minmax(100%, 1fr))}}.prology-itRental__content-text{padding:0 200px}@media only screen and (max-width: 1024px){.prology-itRental__content-text{padding:0}}.prology-itRental__content-text.px-0{padding-left:0;padding-right:0}.prology-itRental__content-text>*{text-align:justify;text-align-last:center;margin:28px}.prology-itRental__content-text h2{font-size:38px;margin-top:0;font-weight:bold;text-transform:none !important}@media only screen and (max-width: 768px){.prology-itRental__content-text h2{font-size:28px !important}}.prology-itRental__content-text p{font-size:21px}@media only screen and (max-width: 767px){.prology-itRental__content-text p{font-size:16px}}.prology-itRental__content-text img{box-shadow:none}.prology-itRental__content-text img.prology-itRental__features{display:block;margin:40px auto 0}@media only screen and (min-width: 769px){.prology-itRental__content-text img.prology-itRental__features{max-width:50%}}@media only screen and (min-width: 1024px){.prology-itRental__content-text img.prology-itRental__features{max-width:70%}}@media only screen and (min-width: 1200px){.prology-itRental__content-text img.prology-itRental__features{max-width:40%}}.prology-itRental__content-text__grid{display:grid;grid-gap:30px;grid-template-areas:"div1 div1" "div2 div3" "div4 div5" "div6 div7";margin-top:40px}@media only screen and (max-width: 768px){.prology-itRental__content-text__grid{grid-template-areas:"div1 div1" "div2 div2" "div3 div3" "div4 div4" "div5 div5" "div6 div6" "div7 div7"}}.prology-itRental__content-text__grid+h3{margin-top:40px}.prology-itRental__content-text__grid h3{text-transform:uppercase}.prology-itRental__content-text__grid>div{background-color:#fff;box-shadow:0 0 16px rgba(0,0,0,.2);border-radius:16px;padding:6px 18px}.prology-itRental__content-text__grid>div:first-child{grid-area:div1}.prology-itRental__content-text__grid>div:nth-child(2){grid-area:div2}.prology-itRental__content-text__grid>div:nth-child(3){grid-area:div3}.prology-itRental__content-text__grid>div:nth-child(4){grid-area:div4}.prology-itRental__content-text__grid>div:nth-child(5){grid-area:div5}.prology-itRental__content-text__grid>div:nth-child(6){grid-area:div6}.prology-itRental__content-text__grid>div:nth-child(7){grid-area:div7}
|
|
/*REFURBISHMENT*/
|
|
.prology-block>img,.prology-itRental>img,.prology-itDecom>img{display:block;margin:auto;border-radius:32px;box-shadow:0 0 40px rgba(0,0,0,.2);max-width:100%}@media only screen and (max-width: 1024px){.prology-block>img,.prology-itRental>img,.prology-itDecom>img{width:100%}}.refurbish__features{border:1px dashed rgba(80,195,230,.25);background:rgba(80,195,230,.25);border-radius:32px;margin-bottom:64px}.refurbish__features-header h3{font-size:var(--text-lg);margin-bottom:32px;margin:0}.refurbish__features-item{max-width:80%;display:block;margin:0 auto}.refurbish__features-item ul{list-style-type:none;margin:0 auto;padding:0}.refurbish__features-item ul li{margin-bottom:1em;padding-left:3em;position:relative}.refurbish__features-item ul li:before{content:"";position:absolute;top:-4px;left:0;width:26px;height:26px;background:url("../images/check.png")}.refurbish__features-item ul li h3{margin:0 0 1rem;font-size:var(--text-h6)}.refurbish__details-thumbnail{position:relative}.refurbish__details-thumbnail:before{content:"";position:absolute;width:70%;height:115%;border-radius:32px;top:-5%;left:20%;border:3px dashed #50c3e6}@media only screen and (max-width: 767px){.refurbish__details-thumbnail:before{left:50% !important;right:unset !important;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}.refurbish__details-thumbnail img{border-radius:32px;box-shadow:0 0 40px rgba(0,0,0,.2);position:relative;z-index:2;max-width:100%}.refurbish__details-content{max-width:80%;padding:32px}@media only screen and (max-width: 1024px){.refurbish__details-content{max-width:100%}.refurbish__details-content h3,.refurbish__details-content p{text-align:center !important;text-align-last:center;margin:16px auto}}@media only screen and (max-width: 767px){.refurbish__details-content{padding:16px 16px 0}}.refurbish__details-content h3{font-size:var(--text-h5)}.reverse-lg .refurbish__details-thumbnail:before{right:20%;left:unset}.reverse-lg .refurbish__details-content h3,.reverse-lg .refurbish__details-content p{text-align:left;direction:ltr}.service-item{background:linear-gradient(270deg, rgba(0, 169, 160, 0.45) 4.89%, rgba(0, 169, 160, 0.25) 100%);border-radius:30px;padding:30px;box-shadow:0 0 12px rgba(0,0,0,.15);display:grid;height:100%}.service-item__content{display:grid;gap:10px}.service-item__number{width:60px;height:60px;line-height:60px;border:3px solid #00458a;border-radius:100%;text-align:center;margin:0 auto;font-size:28px;font-weight:700;color:#00458a}.service-item__label{font-size:21px !important;color:#00458a;font-weight:800;text-align:center !important;text-decoration:none;text-transform:capitalize !important;display:block;margin:0}.service-item__thumbnail{position:relative}.service-item__thumbnail::before{content:"";position:absolute;width:95%;height:0;padding-bottom:50%;top:90%;left:50%;-webkit-transform:translate(-50%, -90%);transform:translate(-50%, -90%);background-color:#fff;z-index:1;border-radius:100%}.service-item__thumbnail-img{display:block;text-align:center;margin:auto}.service-item__thumbnail-img img{position:relative;z-index:2}
|
|
|
|
.prology-filter-form {
|
|
width: 100%;
|
|
/* max-width: 320px; */
|
|
text-align: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
position: relative;
|
|
justify-content: center;
|
|
margin: 0 0 2rem;
|
|
}
|
|
|
|
.prology-filter-form > form {
|
|
width: 100%;
|
|
height: 38px;
|
|
}
|
|
|
|
.prology-filter-form > form > input {
|
|
width: 100%;
|
|
padding: 1rem 9rem .75rem 2rem;
|
|
border-radius: 10rem;
|
|
border: 1px solid var(--border-color);
|
|
height: 100%;
|
|
}
|
|
|
|
.prology-filter-form > form > button {
|
|
position: absolute;
|
|
top: 1px;
|
|
right: 1px;
|
|
border-radius: 10rem;
|
|
border: 0 none;
|
|
background: #50c3e6;
|
|
color: #fff;
|
|
font-weight: 400;
|
|
height: 100%;
|
|
padding: 0 32px;
|
|
}
|
|
|
|
#footer-methods {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 12px;
|
|
margin-top: 32px;
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
#footer-methods {
|
|
flex-direction: column;
|
|
gap: 16px;
|
|
margin-top: 0px;
|
|
}
|
|
}
|
|
|
|
#footer-methods > div {
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 16px;
|
|
align-items: center;
|
|
}
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
#footer-methods {
|
|
margin-bottom: 16px;
|
|
}
|
|
#footer-methods .title {
|
|
margin: 0;
|
|
}
|
|
#footer-methods > div {
|
|
flex-direction: column;
|
|
gap: 9px;
|
|
align-items: start;
|
|
}
|
|
}
|
|
|
|
.ips__rental_page {
|
|
margin: auto;
|
|
display: block !important;
|
|
width: 100%;
|
|
}
|
|
|
|
.prology-group-contact {
|
|
margin: 30px auto 0;
|
|
}
|
|
.ips__form_label + div > * {
|
|
border-radius: 9px !important;
|
|
}
|
|
@media only screen and (min-width: 1024px) {
|
|
.prology-group-contact {
|
|
width: 50%;
|
|
}
|
|
}
|
|
@media only screen and (min-width: 768px) {
|
|
.prology-group-contact {
|
|
width: 100%;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 767px) {
|
|
.prology-group-contact {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.ips__rental_page .btn_submit {
|
|
padding: 10px 32px !important;
|
|
background-color: var(--button-bg);
|
|
border-radius: 32px;
|
|
border: 0 none;
|
|
}
|
|
|
|
.prology-complaint__desc {
|
|
border: 1px solid var(--button-bg);
|
|
padding: 16px 32px;
|
|
border-radius: 16px;
|
|
}
|
|
|
|
.ips__customer_complain_page {
|
|
display: block !important;
|
|
width: 100%;
|
|
padding: 0 16px 16px;
|
|
border: 1px solid var(--button-bg);
|
|
border-radius: 16px;
|
|
}
|
|
|
|
.ips__customer_complain_page select, .ips__customer_complain_page input, .ips__customer_complain_page button {
|
|
border-radius: 12px;
|
|
}
|
|
|
|
.ips__customer_complain_page .btn_submit {
|
|
padding: 10px 32px!important;
|
|
background-color: var(--button-bg);
|
|
border-radius: 32px;
|
|
border: 0;
|
|
}
|
|
.actions-toolbar>.primary .action:last-child, .actions-toolbar>.secondary .action:last-child, input, button, .action.primary.checkout {
|
|
border-radius: 10rem !important;
|
|
}
|
|
textarea {
|
|
border-radius: 12px !important;
|
|
}
|
|
.modal-popup.modal-slide .modal-inner-wrap[class] {
|
|
background-color: white !important;
|
|
}
|
|
.assetrecovery-index-index #maincontent {
|
|
margin-top: 40px;
|
|
}
|
|
.prology__body_faq_page .prology__faq_answer {
|
|
animation: none !important;
|
|
}
|
|
.cms-about-us main#maincontent {
|
|
position: relative;
|
|
}
|
|
.cms-about-us main#maincontent:before {
|
|
background-image: url(../images/paperplane.png);
|
|
content: '';
|
|
width: 618px;
|
|
height: 507px;
|
|
position: absolute;
|
|
bottom: -260px;
|
|
right: 0px;
|
|
z-index: -1;
|
|
}
|
|
|
|
.searchsuite-autocomplete {
|
|
border-radius: 12px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.cms-contact-us .brands-supported {
|
|
display: none;
|
|
}
|
|
|
|
.contact input {
|
|
height: 38px !important;
|
|
padding-left: 16px !important;
|
|
}
|
|
|
|
/*fotorama custom*/
|
|
@media only screen and (min-width: 1024px) {
|
|
.fotorama--fullscreen {
|
|
width: 50% !important;
|
|
height: 50%;
|
|
top: 50% !important;
|
|
left: 50% !important;
|
|
transform: translate(-50%, -50%);
|
|
overflow: visible !important;
|
|
border-radius: 12px;
|
|
}
|
|
|
|
.fotorama--fullscreen .fotorama__wrap {
|
|
height: 100% !important;
|
|
width: 100% !important;
|
|
}
|
|
|
|
.fotorama--fullscreen .fotorama__stage {
|
|
height: 100% !important;
|
|
width: 100% !important;
|
|
margin-bottom: 1px;
|
|
}
|
|
|
|
.fotorama--fullscreen .fotorama__stage__shaft.fotorama__grab {
|
|
width: 100% !important;
|
|
}
|
|
|
|
.fotorama--fullscreen .fotorama__nav.fotorama__nav--thumbs {
|
|
background: #fff;
|
|
}
|
|
|
|
.fotorama--fullscreen .fotorama__nav__frame.fotorama__nav__frame--thumb {
|
|
border: 1px solid var(--button-bg);
|
|
margin: 0 4px 0 0 !important;
|
|
padding: 1px 0px !important;
|
|
border-radius: 8px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.fotorama--fullscreen .fotorama__nav__shaft {
|
|
margin-top: 1px;
|
|
}
|
|
|
|
.fotorama--fullscreen .fotorama__thumb-border {
|
|
display: none;
|
|
}
|
|
|
|
.fotorama--fullscreen .fotorama__nav__frame.fotorama__nav__frame--thumb.fotorama__active {
|
|
border-color: red;
|
|
}
|
|
|
|
.fotorama--fullscreen .fotorama__nav {overflow: visible;}
|
|
}
|
|
|
|
.product.info.detailed > .product.data.items > div:first-child + div {
|
|
display: block;
|
|
}
|
|
.product.info.detailed > .product.data.items > div:not([role=tab]) {
|
|
display: none;
|
|
}
|
|
.filter-options-content[data-role=content] {
|
|
display: none;
|
|
}
|
|
.filter-options-content[role=tabpanel][aria-hidden=true] {
|
|
display: none !important;
|
|
}
|
|
.block-collapsible-nav .item.current a, .block-collapsible-nav .item.current > strong {
|
|
border-color: var(--button-bg) !important;
|
|
}
|
|
.product.attribute.description figure.table {
|
|
margin-bottom: 12px;
|
|
}
|
|
.product.attribute.description figure.table th, .product.attribute.description figure.table td {
|
|
border: 1px solid var(--border-color);
|
|
}
|
|
.product.attribute.description p {
|
|
word-break: break-word;
|
|
}
|
|
.minicart-prology .paypal-express-in-context-mini-cart-container{
|
|
display : none;
|
|
}
|