%PDF- %PDF-
Direktori : /var/www/cwg/wp-content/themes/cwg/ |
Current File : //var/www/cwg/wp-content/themes/cwg/styles.css |
/* HEADER */ .admin-bar { margin-top: 0; } .b2b-header{ position: fixed; width: 100%; z-index: 100; } .b2b-header .b2b-header-top{ background:#fff; } .b2b-header .b2b-header-inner{ padding: 25px 50px; display:flex; box-sizing:border-box; justify-content: space-between; position:relative; } .b2b-header .b2b-header-left{ display:flex; align-items:center; justify-content: space-between; width: 100%; } .b2b-header .b2b-logo{ width: 298px; height:16px; background-image:url('/wp-content/themes/cwg/assets/img/cwpro-logo.svg'); background-repeat:no-repeat; background-size:cover; } .b2b-header .menu-toggle{ margin-left:50px; color:#A9A9A9; font-size:13px; background-image:url('/wp-content/themes/cwg/assets/img/menu-burger.svg'); background-size:20px; background-position:0%; padding-left:30px; background-repeat:no-repeat; cursor:pointer; } @media only screen and (max-width: 767px) { .b2b-header .b2b-header-left .b2b-header-left-inner{ flex-direction:row-reverse; } .b2b-header .b2b-logo{ width: 85px; height: 17px; background-image:url('/wp-content/themes/cwg/assets/img/cwpro-logo-black.svg'); } .b2b-header .menu-toggle{ margin-left:0px; margin-right:0px; padding-left:0px; color:transparent; } .b2b-header .b2b-header-inner{ padding: 25px 20px; } .b2b-header.header-search-open .b2b-header-left-inner{ display:none; } .mobile-menu-open .b2b-header .b2b-header-top-search{ margin-left:0px!important; } } .b2b-header .b2b-header-right{ display:flex; align-items:center; } .b2b-header .b2b-header-right .header-top-notice p{ text-transform:uppercase; font-size:11px; color:#000; line-height:15px; text-align:right; width:300px; } .b2b-header .b2b-header-right .header-top-notice p span{ color:#7F7F7F; text-transform: initial; } .b2b-header-left-inner{ display:flex; } @media only screen and (max-width: 1023px) { .header-top-notice{ display:none; } } .b2b-header .b2b-header-top-search { display: flex; width: 20px; transition: all 0.2s; } .b2b-header .b2b-header-top-search.open { width:100%; margin-left:40px; } .b2b-header .b2b-header-top-search input{ width:100%; } .b2b-header .b2b-header-right .header-icons{ } .b2b-header .b2b-header-right .header-icons{ display:flex; align-items:center; } .header-icon{ width:20px; height:20px; margin-left:40px; background-size:100%; background-repeat:no-repeat; } .b2b-header .b2b-header-top-search{ display:none; } .header-search{ width: 20px; height: 20px; background-size: 100%; background-repeat: no-repeat; background-image:url('/wp-content/themes/cwg/assets/img/icon-search-new.svg'); } .header-wishlist{ background-image:url('/wp-content/themes/cwg/assets/img/icon-heart-new.svg'); } .header-user{ background-image:url('/wp-content/themes/cwg/assets/img/icon-user-new.svg'); } .header-cart{ background-image:url('/wp-content/themes/cwg/assets/img/icon-cart-new.svg'); } .b2b-header.header-scroll .b2b-header-middle{ height:0; } /* B2B HEADER MIDDLE */ .b2b-header-middle { background: #252525; overflow:hidden; transition:all 0.2s; height:132px; } @media only screen and (max-width: 1023px) { .b2b-header-middle { height: 188px; } } .b2b-header-middle .b2b-header-middle-inner { display: flex; justify-content: space-between; padding: 35px 50px; align-items: center; } @media only screen and (max-width: 1023px) { .b2b-header-middle .b2b-header-middle-inner { flex-direction: column; align-items: flex-start; } } .b2b-header-middle .b2b-header-middle-inner .b2b-header-middle-inner-right { width: 45%; } @media only screen and (max-width: 1023px) { .b2b-header-middle .b2b-header-middle-inner .b2b-header-middle-inner-right { width: 100%; } } .b2b-header-middle .b2b-header-middle-inner .b2b-header-middle-inner-right form { display: flex; align-items: center; width: 100%; } .b2b-header-middle .b2b-header-middle-inner .b2b-header-middle-inner-right form .search-button { width: 73px; height: 62px; background-color: #E2E2E2; background-image: url("/wp-content/themes/cwg/assets/img/icon-search-new.svg"); background-position: center center; background-size: 20px; background-repeat: no-repeat; border-radius: 5px 0px 0px 5px; } .b2b-header-middle .b2b-header-middle-inner .b2b-header-middle-inner-right form .middle-search-input { width: 100%; font-size: 20px; color: #000; background: #fff; border-radius: 0px 5px 5px 0px; padding: 16px; font-weight: lighter; } @media only screen and (max-width: 1023px) { .b2b-header-middle .b2b-header-middle-inner .b2b-header-middle-inner-right form { margin-top:20px; } .b2b-header-middle .b2b-header-middle-inner .b2b-header-middle-inner-right form .search-button { } .b2b-header-middle .b2b-header-middle-inner .b2b-header-middle-inner-right form .middle-search-input { font-size:16px; padding: 19px; } } @media only screen and (max-width: 767px) { .b2b-header-middle { height: 150px; } .b2b-header-middle .b2b-header-middle-inner{ padding: 25px 20px; } .b2b-header-middle .b2b-header-middle-inner .b2b-header-middle-inner-right form { margin-top:20px; } .b2b-header-middle .b2b-header-middle-inner .b2b-header-middle-inner-right form .search-button { height:45px; width:45px; } .b2b-header-middle .b2b-header-middle-inner .b2b-header-middle-inner-right form .middle-search-input { padding: 11px; height: 45px; } } .b2b-header-middle .b2b-header-middle-inner .welcome-message { color: #fff; font-size: 18px; } .b2b-header-middle .b2b-header-middle-inner .welcome-message span { color: #D1D1D1; } @media only screen and (max-width: 1100px) { .b2b-header-middle .b2b-header-middle-inner .welcome-message { color: #fff; font-size: 12px; } } @media only screen and (max-width: 420px) { .b2b-header-middle { height: 169px; } } /* MOBILE MENU */ .mobile-menu{ position:fixed; width:100%; height:100vh; background:#fff; top:-100vh; left:0; transition:all 0.2s; z-index:10; overflow:hidden; } .mobile-menu-inner{ width: 100%; height: 100vh; position: absolute; } .mobile-menu-menu{ width: 100%; height: 100vh; position: absolute; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; } .mobile-menu-menu ul{ margin:0; padding:0; } .mobile-menu-menu ul li{ } .mobile-menu-menu ul li:nth-child(3n+3){ margin-bottom:20px; padding-bottom:20px; position:relative; } .mobile-menu-menu ul li:nth-child(3n+3):after{ content:""; width:50px; height:1px; background:rgba(255,255,255,0.3); position:absolute; bottom:0; left:50%; margin-left:-25px; } .mobile-menu-menu ul li a{ font-size:20px; text-transform:uppercase; color:#fff; } .the-design-edit-logo{ margin-top:40px; } .mobile-menu.active{ top:0; } .mobile-menu-open .b2b-header-middle{ display:none; } .mobile-menu-open .filters-container{ display:none; } .mobile-menu-open .b2b-header .b2b-header-top-search{ display:flex; } .mobile-menu-open .b2b-header .b2b-header-top-search input { width: 100%; background: #000; margin-left: 10px; } .vimeo-iframe{ transform: scale(11.5); position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; top:0; } .mobile-menu-open .header-top-notice{ display:none; } .mobile-menu-open .b2b-header-top{ background:transparent; } .mobile-menu-open .b2b-header-inner{ filter: invert(1); } .mobile-menu-open .b2b-header .menu-toggle{ color:#000; } .mobile-menu-open #mainSearchInput{ color:#fff; } @media only screen and (max-width: 767px) { .mobile-menu-open .b2b-header .menu-toggle{ color:transparent; } } /* @media only screen and (max-width: 1023px) { .vimeo-iframe{ transform: scale(11); } } @media only screen and (max-width: 767px) { .vimeo-iframe{ transform: scale(6.5); } } */ /* .admin-bar { margin-top: 0; } */ .b2c-header{ position: fixed; width: 100%; z-index: 100; } .b2c-header .b2c-header-top{ background:#fff; } .b2c-header .b2c-header-inner{ padding: 25px 50px; display:flex; box-sizing:border-box; justify-content: space-between; position:relative; } .b2c-header .b2c-header-left{ display:flex; align-items:center; } .b2c-header .b2c-mheader-middle{ width: 100%; display: flex; justify-content: center; position: relative; padding-left:40px; } .b2c-header .b2c-mheader-middle ul{ display:flex; margin-left:-40px; } .b2c-header .b2c-mheader-middle ul li{ margin:0px 14px; } .b2c-header .b2c-mheader-middle ul li a{ text-transform: uppercase; font-size:14px; } .b2c-header .b2c-logo{ width: 298px; height:13px; background-image:url('/wp-content/themes/cwg/assets/img/logo-cwg-gallery-black.svg'); background-repeat:no-repeat; background-size:cover; } .b2c-header .menu-toggle{ margin-left:50px; color:#A9A9A9; font-size:13px; background-image:url('/wp-content/themes/cwg/assets/img/menu-burger.svg'); background-size:20px; background-position:0%; padding-left:30px; background-repeat:no-repeat; cursor:pointer; display:none; } @media only screen and (max-width: 767px) { .b2c-header .b2c-logo{ width: 65px; height: 20px; background-image:url('/wp-content/themes/cwg/assets/img/cwg-logo.svg'); } .b2c-header .menu-toggle{ margin-left:0px; margin-right:0px; padding-left:0px; color:transparent; } .b2c-header .b2c-header-inner{ padding: 25px 20px; } .mobile-menu-open .b2c-header .b2c-header-top-search{ margin-left:0px!important; } } .b2c-header .b2c-header-right{ display:flex; align-items:center; } .b2c-header .b2c-header-right .header-top-notice p{ text-transform:uppercase; font-size:11px; color:#000; line-height:15px; text-align:right; width:300px; } .b2c-header .b2c-header-right .header-top-notice p span{ color:#7F7F7F; text-transform: initial; } @media only screen and (max-width: 1023px) { .header-top-notice{ display:none; } } .b2c-header .b2c-header-top-search { display: flex; width: 20px; transition: all 0.2s; position: absolute; right: 0; } .b2c-header .b2c-header-top-search.open { width:95%; margin-left:40px; background:#fff; } .b2c-header .b2c-header-top-search input{ width:100%; } .b2c-header .b2c-header-right .header-icons{ } .b2c-header .b2c-header-right .header-icons{ display:flex; align-items:center; } .header-icon{ width:20px; height:20px; margin-left:40px; background-size:100%; background-repeat:no-repeat; } .header-search{ width: 20px; height: 20px; background-size: 100%; background-repeat: no-repeat; background-image:url('/wp-content/themes/cwg/assets/img/icon-search-new.svg'); } .header-wishlist{ background-image:url('/wp-content/themes/cwg/assets/img/icon-heart-new.svg'); } .header-user{ background-image:url('/wp-content/themes/cwg/assets/img/icon-user-new.svg'); } .header-cart{ background-image:url('/wp-content/themes/cwg/assets/img/icon-cart-new.svg'); } @media only screen and (max-width: 1220px) { .b2c-header .b2c-mheader-middle .menu-items{ display:none; } .b2c-header .menu-toggle{ display:block!important; margin-left:0px; margin-right:20px; width:20px; height:20px; padding:0px; } } .b2c-header.transparent-header .b2c-header-top{ background:transparent; filter:invert(1); } .b2c-header.transparent-header .b2c-header-top-search.open{ background:transparent; } .b2c-header.transparent-header .b2c-header-top-search input{ background:#000; color:#fff; } .b2c-header.transparent-header.header-scroll .b2c-header-top-search input{ background:#fff; color:#000; } .b2c-header.header-scroll .b2c-header-top{ background:#fff; filter:invert(0); } .mobile-menu-open .b2c-header .b2c-header-top{ background:transparent; filter:invert(1); } .mobile-menu-open .b2c-header-top-search.open input{ background:#000; color:#fff; } .mobile-menu-open .b2c-header.header-scroll .b2c-header-top-search input{ background:#000; color:#fff; } @media only screen and (max-width: 767px) { .mobile-menu-open .b2c-header.header-scroll .b2c-header-top-search input{ background:#000; color:#fff; } } /* footer */ footer .footer-top{ width:100%; padding-top:70px; padding-bottom:70px; background:#FDFDFD; border-top:1px solid #f5f5f5; } footer .footer-top .locations{ width: 100%; display: flex; } footer .footer-top .location{ width:25%; text-align:center; } .location .location-name{ text-transform: uppercase; } .location .address, .location .opening, .location .phone, .location .email{ font-size:13px; color:#6D6D6D; display:block; line-height:26px; } .location .phone, .location .email{ text-decoration:underline; } .footer-middle{ background:#000; } .footer-middle .padding-container{ padding:60px 50px; display: flex; justify-content: space-between; } .form-message-container{ display:flex; margin-right: 30px; } .footer-middle form input, .footer-middle form select, .footer-middle form button{ background:0; border:1px solid #fff; color:#fff; } .footer-middle form option{ color:#000!important; } .footer-middle .footer-form{ width: 100%; flex-wrap: wrap; } .footer-middle .form-inner{ display: flex; } .footer-middle p{ font-size:17px; color:#fff; margin-right:30px; width: 170px; } .footer-middle p span{ display:block; color:#A9A9A9; } .footer-form{ display:flex; } .footer-middle form button{ font-size: 13px; width: 15%; } .footer-middle .footer-form .email-input, .footer-middle .footer-form .select-input{ width: 40%; margin-right:30px; box-sizing:border-box; padding:10px; outline:0; } .footer-middle .footer-form .select-input{ -webkit-appearance: none; background-image:url('/wp-content/themes/cwg/assets/img/white-down-arrow.svg'); background-size:10px; background-position:95%; background-repeat:no-repeat; } .footer-bottom{ } .footer-bottom .padding-container{ padding:36px 50px; display:flex; justify-content: space-between; } .footer-bottom-links{ display:flex; } .footer-bottom-links a{ margin-right:30px; font-size:13px; } .footer-bottom .back-to-top{ font-size:13px; text-transform:uppercase; padding-right:20px; background-image:url('/wp-content/themes/cwg/assets/img/arrow-up.svg'); background-position:100%; background-size:9px; background-repeat:no-repeat; cursor:pointer; } .js-resultNewsletterForm{ width:100%; color:#fff; margin-top:5px; } .footer-bottom .submit-button .js-newsletterLoader{ display:none!important; } .footer-bottom .form-container{ width: 50%; } .footer-social-section{ display:flex; align-items: center; } .footer-social-section p{ width:300px; text-transform:uppercase; } .social-links{ width:200px; display:flex; justify-content: space-around; } @media only screen and (max-width: 1570px) { .footer-middle p { font-size: 13px; } } @media only screen and (max-width: 1350px) { footer .footer-top .locations { flex-wrap: wrap; } footer .footer-top .locations .location { width:50%; } footer .footer-top .locations .location:nth-child(1), footer .footer-top .locations .location:nth-child(2) { margin-bottom:50px; } .footer-middle .padding-container{ flex-direction:column; } .form-message-container { flex-direction:column; margin-right: 0px; } .footer-middle .form-inner { width: 100%; margin-top:30px; } .footer-middle p { font-size: 17px; } .footer-social-section { justify-content: space-between; } .footer-middle .footer-form { margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid rgb(232 232 232 / 20%); } } .location-toggle{ display:none; } @media only screen and (max-width: 767px) { footer .footer-top .locations .location { width:100%; position:relative; } .location-toggle{ display: block; width: 18px; height: 11px; background-image:url('../cwg/assets/img/down-arrow-black.svg'); background-size: 18px; position: absolute; right: 0; top: 20px; cursor:pointer; } .location-details{ overflow:hidden; height:0; } .open .location-details{ height:auto; } .open .location-toggle{ transform:rotate(180deg); } footer .footer-top .locations .location:nth-child(1), footer .footer-top .locations .location:nth-child(2), footer .footer-top .locations .location:nth-child(3) { margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid #E8E8E8; } .footer-middle .form-inner { display: flex; flex-direction: column; } .footer-middle .footer-form .email-input, .footer-middle .footer-form .select-input{ width:100%; margin-bottom:15px; } .footer-middle .footer-form .submit-button{ width: 100%; padding: 12px; } .footer-social-section { flex-direction: column; text-align: center; } .footer-social-section p{ margin-right:0px; margin-bottom:20px; } .form-message-container p{ text-align:center; margin-right:0px; margin: auto; } .footer-bottom .padding-container{ flex-direction:column; text-align: center; } .footer-bottom .padding-container .back-to-top{ width: 108px; margin: auto; margin-top: 20px; } .footer-bottom-links { align-items: center; justify-content: center; } .footer-bottom-links a:nth-child(3){ margin-right:0px; } footer .footer-top .locations { width: 90%; margin: auto; } .footer-middle .footer-form { margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid rgb(232 232 232 / 20%); } } .fullPageMenu{ visibility:hidden; } .menu-open .fullPageMenu{ visibility: visible; } .fullPageMenu ul li a{ color: #fff; } /*CAREERS PAGE*/ .careers-header{ position:relative; height:100vh; width:100%; } .careers-overlay{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: rgb(255,255,255); background: linear-gradient( 180deg, rgba(255,255,255,0) 23%, rgba(0,0,0,1) 130%); } .careers-content{ position: relative; z-index:2; padding-left: 50px; padding-right: 50px; height: 100%; display: flex; align-items: flex-end; padding-bottom:50px; color:#fff; } .careers-content .career-header-text h2{ font-size:32px; margin-bottom:20px; line-height: 34px; } .careers-content .career-header-text p{ font-size: 14px; max-width: 100%; line-height: 27px; } .career-page-content{ padding-left: 50px; padding-right: 50px; width:100%; display:flex; margin-top: 56px; padding-bottom:70px; justify-content: space-between; } .career-page-content .left{ width:calc(100% - 630px); } .career-page-content .right{ width:630px; padding-left: 50px; } .career-page-content .right .sidebar-grey{ padding-left: 50px; padding-right: 50px; } .SumoSelect>.CaptionCont>label>i{ background-image:url('/wp-content/themes/cwg/assets/img/down-arrow-black.svg'); } .career-cta-title{ line-height: 19px; font-size: 17px; } .career-cta-text{ margin-top:26px; font-weight:normal; font-size:14px; } .career-cta-button{ text-transform:uppercase; width:192px; height:45px; color:#000; display:flex; align-items: center; justify-content: center; border:1px solid #000; margin-top:40px; } .career-page-content .search-title{ font-size:17px; margin-bottom:40px; } .career-page-content .careers-list .ml-auto svg{ width: 32px; height: 45px; } .career-page-content .careers-list a{ font-weight:normal!important; font-size:16px; } .career-page-content .careers-list p{ font-weight:normal!important; font-size:16px; } @media only screen and (max-width: 1000px) { .career-page-content{ flex-direction:column; } .career-page-content .right{ width:100%; padding-left:0px; } .career-page-content .left{ width:100%; margin-bottom:50px; } .careers-content { position:absolute; top:0; } .left .select-dropdowns{ display:flex; flex-direction:column; } } @media only screen and (max-width: 767px) { .select-dropdowns{ display:flex; flex-direction:column; } .careers-content{ padding-left:25px; padding-right:25px; } .career-page-content{ padding-left: 25px; padding-right: 25px; } .careers-content .career-header-text h2 { font-size: 30px; } .careers-content .career-header-text p { font-size: 13px; } .career-page-content .careers-list a{ font-size:14px; } .career-page-content .careers-list p{ font-size:14px; } .career-page-content .careers-list .ml-auto svg { width: 21px; } } @media only screen and (max-width: 600px) { .careers-content .career-header-text h2 { font-size: 24px; } .career-header-text p{ font-size:12px; } .career-header-text p br{ display:none; } .career-page-content .search-title{ font-size:14px; } .career-page-content .sidebar-grey{ padding: 20px!important; } .career-page-content .careers-list a{ font-size:12px; } .career-page-content .careers-list p{ font-size:12px; } } /* single press page */ .single-pressarticles{ background:#000; color:#fff; } .press-details-content-container{ display:flex; } .press-details-content-container .title{ font-size:20px; margin-bottom:19px; text-transform:uppercase; } .press-details-content-container .article-info-top{ margin-bottom:37px; padding-bottom:27px; border-bottom:1px solid #464646; } .press-details-content-container .article-info-top .by-date{ color:#6E6E6E!important; font-size:12px; margin-top:19px; } .press-details-content-container .the-content{ font-size:12px; margin-bottom:24px; } .press-details-content-container .readmore-share{ display:flex; height: 45px; } .press-details-content-container .read-article{ font-size:13px; border:1px solid #fff; text-transform:uppercase; padding: 10px 37px; display: flex; align-items: center; } .press-details-content-container .share-button{ margin-left:30px; border:1px solid #fff; padding:10px; width:45px; height:45px; } /* homepage */ .page-container{ box-sizing:border-box; padding:50px; } @media only screen and (max-width: 1024px) { .page-container{ padding: 50px 20px; } } .page-container.homepage h1{ font-size:17px; text-transform:uppercase; margin-bottom:15px; } .page-container.homepage .filtered-by{ text-transform:uppercase; display:flex; color:#000; margin-bottom:40px; font-size:11px; } .page-container.homepage .filtered-by span{ color:#A3A3A3; margin-left:10px; } @media only screen and (max-width: 768px) { .page-container.homepage h1{ margin-bottom:40px; } .page-container.homepage .filtered-by{ display:none; } } /*gridbuilder grids*/ button.wpgb-load-more{ opacity:0!important; } .wp-grid-builder.square-grid-layout .wpgb-card .wpgb-card-media-content .product-price, .wp-grid-builder.square-grid-layout .wpgb-card .wpgb-card-media-content h2, .wp-grid-builder.square-grid-layout .wpgb-card .wpgb-card-media-content a, .wp-grid-builder.square-grid-layout .wpgb-card .wpgb-card-media-content p{ font-size:14px!important; font-weight:normal; text-transform:uppercase; color:#fff!important; } .wp-grid-builder.square-grid-layout .wpgb-card .wpgb-card-media-content .wpgb-card-media-content-bottom{ padding:20px; box-sizing:border-box; } .wp-grid-builder.square-grid-layout .wpgb-card-wrapper{ background: #d1d1d1; } @media only screen and (max-width: 768px) { /*gridbuilder grids*/ .wp-grid-builder.square-grid-layout .wpgb-card .wpgb-card-media-content .product-price, .wp-grid-builder.square-grid-layout .wpgb-card .wpgb-card-media-content h2, .wp-grid-builder.square-grid-layout .wpgb-card .wpgb-card-media-content a, .wp-grid-builder.square-grid-layout .wpgb-card .wpgb-card-media-content p{ font-size:12px!important; } .wp-grid-builder.square-grid-layout .wpgb-card .wpgb-card-media-content .wpgb-card-media-content-bottom{ padding:15px; } } @media only screen and (max-width: 500px) { /*gridbuilder grids*/ .wp-grid-builder.square-grid-layout .wpgb-card .wpgb-card-media-content .product-price, .wp-grid-builder.square-grid-layout .wpgb-card .wpgb-card-media-content h2, .wp-grid-builder.square-grid-layout .wpgb-card .wpgb-card-media-content a, .wp-grid-builder.square-grid-layout .wpgb-card .wpgb-card-media-content p{ font-size:10px!important; } .wp-grid-builder.square-grid-layout .wpgb-card .wpgb-card-media-content .wpgb-card-media-content-bottom{ padding:10px; } } /* SHARE BUTTON */ .share-post-btn{ position: relative; } .share-post-btn .addthis_tool{ position: relative; width: 45px; height: 45px; } .share-post-btn .at-share-tbx-element, .share-post-btn .at-share-btn-elements, .share-post-btn .addthis_tool a{ width: 100%; height: 100%; margin: 0; } .share-post-btn .addthis_tool a{ opacity: 0; z-index: 9; } .share-post-btn .addthis_tool:before{ content: ''; background: url('assets/img/share-black.svg'); background-repeat: no-repeat; background-size: 14px 15px; background-position: center; width: 45px; height: 45px; border: 1px solid #000; position: absolute; display: inline-block; left: 0; right: 0; } .share-post-btn.share-negative .addthis_tool:before{ background: url('assets/img/share-white.svg'); background-repeat: no-repeat; background-size: 14px 15px; background-position: center; border: 1px solid #fff; } .ml-15{ margin-left: 15px; } /* FILTER */ .filtered-by{ align-items: center; } .filtered-by label:first-child{ margin-right: 20px; } .filtered-by .wpgb-facet .wpgb-button.wpgb-reset[disabled]{ display: none; } .filtered-by .wpgb-facet .wpgb-button[aria-pressed="true"] { display: -ms-flexbox; margin: 0; padding: 0; line-height: 1; list-style: none; outline: none; box-shadow: none; border-radius: 0; color: #000; font-size: 11px; display: flex; flex-direction: row-reverse; background: #f5f5f5; text-transform: uppercase; font-weight: normal; margin-right: 20px!important; border: 1px solid #D3D3D3; min-height: 25px; } .filtered-by .wpgb-facet .wpgb-button{ display: flex; flex-direction: row-reverse; } .filtered-by .wpgb-facet .wpgb-button.wpgb-reset{ padding: 7px; border: none; text-transform: uppercase; font-weight: normal; color: #ababab; font-size: 11px; background: none; margin-bottom: 0; } .filtered-by .wpgb-facet .wpgb-button span{ color: #000; font-size: 11px; } .page-container.homepage .filtered-by span.wpgb-button-control { margin-right: 10px; margin-left: 0; } .filtered-by .wpgb-facet .wpgb-selection-facet .wpgb-button-control:before, .filtered-by .wpgb-facet .wpgb-selection-facet .wpgb-button-control:after{ background: #000; } .tab-content .wpgb-facet .wpgb-color-facet .wpgb-color{ padding: 5px 30px; border: 1px solid #D3D3D3; align-items: center; } .tab-content .wpgb-facet .wpgb-color-facet .wpgb-color .wpgb-color-label{ position: relative; opacity: 1; top: 0; left: 0; background: none; color: #000; transform: none; text-transform: uppercase; } .tab-content .wpgb-facet .wpgb-color-facet .wpgb-color[aria-pressed="true"] .wpgb-color-control:after, .tab-content .wpgb-facet .wpgb-color-facet .wpgb-color .wpgb-color-label:after{ content: none; } .tab-content .wpgb-facet .wpgb-color-facet .wpgb-color[aria-pressed="true"] .wpgb-color-control{ box-shadow: inset 0 0 0 1px rgb(255 255 255); } .tab-content .wpgb-facet .wpgb-color-facet .wpgb-color:hover:not([tabindex="-1"]) .wpgb-color-label{ transform: none; } .filtered-by .wpgb-color-control, .tab-content .wpgb-facet .wpgb-color-facet .wpgb-color-control{ height: 15px; width: 15px; border-radius: 50%; } .filtered-by .wpgb-button-label.wpgb-color-control:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; bottom: 0; right: 0; background-image: linear-gradient(45deg, silver 25%, transparent 25%, transparent 75%, silver 75%, silver 100%),linear-gradient(45deg, silver 25%, white 25%, white 75%, silver 75%, silver 100%); background-size: 12px 12px; background-position: -1px -1px, 5px 5px; border-radius: inherit; } .filtered-by .wpgb-button-label.wpgb-color-control:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: 2px solid transparent; border-radius: inherit; transition: all ease 0.25s; } .tab-content .wpgb-facet .wpgb-color-facet .wpgb-color[aria-pressed="true"]{ background: #000; color: #fff; } .tab-content .wpgb-facet .wpgb-color-facet .wpgb-color[aria-pressed="true"] .wpgb-color-label{ color: #fff; } .filtered-by .wpgb-width-control, .filtered-by .wpgb-height-control, .filtered-by .wpgb-length-control{ padding: 4px 0; font-size: 11px; line-height: 20px; } .filtered-by.filter-sticky{ position: sticky; top: 200px; /* height: 409px; */ z-index: 999999; background: black; } header .filtered-by{ display: flex; flex-direction: initial; padding: 10px 50px; background-color: rgba(0,0,0,0.8); color: #fff; } header .filtered-by .wpgb-facet .wpgb-button.wpgb-reset{ text-decoration: underline; color: #fff; } header .filtered-by .wpgb-facet .wpgb-button[aria-pressed="true"]{ color: #fff; background-color: transparent; border: none; } header .filtered-by label{ font-size: 11px; text-transform: uppercase; margin-top: 1px; } header .filtered-by .wpgb-facet .wpgb-selection-facet .wpgb-button-control:before, header .filtered-by .wpgb-facet .wpgb-selection-facet .wpgb-button-control:after{ background: #fff; } header .filtered-by .wpgb-facet .wpgb-button[aria-pressed="true"] span{ color: #fff; } .size-options .wpgb-facet .wpgb-range-facet .wpgb-range-slider{ height: 2px; } .size-options .wpgb-facet .wpgb-range-facet .wpgb-range-slider .wpgb-range-progress{ background-color: #000; } .size-options .wpgb-facet .wpgb-range-facet .wpgb-range-slider .wpgb-range-thumb{ border-radius: 1px; border: 2px solid #fff; outline: 1px solid #000; height: 15px; width: 15px; background-color: #000; } .filters-container .tabs-nav.tabs-location{ overflow: auto; } /* PRODUCT SLIDER */ .js-product-carrousel.exhib-carrousel .slick-slide { max-height: 100%; width: auto; } .js-product-carrousel-mobile.exhib-carrousel .slick-prev{ left: 0!important; } .js-product-carrousel-mobile.exhib-carrousel .slick-next{ right: 0!important; } .js-product-carrousel.exhib-carrousel .slick-prev{ left: -25px!important; } .js-product-carrousel.exhib-carrousel .slick-next{ right: -25px!important; } .js-product-carrousel-mobile.exhib-carrousel .slick-prev, .js-product-carrousel-mobile.exhib-carrousel .slick-next, .js-product-carrousel.exhib-carrousel .slick-next, .js-product-carrousel.exhib-carrousel .slick-prev { z-index: 9; display: inline-block!important; color: #000; } .js-product-carrousel-mobile.exhib-carrousel .slick-prev:before, .js-product-carrousel.exhib-carrousel .slick-prev:before{ font-family: 'FontAwesome'; content: "\f053"; color: #000; } .js-product-carrousel-mobile.exhib-carrousel .slick-next:before, .js-product-carrousel.exhib-carrousel .slick-next:before{ font-family: 'FontAwesome'; content: "\f054"; color: #000; } .js-product-carrousel.exhib-carrousel{ overflow: visible; } /* RESPONSIVE */ @media only screen and (max-width: 767px) { .pd-md-0{ padding: 0; } } @media only screen and (max-width: 1024px) { header .filtered-by{ display: none; } .filters-container .size-options{ flex-direction: column; } .filters-container .size-options .slider-option{ width: 100%; } .wpgb-color-facet .wpgb-inline-list{ flex-direction: column; } .checkbox-square-container .wpgb-facet .wpgb-hierarchical-list li{ width: 100%; text-align: center; } } @media only screen and (max-width: 850px) { .header-search-middle{ flex-direction:column; height:auto; padding: 20px 25px; } .header-search-middle form{ width:100%; margin-top:20px; } .header-search-middle #mainSearchInput{ height:45px; font-size:14px; } .header-search-middle .search-button{ width: 50px; height: 45px; } .header-search-middle .welcome-message p{ font-size:11px; } } @media (min-width: 1280px) { .xl\:px-20 { padding-left: 20%; padding-right: 20%; } .xl\:h-\[65vh\] { height: 65vh; } } .single-product-variations-form .variations{ width: 100% } .single-product-variations-form .variations tr .label{ display: none; } .single-product-variations-form .variations tr .value{ padding-bottom: 20px; } .single-product-variations-form .variations tr .value select{ height: 40px; line-height: 40px; background-color: #e5e5e5; border: 1px solid #999; color: #000; width: 100%; display: block; padding-left: 15px; padding-right: 15px; font-size: 12px; line-height: 40px; position: relative; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; font-size: 12px; } .single_variation_wrap .woocommerce-variation-price{ display: none !important; } .single_variation_wrap .single_add_to_cart_button{ display: none; } .single_variation_wrap .quantity { display: none !important; }