.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-137 .elementor-element.elementor-element-6499b31 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-137 .elementor-element.elementor-element-6499b31 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-137 .elementor-element.elementor-element-6499b31{--titles-container-justify-content:center;--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;--galleries-title-color-normal:#360144;--galleries-title-color-hover:#FFFFFF;--galleries-pointer-bg-color-hover:#360144;--gallery-title-color-active:#FFFFFF;--galleries-pointer-bg-color-active:#360144;}.elementor-137 .elementor-element.elementor-element-6499b31 .elementor-gallery-title{--space-between:10px;}.elementor-137 .elementor-element.elementor-element-48baabe{--spacer-size:50px;}:root{--page-title-display:none;}/* Start custom CSS for gallery, class: .elementor-element-6499b31 *//* ========================================================= SR HAIR & NAILS ELEMENTOR PRO GALLERY FILTER / CATEGORY BUTTONS ========================================================= */ /* =============================== GALLERY FILTER CONTAINER ================================ */ .elementor-137 .elementor-element.elementor-element-6499b31 .elementor-gallery__filters{ display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:10px; margin:0 0 35px; padding:0; } /* =============================== FILTER BUTTONS ================================ */ .elementor-137 .elementor-element.elementor-element-6499b31 .elementor-gallery__filter{ position:relative; display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:11px 22px; border:1px solid #ead5e5 !important; border-radius:30px !important; background:#fff !important; color:#5b465c !important; font-family:Arial, Helvetica, sans-serif; font-size:12px !important; font-weight:700 !important; letter-spacing:.7px; text-transform:uppercase; cursor:pointer; transition: background .25s ease, color .25s ease, border-color .25s ease, transform .25s ease, box-shadow .25s ease; } /* =============================== HOVER ================================ */ .elementor-137 .elementor-element.elementor-element-6499b31 .elementor-gallery__filter:hover{ background:#fff5fa !important; color:#c63985 !important; border-color:#c63985 !important; transform:translateY(-2px); box-shadow: 0 7px 18px rgba(198,57,133,.12); } /* =============================== ACTIVE BUTTON ================================ */ .elementor-137 .elementor-element.elementor-element-6499b31 .elementor-gallery__filter.elementor-active{ background:#c63985 !important; color:#fff !important; border-color:#c63985 !important; box-shadow: 0 8px 20px rgba(198,57,133,.20); } /* =============================== ACTIVE HOVER ================================ */ .elementor-137 .elementor-element.elementor-element-6499b31 .elementor-gallery__filter.elementor-active:hover{ background:#af2e77 !important; border-color:#af2e77 !important; color:#fff !important; transform:translateY(-2px); } /* =============================== GALLERY IMAGES ================================ */ .elementor-137 .elementor-element.elementor-element-6499b31 .elementor-gallery-item{ overflow:hidden; border-radius:16px; background:#fff; box-shadow: 0 8px 25px rgba(54,1,68,.08); transition: transform .3s ease, box-shadow .3s ease; } /* =============================== IMAGE HOVER ================================ */ .elementor-137 .elementor-element.elementor-element-6499b31 .elementor-gallery-item:hover{ transform:translateY(-5px); box-shadow: 0 15px 35px rgba(54,1,68,.15); } /* =============================== IMAGE ================================ */ .elementor-137 .elementor-element.elementor-element-6499b31 .elementor-gallery-item img{ transition: transform .5s ease; } .elementor-137 .elementor-element.elementor-element-6499b31 .elementor-gallery-item:hover img{ transform:scale(1.05); } /* =============================== GALLERY OVERLAY ================================ */ .elementor-137 .elementor-element.elementor-element-6499b31 .elementor-gallery-item__overlay{ background: linear-gradient( to top, rgba(54,1,68,.65), rgba(198,57,133,.05) ) !important; } /* =============================== OVERLAY ICON ================================ */ .elementor-137 .elementor-element.elementor-element-6499b31 .elementor-gallery-item__overlay i{ color:#fff !important; background:#c63985; width:45px; height:45px; display:flex; align-items:center; justify-content:center; border-radius:50%; font-size:16px; } /* =============================== TABLET ================================ */ @media(max-width:767px){ .elementor-137 .elementor-element.elementor-element-6499b31 .elementor-gallery__filters{ gap:8px; margin-bottom:25px; } .elementor-137 .elementor-element.elementor-element-6499b31 .elementor-gallery__filter{ min-height:39px; padding:9px 16px; font-size:11px !important; } } /* =============================== MOBILE ================================ */ @media(max-width:480px){ .elementor-137 .elementor-element.elementor-element-6499b31 .elementor-gallery__filters{ justify-content:center; gap:7px; } .elementor-137 .elementor-element.elementor-element-6499b31 .elementor-gallery__filter{ padding:8px 14px; font-size:10px !important; letter-spacing:.5px; } .elementor-137 .elementor-element.elementor-element-6499b31 .elementor-gallery-item{ border-radius:12px; } } /* ========================================================= SR HAIR & NAILS ELEMENTOR GALLERY FILTER BAR ========================================================= */ .elementor-137 .elementor-element.elementor-element-6499b31 .elementor-gallery__filters{ width:100% !important; display:flex !important; align-items:center !important; justify-content:center !important; flex-wrap:wrap !important; gap:12px !important; margin:0 0 35px !important; padding:0 !important; border:0 !important; background:transparent !important; box-shadow:none !important; } /* ========================================================= FILTER BUTTONS ========================================================= */ .elementor-137 .elementor-element.elementor-element-6499b31 .elementor-gallery__filter{ display:inline-flex !important; align-items:center !important; justify-content:center !important; padding:12px 24px !important; min-height:44px !important; margin:0 !important; border:1px solid #e4d5e2 !important; border-radius:50px !important; background:#ffffff !important; color:#4d394f !important; font-family:Arial, Helvetica, sans-serif !important; font-size:12px !important; font-weight:700 !important; letter-spacing:.8px !important; text-transform:uppercase !important; line-height:1 !important; transition:all .3s ease !important; cursor:pointer !important; box-shadow: 0 4px 12px rgba(54,1,68,.05) !important; } /* ========================================================= HOVER ========================================================= */ .elementor-137 .elementor-element.elementor-element-6499b31 .elementor-gallery__filter:hover{ background:#fff3f9 !important; color:#c63985 !important; border-color:#c63985 !important; transform:translateY(-2px) !important; box-shadow: 0 8px 20px rgba(198,57,133,.12) !important; } /* ========================================================= ACTIVE ========================================================= */ .elementor-137 .elementor-element.elementor-element-6499b31 .elementor-gallery__filter.elementor-active{ background:#c63985 !important; color:#ffffff !important; border-color:#c63985 !important; box-shadow: 0 8px 22px rgba(198,57,133,.22) !important; } /* ========================================================= ACTIVE HOVER ========================================================= */ .elementor-137 .elementor-element.elementor-element-6499b31 .elementor-gallery__filter.elementor-active:hover{ background:#af2e77 !important; border-color:#af2e77 !important; color:#ffffff !important; } /* ========================================================= REMOVE DEFAULT ELEMENTOR EFFECTS ========================================================= */ .elementor-137 .elementor-element.elementor-element-6499b31 .elementor-gallery__filter:before, .elementor-137 .elementor-element.elementor-element-6499b31 .elementor-gallery__filter:after{ display:none !important; content:none !important; } /* ========================================================= TABLET ========================================================= */ @media(max-width:767px){ .elementor-137 .elementor-element.elementor-element-6499b31 .elementor-gallery__filters{ gap:8px !important; margin-bottom:28px !important; } .elementor-137 .elementor-element.elementor-element-6499b31 .elementor-gallery__filter{ min-height:40px !important; padding:10px 17px !important; font-size:10px !important; letter-spacing:.6px !important; } } /* ========================================================= MOBILE ========================================================= */ @media(max-width:480px){ .elementor-137 .elementor-element.elementor-element-6499b31 .elementor-gallery__filters{ gap:7px !important; } .elementor-137 .elementor-element.elementor-element-6499b31 .elementor-gallery__filter{ padding:9px 14px !important; font-size:9px !important; } }/* End custom CSS */