/*
Theme Name: Hello Elementor Child
Template: hello-elementor
Version: 1.0
*/
/* Add your custom styles here */
.elementor-147 .elementor-element.elementor-element-95b0cb9 .elementor-nav-menu--dropdown,
ul#sm-17630308189703477-2 {
width: max-content !important;
}
.elementor-icon-list-items.elementor-inline-items {
gap: 10px;
}
.home .elementor-element.site-header {
background-color: transparent !important;
}
.home .elementor-element.site-header:before {
background: #DC2177;
background: linear-gradient(180deg, rgba(0, 15, 36, 1) 0%, rgba(0, 0, 0, 0.00) 60%) !important;
content: '';
height: 310px;
pointer-events: none;
width: 100%;
}.sample_side_link a {
color: #fff !important;
}
.sample_side_link:hover a,.sample_side_link:hover h5{
color: #F8D95B !important;
}
a.edit-configuration-link {
display: none;
}
.page-numbers .page-numbers {
border-radius: 30px;
padding: 15px 19px !important;
margin-left: 10px !important;
}
.hover-product-card.elementor-flip-box--effect-fade .elementor-flip-box .elementor-flip-box__front {
opacity: 0;
}
.hover-product-card.elementor-flip-box--effect-fade .elementor-flip-box .elementor-flip-box__back {
opacity: 1;
position: relative;
}
.hover-product-card.elementor-widget.elementor-widget-flip-box:hover .elementor-flip-box__back {
opacity: 0;
}
.hover-product-card.elementor-widget.elementor-widget-flip-box:hover .elementor-flip-box__front {
opacity: 1;
}
.hover-product-card .elementor-flip-box__layer__overlay:before {
content: '';
background-color: var(--e-global-color-primary);
height: 170px;
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
z-index: -0;
border-radius: 0 0 20px 20px;
}
.hover-product-card .elementor-flip-box__layer__inner {
z-index: 9;
}
.hover-product-card .elementor-flip-box__image {
position: absolute;
top: 20px;
filter: brightness(0) invert(1);
}
.hover-product-card .elementor-flip-box__front .elementor-flip-box__layer__description {
background-image: url('data:image/svg+xml,');
padding-bottom: 70px;
background-size: 30px;
background-repeat: no-repeat;
background-position: bottom left;
cursor: pointer;
position: absolute;
top: 130px;
padding-right: 35px;
}
.hover-product-card a.elementor-flip-box__layer.elementor-flip-box__back .elementor-flip-box__layer__inner {
height: 110px;
}
.hover-product-card.elementor-widget.elementor-widget-flip-box .elementor-flip-box__front h3.elementor-flip-box__layer__title {
height: 90px;
}
.hover-accessories-card .elementor-flip-box__layer__inner {
padding: 10px 20px;
background-color: var(--e-global-color-text);
border-radius: 0 0 20px 20px;
}
.hover-accessories-card .elementor-flip-box__back .elementor-flip-box__layer__description {
background-image: url('data:image/svg+xml,');
padding-bottom: 65px;
background-size: 30px;
background-repeat: no-repeat;
background-position: bottom left;
cursor: pointer;
position: absolute;
top: 50px;
width: 90%;
}
.herovideo {
height: 100vh;
}
.herovideo iframe.elementor-video {
height: 100vh;
}
.hover-product-card .elementor-flip-box__front .elementor-flip-box__layer__overlay:after {
z-index: 1;
content: '';
position: absolute;
top: 0;
background-color: rgb(0 15 36 / 70%);
height: 100%;
width: 100%;
left: 0;
border-radius: 20px;
}
.hover-product-card h3.elementor-flip-box__layer__title {
color: #f8d95b;
}
.samples-ib figure.elementor-image-box-img {
margin-bottom: 0 !important;
}
.samples-ib .elementor-image-box-content {
background-color: var(--e-global-color-text);
margin-top: -8px;
padding: 10px;
border-radius: 0 0 20px 20px;
}
.samples-ib .elementor-image-box-content h4.elementor-image-box-title {
margin-top: 0;
}
.samples-ib .elementor-image-box-img img {
border-radius: 20px 20px 0 0 !important;
}
.samples-ib .elementor-element.elementor-arrows-position-outside .swiper {
width: 100%;
}
/* ABOU US PAGE */
.sticky-list li.elementor-icon-list-item.elementor-inline-item {
background-color: var(--e-global-color-primary);
padding: 10px 20px;
border-radius: 25px;
}
.sticky-list{
z-index: 9;
}
.sticky-list li.elementor-icon-list-item.elementor-inline-item:hover {
background-color: var(--e-global-color-secondary);
}
/* Product Page */
.product-accordions .elementor-element.elementor-arrows-position-outside .swiper,
.product-accordions .elementor-lightbox.elementor-arrows-position-outside .swiper {
width: 100%;
}
.product-accordions .e-n-accordion>.e-n-accordion-item>.e-n-accordion-item-title {
max-width: 1300px;
display: inline-flex;
justify-content: flex-start;
width: 100%;
margin: auto;
}
.product-samples.elementor-widget-n-tabs .e-n-tabs-heading {
margin-top: 0px;
}
.hover-product-card-product-page .elementor-flip-box__layer__overlay:before {
content: '';
background-color: var(--e-global-color-primary);
height: 120px;
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
z-index: -0;
border-radius: 0 0 20px 20px;
}
.hover-product-card-product-page .elementor-flip-box__layer__inner {
z-index: 9;
}
.hover-product-card-product-page .elementor-flip-box__image {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.hover-product-card-product-page .elementor-flip-box__image img {
width: 200px !important;
}
/* GLOBAL CSS */
.elementor-widget-text-editor ul,
.elementor-widget-text-editor li {
margin-bottom: 10px;
}
span.primary {
color: var(--e-global-color-primary);
}
span.secondary {
color: var(--e-global-color-text);
}
span.black {
color: #2a2929;
}
.white {
color: #fff !important;
}
body * {
scroll-margin-top: 120px;
}
/* Products Variations Start */
.omnis-variation-masonry-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
.omnis-variation-item {
position: relative;
border-radius: 10px;
overflow: hidden;
}
.omnis-image-wrapper {
position: relative;
display: block;
width: 100%;
}
.omnis-image-wrapper img.omnis-variation-image {
display: block;
width: 100%;
height: auto;
border-radius: 10px;
}
.omnis-variation-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 12px;
border-radius: 10px;
display: flex;
flex-direction: column;
justify-content: space-between;
opacity: 0;
transition: 0.3s ease;
background: rgb(18, 25, 41);
}
.omnis-image-wrapper:hover .omnis-variation-overlay {
opacity: 1;
}
.omnis-variation-title h5 {
color: var(--e-global-color-primary);
font-size: 22px;
font-weight: 500;
text-transform: uppercase;
}
.omnis-icon-cart-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
.omnis-icon-cart-wrapper img.omnis-icon-image {
width: 52px;
}
.omnis-add-to-cart {
font-family: "Roboto Condensed", Sans-serif;
background-color: transparent !important;
background: none !important;
color: var(--e-global-color-primary) !important;
padding: 0 !important;
border-radius: 0 !important;
text-decoration: none !important;
font-size: 18px !important;
font-weight: 500 !important;
width: fit-content !important;
text-transform: uppercase;
}
.accordion_widget .e-n-accordion-item-title-header {
margin-left: 15px;
}
.accordion_widget .e-n-accordion-item:last-child .e-n-accordion-item-title {
border-width: 2px 0px 2px 0px !important;
}
.texture_gallery .elementor-animated-content {
box-shadow: rgba(0, 0, 0, 0.35) 2px 6px 18px;
}
.elementor-widget-text-editor ul {
margin-bottom: 20px !important;
margin-top: 20px !important;
}
.hover_box .elementor-flip-box__layer__description {
position: relative !important;
}
.hover_box {
cursor: pointer;
}
.hover_box .elementor-flip-box__layer__title {
margin-bottom: 10px !important;
}
.inspiration_grid .elementor-cta {
height: 400px !important;
}
.four_col_grid .elementor-flip-box__layer__overlay:before {
height: 140px !important;
}
.four_col_grid .elementor-flip-box__layer__title {
margin-bottom: 10px !important;
}
.team-wrapper .team-container img {
transition: opacity 0.3s ease;
}
/* When hovering anywhere on the wrapper, fade all images */
.team-container:hover img {
opacity: 1 !important;
}
/* But keep the hovered container’s image at full opacity */
/*.team-wrapper .e-con-inner:hover .team-container img {
opacity: 0.2;
}
*/
.home .voew_more_ins.load-more-wrapper{
display: none;
}
.voew_more_ins.load-more-wrapper a {
background: #f8d95b;
padding: 12px 24px;
border-radius: 50px;
font-size: 20px;
text-transform: uppercase;
color: #000 !important;
}
.voew_more_ins.load-more-wrapper {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
margin-top: 30px;
margin-bottom: -30px;
}
/* Products Variations End*/
@media (max-width: 1199px) {
.omnis-variation-masonry-grid {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 900px) {
.omnis-variation-masonry-grid {
grid-template-columns: repeat(2, 1fr);
}
}
.support_cover .elementor-widget-icon-box .elementor-icon-box-icon {
background: #f8d95b;
height: 160px;
width: 160px;
display: flex;
align-items: center;
justify-content: center;
}
@media only screen and (max-width: 768px) {
.our_product_home>.e-con-inner {
display: block !important;
}.support_cover .elementor-widget-icon-box.elementor-mobile-position-top .elementor-icon-box-wrapper {
align-items: center !important;
}
.support_cover .elementor-widget-icon-box .elementor-icon-box-icon {
width: 140px;
height: 140px;
}
.hover-product-card .elementor-flip-box__layer__overlay:before {
height: 130px;
}
.home-banner-slider h3.elementor-heading-title.elementor-size-default br {
display: none;
}
.hover-product-card-product-page .elementor-flip-box__image {
width: 100%;
}
.hover-product-card-product-page .elementor-flip-box__image img {
width: 180px !important;
}
.hover-product-card-product-page a.elementor-flip-box__layer.elementor-flip-box__back .elementor-flip-box__layer__inner {
height: 80px;
}
div#other-products .hover-product-card a.elementor-flip-box__layer.elementor-flip-box__back .elementor-flip-box__layer__inner {
height: 90px;
}
body * {
scroll-margin-top: 20px;
}
.four_col_grid .elementor-flip-box__layer__overlay:before {
height: 150px !important;
}
}
@media (max-width: 600px) {
.omnis-variation-masonry-grid {
grid-template-columns: 1fr;
}
.select-select-wrap_dropdown_upper,body .select-wrap_dropdown {
width: 100%;
}
body .resource_grid{
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (min-width: 1200px) {
.hide-desktop {
display: none !important;
}
}
::-moz-selection {
/* Code for Firefox */
color: #fff;
background: var(--e-global-color-primary);
}
::selection {
color: #fff;
background: var(--e-global-color-primary);
}
.samples-ib .elementor-image-box-title {
margin-bottom: 0 !important;
padding-left: 10px;
}
.ab-masonry-item img {
border-radius: 20px;
}
.ab-inspiration-filters {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 20px;
}
.ab-filter-btn {
border: none;
padding: 8px 16px;
border-radius: 8px;
cursor: pointer;
font-size: 14px;
transition: 0.2s;
}
button.ab-filter-btn {
font-size: 16px !important;
padding: 5px 20px;
background-color: black;
color: var(--e-global-color-primary) !important;
font-weight: 500;
}
.ab-filter-btn.active {
background: #fff !important;
color: black !important;
}
.ab-filter-btn:hover {
background: #fff !important;
color: black !important;
}
/*
.ab-masonry-item {
margin-bottom: 10px;
display: block;
}
.ab-masonry-item img {
width: 100%;
display: block;
object-fit: cover;
} */
.ab-inspiration-item {
width: 25%;
/* default 4 columns */
}
.ab-inspiration-item.wide {
width: 33.33%;
/* makes item wider, so fewer fit in the row */
}
.wp-menu-img img {
width: 60px !important;
}
/* responsive adjustments */
@media (max-width: 940px) {
.ab-inspiration-item {
width: 33.33%;
}
.ab-inspiration-item.wide {
width: 50%;
}
}
@media (max-width: 520px) {
.ab-inspiration-item,
.ab-inspiration-item.wide {
width: 50%;
}
}
@media (max-width: 400px) {
.ab-inspiration-item,
.ab-inspiration-item.wide {
width: 100%;
}
}
.e-con .elementor-widget.accordian_inner {
max-width: calc(100% - (100% - var(--content-width))/2 - 70px) !important;
padding: 0;
margin-left: auto;
margin-right: 0;
}
.e-con .elementor-widget.accordian_inner .e-n-carousel {
padding: 0;
}
.e-con .elementor-widget.accordian_inner .elementor-widget-image-box .elementor-image-box-img img {
width: 100%;
}
.accordion_widget.elementor-widget-n-accordion .e-n-accordion-item-title-icon span>svg {
margin-left: 10px;
}
details#e-n-accordion-item-6580[open],
details#e-n-accordion-item-6582[open],
details#e-n-accordion-item-2610[open] ,
details#e-n-accordion-item-2612[open],
details#e-n-accordion-item-2230[open]{
background: #f8d95b;
border: 0;
}
details#e-n-accordion-item-6580[open] span.e-n-accordion-item-title-icon,
details#e-n-accordion-item-6581[open] span.e-n-accordion-item-title-icon,
details#e-n-accordion-item-6582[open] span.e-n-accordion-item-title-icon,
details#e-n-accordion-item-2610[open] span.e-n-accordion-item-title-icon,
details#e-n-accordion-item-2611[open] span.e-n-accordion-item-title-icon,
details#e-n-accordion-item-2612[open] span.e-n-accordion-item-title-icon ,
details#e-n-accordion-item-2612[open] span.e-n-accordion-item-title-icon,
.accordion_widget details[open] span.e-n-accordion-item-title-icon{
transform: rotate(45deg);
}
details#e-n-accordion-item-6581[open],details#e-n-accordion-item-2611[open],
details#e-n-accordion-item-2231[open] {
background: #000f24;
border: 0;
}
span.e-n-accordion-item-title-icon {
transition: transform 0.3s ease;
}
.side_bar_icons h5.elementor-icon-box-title {
margin: 0;
}
.side_bar_inpiration h5.elementor-icon-box-title {
margin-top: 30px;
}.inspiration_side_icons h5.elementor-icon-box-title {
margin-top: 35px;
}
.select-select-wrap_dropdown_upper {
justify-content: right;
display: flex;
}
details#e-n-accordion-item-6581[open] span.e-n-accordion-item-title-header ,
details#e-n-accordion-item-2611[open] span.e-n-accordion-item-title-header,
details#black_bg[open] span.e-n-accordion-item-title-header{
color: #ffffff;
}
details#e-n-accordion-item-6581[open] span.e-opened svg path,
details#e-n-accordion-item-2611[open] span.e-opened svg path ,
details#black_bg[open] span.e-opened svg path{
fill: #fff !important;
}
.page-id-3435 .item-image {
transform: scale(1.2);
}.page-id-3435 .elementor-flip-box {
height: 400px !important;
}
.yellow_bg .elementor-swiper-button svg path {
fill: #0a1727 !important;
}
details#yellow_bg[open] {
background-color: #F8D95B;
}
details#black_bg[open]{
background: #000f24;
border: 0;
}
.flipbox_products_image {
height: 100%;
width: 100%;
aspect-ratio: 1;
}
.flipbox_products_excerpt:after {
content: "";
background-image: url('data:image/svg+xml,');
background-size: 30px;
background-repeat: no-repeat;
background-position: bottom left;
cursor: pointer;
width: 30px;
height: 30px;
display: block;
}
.flipbox_products .e-con-inner:before {
content: '';
position: absolute;
top: 0;
left: 0;
background: rgb(0 15 36 / 70%);
width: 100%;
height: 100%;
display: block;
z-index: 2;
opacity: 0;
transition: all .5s ease;
}
.flipbox_products_overlay {
opacity: 0;
pointer-events: none;
transition: all .5s ease !important;
}
.flipbox_products:hover .flipbox_products_overlay {
opacity: 1;
pointer-events: auto;
transition: all .5s ease !important;
}
.flipbox_products:hover .e-con-inner:before {
opacity: 1;
transition: all .5s ease !important;
}
.flipbox_products:hover .flipbox_products_top+.flipbox_products_desc h3.elementor-heading-title {
/*color: #f8d95b !important;*/
transition: all .5s ease !important;
}
.side_plus_icon a:hover svg path {
fill: var(--e-global-color-primary);
}
/* Parent stays boxed and clips LEFT overflow */
.samples-ib {
position: relative !important;
overflow: hidden !important;
}
/* Let carousel escape ONLY to the right */
.samples-ib .sample_carousel {
margin-right: calc(-1 * ((100vw - 100%) / 2));
padding-right: calc((100vw - 100%) / 2);
}
/* Prevent swiper from re-enabling left overflow */
.samples-ib .swiper {
overflow: visible;
}
/* Always define transition */
.samples-ib .swiper-slide {
transition: opacity 0.35s ease, transform 0.35s ease;
}
/* Fade out left slide smoothly */
.samples-ib .swiper-wrapper {
will-change: transform;
}
body {
overflow-x: hidden;
}
.for_me_product .elementor-flip-box__front .elementor-flip-box__layer__overlay {
padding-block: 18px;
height: 100%;
}
.hover-product-card-product-page .elementor-flip-box__layer__inner {
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.hover-product-card-product-page .elementor-flip-box__image {
flex: 1;
}
@media (max-width: 1920px) {
.samples-ib .swiper-slide-prev,
.samples-ib .swiper-slide-duplicate-prev {
opacity: 0;
transform: translateX(-20px);
pointer-events: none;
}
}
@media (max-width: 767px) {
.hover-product-card-product-page .elementor-flip-box__layer__overlay:before {
height: 145px;
}
.samples-ib {
overflow: hidden;
}
}
.popup-opened .side_plus_icon a {
background-color: transparent !important;
transform: rotate(45deg);
}
.popup-opened .side_plus_icon a svg path {
fill: var(--e-global-color-primary);
}
.side_plus_icon a {
height: 50px;
position: relative;
width: 50px;
padding: 0 !important;
display: flex;
align-items: center;
justify-content: center;
}
.side_plus_icon a svg {
height: 30px !important;
width: 30px;
}
.popup-opened .dialog-type-lightbox {
z-index: 1;
}
.hover-accessories-card .elementor-flip-box__layer__title:not(:last-child), .hover-accessories-card .elementor-flip-box__layer__title {
margin-block: .5rem 1rem !important;
}
.hover-product-card-product-page .elementor-flip-box__layer__description {
color: #000f24 !important;
}
.hover-product-card-product-page .elementor-flip-box__front .elementor-flip-box__image {
opacity: 0 !important;
}
.hover-product-card-product-page .elementor-flip-box__layer.elementor-flip-box__front .elementor-flip-box__image:before{
content: '';
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 101%;
background: rgba(255, 255, 255, 0.8);
z-index: 10;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
opacity: 1;
visibility: visible;
}
.hover-product-card-product-page:hover .elementor-flip-box__layer.elementor-flip-box__front .elementor-flip-box__image:before , .hover_box.active .hover-product-card-product-page .elementor-flip-box__layer.elementor-flip-box__front .elementor-flip-box__image:before {
opacity: 0;
visibility: hidden;
}
.hover-product-card-product-page .elementor-flip-box__layer.elementor-flip-box__front {
position: relative;
}
.hover-product-card-product-page .elementor-flip-box__layer.elementor-flip-box__back {
display: none;
}
.hover-product-card-product-page .elementor-flip-box__front .elementor-flip-box__image {
transition: all 0.1s ease-in-out !important;
}
.hover-product-card-product-page .elementor-flip-box__front .elementor-flip-box__image, .hover_box.active .hover-product-card-product-page .elementor-flip-box__front .elementor-flip-box__image {
opacity: 1 !important;
}
.hover-product-card-product-page:hover .elementor-flip-box__front .elementor-flip-box__image, .hover_box.active .hover-product-card-product-page .elementor-flip-box__front .elementor-flip-box__image {
opacity: 0 !important;
}
.hover-product-card-product-page .elementor-flip-box__front .elementor-flip-box__image img, .hover_box.active .hover-product-card-product-page .elementor-flip-box__front .elementor-flip-box__image img {
position: relative;
z-index: 11;
}
.hover-product-card-product-page:hover .elementor-flip-box__front .elementor-flip-box__image img, .hover_box.active .hover-product-card-product-page .elementor-flip-box__front .elementor-flip-box__image img {
position: relative;
z-index: 0;
}
.hover_box .hover-product-card-product-page .elementor-flip-box__layer__title {
margin-bottom: 10px !important;
}.hover_slide_box .flex {
display: flex;
}
.hover_slide_box .flex a,.hover_slide_box .flex img {
min-width: 300px;
border-radius: 20px;
}
@media (max-width: 991px){
.hover-product-card-product-page .elementor-flip-box__layer__overlay:before {
height: 140px;
}.hover_slide_box .flex {
flex-direction: column;
}
.hover_slide_box .flex a, .hover_slide_box .flex img {
width: 100%;
margin-top: 10px;
}
}
@media (max-width: 767px){
.hover-product-card-product-page .elementor-flip-box__layer__overlay {
padding: 20px !important;
}
}
@media (max-width: 360px){
.hover-product-card-product-page .elementor-flip-box__layer__overlay:before {
height: 160px;
}
}
/* Masonry Layout for News Posts */
.news_post_masonary .elementor-loop-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
/*//grid-auto-rows: 50px;*/
gap: 20px;
align-items: start;
}
.news_post_masonary .e-loop-item {
margin: 0 !important;
height: 100%;
}
/* Varying heights for masonry effect */
.news_post_masonary .e-loop-item:nth-child(6n+1) {
grid-row: span 6;
}
.news_post_masonary .e-loop-item:nth-child(6n+2) {
grid-row: span 5;
}
.news_post_masonary .e-loop-item .elementor-element .elementor-page-title.elementor-widget-heading h3.elementor-heading-title.elementor-size-default {
padding-bottom: 10px;
}
.news_post_masonary .e-loop-item:nth-child(6n+3) {
grid-row: span 3;
}
.news_post_masonary .e-loop-item:nth-child(6n+4) {
grid-row: span 5;
}
.news_post_masonary .e-loop-item:nth-child(6n+5) {
grid-row: span 3;
}
.news_post_masonary .e-loop-item:nth-child(6n+6) {
grid-row: span 6;
}
/* Make images fill container */
.news_post_masonary .elementor-widget-image img {
width: 100%;
height: 100%;
object-fit: cover;
}.converted-filters li.dropdown_menu[data-filter="news"] {
display: none;
}
/* Tablet - 2 columns */
@media (max-width: 1024px) {
.news_post_masonary .elementor-loop-container {
grid-template-columns: repeat(2, 1fr);
}
.news_post_masonary .e-loop-item:nth-child(4n+1) {
grid-row: span 9;
}
.news_post_masonary .e-loop-item:nth-child(4n+2) {
grid-row: span 7;
}
.news_post_masonary .e-loop-item:nth-child(4n+3) {
grid-row: span 8;
}
.news_post_masonary .e-loop-item:nth-child(4n+4) {
grid-row: span 9;
}
.mission_vision_sec .swiper-wrapper {
flex-wrap: wrap;
}
.mission_vision_sec .swiper-wrapper .swiper-slide {
width: 100% !important;
}
}
/* Mobile - 1 column */
.news_post_masonary .e-loop-item .elementor-element {
height: 100%;
padding: 0;
}
.news_post_masonary .e-loop-item .elementor-element .elementor-page-title.elementor-widget-heading {
max-height: fit-content;
padding: 0 ;
}
.news_post_masonary .e-loop-item .elementor-element img,.news_post_masonary .e-loop-item .elementor-element a {
height: 100% !important;
object-fit: cover !important;
width: 100%;
object-position: left center !important;
display: block;
}
.news_post_masonary .e-loop-item .elementor-element .elementor-heading-title a {
padding: 15px;
}
.news_heading a{
padding: 15px;
display: block;
}
.news_post_masonary .e-loop-item .elementor-element .e-con-inner {
display: flex !important;
flex-direction: column;
flex-wrap: nowrap;
}.elementor-widget-taxonomy-filter .e-filter button.e-filter-item {
cursor: pointer;
}
.elementor-widget-taxonomy-filter .e-filter button.e-filter-item[data-filter="petrarch-news"],
.elementor-widget-taxonomy-filter .e-filter button.e-filter-item[data-filter="steni-news"],
.elementor-widget-taxonomy-filter .e-filter button.e-filter-item[data-filter="forme-design-news"],
.elementor-widget-taxonomy-filter .e-filter button.e-filter-item[data-filter="blog"],
.elementor-widget-taxonomy-filter .e-filter button.e-filter-item[data-filter="__all"]{
display: block;
}
@media (max-width: 767px) {
.news_post_masonary .elementor-loop-container {
display:block;
}
.news_post_masonary .elementor-loop-container {
display: grid;
grid-auto-rows: 20px;
gap: 15px !important;
}
.news_post_masonary .e-loop-item .elementor-element .e-con-inner {
gap: 10px;
}
.news_post_masonary .e-loop-item .elementor-element .elementor-page-title.elementor-widget-heading h3.elementor-heading-title.elementor-size-default {
font-size: 16px;
padding-bottom: 0;
}
}
.elementor-kit-6 button.inspire_option_btn {
height: 50px;
width: 100%;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background: #f8d95b;
color: #000f24;
border: 2px solid #f8d95b;
border-radius: 999px;
padding: 12px 32px 12px 18px;
font-size: 14px;
font-weight: 500;
cursor: pointer;
text-align: left;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.inspiration-filters {
position: absolute;
top: -100px;
right: 0;
}
.select-wrap_dropdown {
min-width: 240px;
position: relative;
}.gform-theme--foundation .ginput_address_zip {
width: 100%;
}
.sample-filters .select-select-wrap_dropdown_upper {
gap: 15px;
align-items: center;
}
.sample-filters button.refresh-btn {
background: transparent !important;
border: none;
font-size: 20px;
cursor: pointer;
color: #0c2340 !important;
transition: 0.3s;
width: 50px;
height: 50px;
padding: 0;
font-size: 30px;
}
.sample-filters button.refresh-btn:hover {
transform: rotate(180deg);
}
ul.select-wrapdropdown-menu {
background: #000f24;
padding: 13px;
border: 1px solid #f8d95b;
border-radius: 10px;
max-height: 300px;
overflow-y: scroll;
width: 98%;
margin: 0 auto;
margin-top: 5px;
position: absolute;
z-index: 9;
height: auto;
}
.elementor-widget-taxonomy-filter.filter_dropdown .e-filter {
display: none;
}
.filter_dropdown li.dropdown_menu:last-child {
position: absolute;
top: 13px;
width: calc(100% - 26px);
}
.filter_dropdown ul.select-wrapdropdown-menu {
padding-top: 43px;
}
.portfolio__brief-table .elementor-icon-list-text p {
margin: 0;
}
ul.select-wrapdropdown-menu li.dropdown_menu {
padding: 5px 10px;
color: #f8d95b !important;
list-style: none;
font-size: 16px;
border-bottom: 1px solid #f8d95b4f;
cursor: pointer;
font-weight: 500;
}
.select-wrapdropdown-menu::-webkit-scrollbar{
width: 4px;
border-radius:10px;
margin-left: 15px;
padding-top:20px;
}
.select-wrapdropdown-menu{
height: 900px;
overflow-y: auto;
}
.select-wrapdropdown-menu::-webkit-scrollbar-track{
background: #dddddd00;
margin-left: 15px;
border-radius: 10px;
}
/* Handle */
.select-wrapdropdown-menu::-webkit-scrollbar-thumb {
background: #F8D95B;
border-radius:10px;
}
/* Handle on hover */
.select-wrapdropdown-menu::-webkit-scrollbar-thumb:hover {
background: #55555500;
}
button.inspire_option_btn:after {
content: "";
position: absolute;
top: 50%;
right: 18px;
width: 10px;
height: 17px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27.91 59.974'%3E%3Cpath d='M1774.3,5061.45a1.447,1.447,0,0,1,2.548-.939l25.017,29.357a1.447,1.447,0,0,1-.027,1.906l-25.016,27.749a1.447,1.447,0,0,1-2.15-1.936l24.168-26.81-24.194-28.391a1.441,1.441,0,0,1-.346-.937Z' transform='translate(-1774.3 -5060.003)' fill='none' stroke='%23000f24' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-size: contain;
transform: translateY(-50%) rotate(90deg);
pointer-events: none;
background-repeat: no-repeat;
}
ul.select-wrapdropdown-menu {
display: none;
}
.home_inspire button.inspire_option_btn {
background-color: var(--e-global-color-secondary);
color: var(--e-global-color-primary);
}
button.inspire_option_btn:hover:after,.home_inspire button.inspire_option_btn:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27.91 59.974'%3E%3Cpath d='M1774.3,5061.45a1.447,1.447,0,0,1,2.548-.939l25.017,29.357a1.447,1.447,0,0,1-.027,1.906l-25.016,27.749a1.447,1.447,0,0,1-2.15-1.936l24.168-26.81-24.194-28.391a1.441,1.441,0,0,1-.346-.937Z' transform='translate(-1774.3 -5060.003)' fill='none' stroke='%23f8d95b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.inspire_case_study_loop {
max-width: calc(var(--content-width) + 50px + ((100% - var(--content-width)) / 2)) !important;
margin-right: -50px;
margin-left: auto;
}
.materials_inspiration_inner {
opacity: 0;
transition: opacity 0.3s ease;
}
.materials_inspiration:hover .materials_inspiration_inner {
opacity: 1;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
visibility: visible;
opacity: 1;
transition: visibility 0.5s, opacity 0.5s linear;
}.materials_inspiration .materials_inspiration_inner {
backdrop-filter: blur(4px);
}
@media (max-width: 1300px) {
.inspire_case_study_loop {
max-width: 100% !important;
margin-right: 0;
margin-left: auto;
}
}.material_inspi_outer .elementor-loop-container {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 15px;
grid-auto-rows: 70px;
}
/* Remove default margins */
.material_inspi_outer .e-loop-item {
margin: 0 !important;
}
.material_inspi_outer .e-loop-item {
grid-row: span 5;
}
.material_inspi_outer .elementor-loop-container > div.e-loop-item:nth-of-type(8n+1) {
grid-column: span 3;
}
.material_inspi_outer .elementor-loop-container > div.e-loop-item:nth-of-type(8n+2) {
grid-column: span 1;
}
.material_inspi_outer .elementor-loop-container > div.e-loop-item:nth-of-type(8n+3) {
grid-column: span 1;
}
.material_inspi_outer .elementor-loop-container > div.e-loop-item:nth-of-type(8n+4) {}
.material_inspi_outer .elementor-loop-container > div.e-loop-item:nth-of-type(8n+5) {
grid-column: span 2;
}
.material_inspi_outer .elementor-loop-container > div.e-loop-item:nth-of-type(8n+6) {
grid-column: span 1;
}
.material_inspi_outer .elementor-loop-container > div.e-loop-item:nth-of-type(8n+7) {
grid-column: span 2;
}
.material_inspi_outer .elementor-loop-container > div.e-loop-item:nth-of-type(8n+8) {
grid-column: span 1;
}
/* Ensure background images fill properly */
.material_inspi_outer .materials_inspiration {
height: 100%;
}
.material_inspi_outer .materials_inspiration .e-con-inner {
height: 100%;
max-width: 100%;
}
.material_inspi_outer .e-loop-item:nth-child(5) {
grid-column: span 1;
}
.sample_search .e-search-form {
flex-direction: row-reverse;
}
.inspiration_side_icons .elementor-icon-box-content .elementor-icon-box-description {
opacity: 0;
height: 0;
overflow: hidden;
visibility: hidden;
margin-top: 10px;
margin-bottom: 0px;
transition: opacity 0.5s ease-out, height 0.5s ease-out, visibility 0.5s;
}
.inspiration_side_icons .elementor-icon-box-content:hover .elementor-icon-box-description {
opacity: 1;
height: auto; /* Animates to the content's natural height */
visibility: visible;
padding-right: 30px;
padding-bottom: 30px;
padding-top: 10px;
position: relative;
}
.inspiration_side_icons .elementor-icon-box-content:hover .elementor-icon-box-description:after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27.91' height='60' viewBox='0 0 27.91 60'%3E%3Cpath d='M1774.3,5061.448a1.447,1.447,0,0,1,2.548-.939l25.017,29.357a1.446,1.446,0,0,1-.027,1.906l-25.016,27.749a1.447,1.447,0,0,1-2.15-1.936l24.168-26.809-24.194-28.391A1.44,1.44,0,0,1,1774.3,5061.448Z' transform='translate(-1774.3 -5060)' fill='%23F8D95B'%3E%3C/path%3E%3C/svg%3E");
width: 30px;
height: 30px;
background-size: contain;
display: inline-block;
background-repeat: no-repeat;
position: absolute;
right: -16px;
}
.inspiration_side_icons .elementor-icon-box-wrapper {
align-items: flex-start!important;
}.inspiration_side_icons:focus, .inspiration_side_icons a:focus {
outline: none;
}
/* Tablet - 2 columns */
@media (max-width: 768px) {
.material_inspi_outer .elementor-loop-container {
grid-template-columns: repeat(6, 1fr);
}
body .material_inspi_outer .e-loop-item{
grid-column: span 1 !important;
}
}
.side_icon_ins .elementor-icon-box-content {
margin-top: -25px;
}
.imapsCircle {
fill: #f8d948 !important;
stroke: #ffffff !important;
stroke-width: 2px !important;
filter: drop-shadow(0 0 6px rgb(248 217 72 / 80%));
}
@keyframes imaps-pulse {
0% {
r: 10;
opacity: 1;
}
50% {
r: 14;
opacity: 0.6;
}
100% {
r: 10;
opacity: 1;
}
}
.imapsCircle {
fill: #f8d948 !important;
animation: imaps-pulse 1.8s infinite ease-in-out;
}
body {
font-weight: 400;
}.flipbox_products_logo {
align-items: center !important;
}.product-swatches-masonry.all_sample_page {
position: relative;
}
.product-swatches-masonry.all_sample_page .resource-loader {
z-index: 999;
}
.inspiration-gallery{
padding-right: 15px;
}
.inspiration-gallery::-webkit-scrollbar{
width: 5px;
border-radius:10px;
margin-left: 10px;
}
.inspiration-gallery{
max-height: 900px;
overflow-y: auto;
}
button#shareWithOmnisBtn:hover svg path {
fill: #f8d95b;
}
.inspiration-gallery::-webkit-scrollbar-track{
background: #dddddd00;
margin-left: 10px;
border-radius: 10px;
}
/* Handle */
.inspiration-gallery::-webkit-scrollbar-thumb {
background: #F8D95B;
border-radius:10px;
}
/* Handle on hover */
.inspiration-gallery::-webkit-scrollbar-thumb:hover {
background: #55555500;
}
/* Header & Filters */
.e-n-menu-content.e-active>.elementor-element {
padding-bottom: 50px;
}
.e-n-menu-content .elementor-item{
font-weight: 500;
}
.elementor-item.highlighted {
color: #f8d95b;
}
.elementor-nav-menu .sub-arrow {
display: none;
}
.flipbox_products_logo {
height: 100px;
display: flex;
align-items: center;
}
.news_loop .elementor-swiper-button.elementor-swiper-button-prev {
left: -100px !important;
top:20px !important;
}.news_slider{
min-width: calc( 100% - 100px) !important;
}
.news_loop .elementor-swiper-button.elementor-swiper-button-next {
right: auto !important;
left: -60px !important;
top:20px !important;
}
.flipbox_products_logo img {
height: auto;
max-height: 100px;
}
.product_cat-products.post-154 .flipbox_products_logo img {
max-height: 80px;
}
.flipbox_products_excerpt:after {
margin-top: 30px;
}
.attribute-filters,.sample_attribute_filters {
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: center;
}
.attribute-filters .filter-btn,.sample_attribute_filters .filter-btn{
padding: 10px 20px;
background: #d4d3d4;
cursor: pointer;
transition: all 0.3s ease;
font-size: 14px;
font-weight: 500;
border: 0;
}
.attribute-filters .filter-btn:hover,
.attribute-filters .filter-btn.active,
.sample_attribute_filters .filter-btn:hover,
.sample_attribute_filters .filter-btn.active {
background-color: #f8d95b;
color: #000F24;
}
/* Masonry Grid */
.masonry-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
grid-auto-rows: 180px;
grid-auto-flow: dense;
gap: 15px;
padding: 20px 0;
}
/* Masonry Items */
.masonry-item {
position: relative;
border-radius: 8px;
overflow: hidden;
cursor: pointer;
box-shadow: 0 9px 24px rgb(0 0 0 / 12%), 0 2px 8px rgb(0 0 0 / 38%);
transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
/* Varied sizes */
.masonry-item:nth-child(5n+1) { grid-row: span 2; grid-column: span 1; }
.masonry-item:nth-child(7n+2) { grid-row: span 1; grid-column: span 2; }
.masonry-item:nth-child(11n+3) { grid-row: span 2; grid-column: span 2; }
.masonry-item:nth-child(13n+4) { grid-row: span 1; grid-column: span 1; }
.masonry-item:nth-child(17n+5) { grid-row: span 2; grid-column: span 2; }
.masonry-item:nth-child(19n+6) { grid-row: span 2; grid-column: span 2; }
.masonry-item:nth-child(23n+7) { grid-row: span 1; grid-column: span 2; }
/* Hidden state */
.masonry-item[data-show="false"] {
opacity: 0;
transform: scale(0.6);
position: absolute;
pointer-events: none;
}
/* Visible state */
.masonry-item[data-show="true"] {
opacity: 1;
transform: scale(1);
position: relative;
}
/* Image */
.item-image {
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
transition: transform 0.4s ease;
}
/* Overlay */
.item-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.7);
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: baseline;
opacity: 0;
transition: opacity 0.3s ease;
padding: 15px;
}
.masonry-item[data-show="true"]:hover .item-overlay {
opacity: 1;
}
.masonry-item[data-show="true"]:hover {
transform: translateY(-5px) scale(1.02);
box-shadow: 0 8px 20px rgba(0,0,0,0.2);
z-index: 9;
}
.masonry-item[data-show="true"]:hover .item-image {
transform: scale(1.05);
}
/* Overlay Content */
.item-name-link {
text-decoration: none;
color: white;
transition: opacity 0.3s ease;
}
.item-overlay .item-name {
color: #f8d95b;
font-size: 16px;
font-weight: 400;
text-align: left;
margin: 0 0 15px 0;
line-height: 1.5;
text-transform: uppercase;
}
.item-overlay .btn-moodboard {
color: #f8d95b;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 11px;
font-weight: 600;
transition: all 0.3s ease;
text-align: left;
display: flex;
align-items: anchor-center;
gap: 5px;
}
/* Filter Buttons */
.inspiration-filters {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.inspiration-filters button.filter-btn {
padding: 10px 20px;
background: #F8D95B;
cursor: pointer;
transition: all 0.3s ease;
font-size: 14px;
font-weight: 500;
border: 0;
}
.inspiration-filters button.filter-btn.active,.inspiration-filters button.filter-btn:hover {
background: #d4d3d4;
color: #000f24;
}
/* Gallery Grid - Pure CSS Masonry */
.inspiration-gallery {
position: relative;
display: grid;
grid-template-columns: repeat(16, 1fr); /* 12 column grid for flexibility */
gap: 20px;
max-width: 1400px;
margin: 0 auto;
grid-auto-rows: 80px; margin-top: 30px;
}
h3.filter_heading {
color: #fff !important;
font-weight: 200 !important;
margin-bottom: 30px;
}
.inspiration-gallery.loading {
opacity: 0.5;
pointer-events: none;
}
.inspiration-gallery.loading::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
margin: -25px 0 0 -25px;
border: 4px solid #1a2942;
border-top: 4px solid #d4a574;
border-radius: 50%;
animation: spin 1s linear infinite;
z-index: 10;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.gallery-item-inner {
position: relative;
overflow: hidden;
border-radius: 16px;
cursor: pointer;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.3s ease;
}
.gallery-image {
width: 100%;
height: auto;
display: block;
}.elementor-menu-cart__product-price.product-price,.elementor-menu-cart__subtotal {
display: none;
}body.woocommerce-cart .woocommerce a.remove, body.woocommerce-cart .woocommerce a.remove:hover {
text-decoration: none !important;
border: 1px solid #c5c3c3;
color: #c5c3c3 !important;
padding: 10px;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
width: 25px;
height: 25px;
}
a.elementor-button.elementor-button--checkout span:before {
font-size: 18px;
content: "Order";
}
a.elementor-button.elementor-button--checkout span {
font-size: 0;
}
.guest_pinboard .moodboard-description a {
text-decoration: underline;
font-weight: 600;
}.configuration-list {
position: relative;
}
.gallery-item img {
width: 100%;
height: 100% !important;
object-fit: cover;
display: block; object-position: bottom;
}
.gallery-item.color.steni-panels.terra img,
.gallery-item.steni-panels.vision img,
.gallery-item.color.steni-panels img{
object-position: center;
}
/* Repeating Pattern Layout */
/* Pattern: Items 1, 2, 3, 4 */
.gallery-item:nth-child(10n+1) {
grid-column: span 8; /* Large left image */
grid-row: span 4;
}
.gallery-item:nth-child(10n+2) {
grid-column: span 3; /* Medium width - tall */
grid-row: span 4;
}
.gallery-item:nth-child(10n+3) {
grid-column: span 5; /* Medium width */
grid-row: span 2;
}
.gallery-item:nth-child(10n+4) {
grid-column: span 5; /* Same width as item 3 */
grid-row: span 2;
}
/* Pattern: Items 5, 6, 7, 8 */
.gallery-item:nth-child(10n+5) {
grid-column: span 5;
grid-row: span 3;
}
.gallery-item:nth-child(10n+6) {
grid-column: span 11;
grid-row: span 3;
}
.gallery-item:nth-child(10n+7) {
grid-column: span 3; /* Large image */
grid-row: span 3;
}
.gallery-item:nth-child(10n+8) {
grid-column: span 3;
grid-row: span 3;
}
/* Pattern: Items 9, 10 */
.gallery-item:nth-child(10n+9) {
grid-column: span 3;
grid-row: span 3;
}
.gallery-item:nth-child(10n+10) {
grid-column: span 7;
grid-row: span 3;
}
.gallery-overlay {
position: absolute;
top: auto;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
visibility: hidden;
padding: 15px;
background-color: #000F24;
backdrop-filter: blur(4px);
color: #fff;
height: auto;
}
ul.select-wrapdropdown-menu li.dropdown_menu.child-line {
}
.gallery-item-inner:hover .gallery-overlay {
visibility: visible;
opacity: 1;
transition: visibility 0.5s, opacity 0.5s linear;
}
#elementor-popup-modal-337 .dialog-message {
overflow: hidden;
}
.elementor-kit-6 h5.gallery-title {
color: #fff;
margin: 0;
font-size: 21px;
color: var(--e-global-color-primary);
}.inspire_case_study_loop .elementor-swiper-button.elementor-swiper-button-next {
right: calc(((100% - var(--content-width))) + 310px) !important;
left: auto !important;
}
.inspire_case_study_loop .elementor-swiper-button.elementor-swiper-button-prev {
right: calc(((100% - var(--content-width))) + 350px) !important;
left: auto !important;
}
@media (max-width: 991px) {
.inspiration-gallery {
grid-template-columns: repeat(6, 1fr);
grid-auto-rows: 100px;
gap: 15px;
}
.gallery-item:nth-child(10n+1),
.gallery-item:nth-child(10n+6) {
grid-column: span 4;
grid-row: span 3;
}
.gallery-item:nth-child(10n+2),.gallery-item:nth-child(10n+5){
grid-column: span 2;
grid-row: span 3;
}
.gallery-item:nth-child(10n+3),
.gallery-item:nth-child(10n+4){
grid-column: span 3;
grid-row: span 2;
}
.gallery-item:nth-child(10n+7){
grid-column: span 3;
grid-row: span 4;
}
.gallery-item:nth-child(10n+8),
.gallery-item:nth-child(10n+9) {
grid-column: span 3;
grid-row: span 2;
}
.gallery-item:nth-child(10n+10){
grid-column: span 6;
grid-row: span 3;
}
}
@media (max-width: 640px) {
.inspiration-gallery {
grid-template-columns: repeat(6, 1fr);
grid-auto-rows: 50px;
gap: 12px;
}
}
@media (max-width: 500px){
.inspire_case_study_loop .elementor-swiper-button.elementor-swiper-button-next {
right: 0px !important;
left: auto !important;
}
.inspire_case_study_loop .elementor-swiper-button.elementor-swiper-button-prev {
right: 40px !important;
left: auto !important;
}
}
/* Modal */
.light_modal,.product-modal,.pdf_preview {
display: none;
position: fixed;
z-index: 9;
left: 0;
top: 0;
width: 100%;
background-color: rgb(255 255 255 / 69%);
overflow: hidden;
backdrop-filter: blur(10px);
height: 100vh;
}iframe#pdfFrame {
height: 90vh;
margin-top: 5vh;
width: 90%;
max-width: 1100px;
}
.pdf_preview {
text-align: center;
}
.gallery-item-inner .open-modal-btn {
height: 100%;
}
.light_modal .modal-content {
position: relative;
margin: 0 auto;
max-width: 1100px;
width: 90%;
animation: modalFadeIn 0.4s ease;
border-radius: 12px;
height: 90vh;
margin-top: 5vh;
}
@keyframes modalFadeIn {
from {
opacity: 0;
transform: translateY(-60px) scale(0.95);
}
to {
opacity: 1;
transform: translateY(0) scale(1);
}
}
.modal-close {
position: absolute;
top: 10px;
right: 20px;
color: #000000;
font-size: 45px;
font-weight: 300;
cursor: pointer;
transition: all 0.3s ease;
z-index: 10000;
width: 45px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
}
.modal-close:hover {
color: #d4a574;
transform: rotate(90deg);
}a.btn-moodboard {
display: flex;
color: var( --e-global-color-primary );
align-items: anchor-center;
gap: 5px;
font-size: 13px;
}
a.btn-moodboard svg {
width: 20px;
height: 30px;
}
a#modal-view-project {
font-size: 13px;
}
.light_modal .modal-image {
width: 100%;
height: 100%;
display: block;
border-radius: 12px 12px 0 0;
max-height: 80vh; object-fit: cover;
}
.popup-opened .dialog-type-lightbox.job_popup {
z-index: 999;
}
input[type="file"] {
padding: 0 !important;
}
.light_modal .modal-info {
background: #000F24;
padding: 15px 20px;
border-radius: 0 0 12px 12px;
margin-top: -5px;
display: flex;
justify-content: space-between;
align-items: center;
}
.light_modal #modal-title {
color: var(--e-global-color-primary);
margin: 0;
max-width: 500px;
}a#modal-pinboard {
display: flex;
color: var(--e-global-color-primary);
align-items: anchor-center;
gap: 5px;
font-size: 13px;
}
a#modal-pinboard svg {
width: 20px;
height: 30px;
}
.light_modal .modal-actions {
display: flex;
gap: 15px;
flex-wrap: wrap;
}
.light_modal .modal-btn {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 15px 10px;
text-decoration: none;
font-weight: 400;
transition: all 0.3s ease;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.light_modal .view-project-btn {
color: #ffffff !important; font-size: 13px;
}
.light_modal .modal-btn .icon,.light_modal .modal-btn .icon svg {
width: 20px;
stroke: #fff;
height: 21px;
}
/* Prevent body scroll when modal is open */
.light_modal body.modal-open {
overflow: hidden;
}
/* No Results */
.no-results {
text-align: center;
padding: 80px 20px;
font-size: 18px;
color: #6b7c93;
column-span: all;
width: 100%;
}
/* Responsive */
@media (max-width: 768px) {
.inspiration-filters {
gap: 8px;
}
.filter-btn {
padding: 8px 18px;
font-size: 11px;
}
.light_modal .modal-content {
width: 90%;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
flex-wrap: wrap;
margin-top: 7vh;
height: 100%;
}
.light_modal .modal-close {
top: 0px;
font-size: 35px;
right: 10px;
}
.light_modal .modal_image_outer {
height: calc(88vh - 100px);
}
.light_modal .modal-info {
padding: 25px 20px;
flex-direction: column;
align-items: baseline;
width: 100%;
}
body button#project-info-toggle {
font-size: 0;
position: absolute;
top: 0;
right: -3px;
margin: 0;
gap: 0;
}
button#project-info-toggle span.info_plus_icon {
font-size: 15px;
border: 1px solid;
padding: 6px 8px;
line-height: 1;
border-radius: 50%;
width: 28px;
}
.project-info-box {
max-width: 90%;
}
.info-item.sample_info .samples .sample {
width: 48%;
}
.info-item.sample_info .samples {
gap: 5px;
}
.info-item.sample_info .samples .sample img {
width: 100%;
}
.light_modal #modal-title {
font-size: 24px;
margin-bottom: 20px;
}
.light_modal .modal-actions {
flex-wrap: nowrap;
width: 100%;
justify-content: space-between;
}
.light_modal .modal-btn {
padding: 0;
width: auto;
}
.gallery-item-inner {
border-radius: 12px;
}
}
body.home #inspiration-gallery {
padding: 0;
}
@media (max-width: 480px) {
.icon-zoom {
font-size: 22px;
}
}
/* Smooth fade in for gallery items */
.gallery-item {
animation: fadeInUp 0.5s ease forwards;
opacity: 0;
}
.gallery-item:nth-child(1) { animation-delay: 0.05s; }
.gallery-item:nth-child(2) { animation-delay: 0.1s; }
.gallery-item:nth-child(3) { animation-delay: 0.15s; }
.gallery-item:nth-child(4) { animation-delay: 0.2s; }
.gallery-item:nth-child(5) { animation-delay: 0.25s; }
.gallery-item:nth-child(6) { animation-delay: 0.3s; }
.gallery-item:nth-child(n+7) { animation-delay: 0.35s; }
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.light_modal .modal-btn .icon {
color: #fff;
}
@media (max-width: 1180px) and (min-width: 1024px) {
.resource_container .resource_left {
min-width: 60%;
}
.resource_container .resource_right {
min-width: 40%;
}
.resource_container .elementor-element.e-con.e-child {
width: auto;
}
}
@media (max-width: 1200px) {
.service_icons > .elementor-widget svg {width: 100% !important;}
.news_slider {
min-width: 1px !important;
}
}
/* Responsive */
@media (max-width: 768px) {
.masonry-grid {
grid-template-columns: repeat(3, 1fr);
grid-auto-rows: 120px;
gap: 10px;
}
.item-overlay .item-name { font-size: 12px; }
.item-overlay .btn-moodboard{ font-size: 10px; }
.item-overlay .btn-moodboard span.pinboard_svg svg {
width: 20px;
height: 30px;
}.attribute-filters {
flex-wrap: nowrap;
width: 100%;
overflow-x: scroll;
justify-content: left;
padding-bottom: 10px;
}
.attribute-filters::-webkit-scrollbar,
.inspiration-filters::-webkit-scrollbar{
height: 3px;
}
/* Track */
.attribute-filters::-webkit-scrollbar-track,
.inspiration-filters::-webkit-scrollbar-track{
background: #dddddd29;
}
/* Handle */
.attribute-filters::-webkit-scrollbar-thumb,.inspiration-filters::-webkit-scrollbar-thumb {
background: #F8D95B;
}
/* Handle on hover */
.attribute-filters::-webkit-scrollbar-thumb:hover,.inspiration-filters::-webkit-scrollbar-thumb:hover {
background: #555;
}
}
@media (max-width: 680px) {
.attribute-filters .filter-btn {
padding: 8px 15px;
}
}
@media (max-width: 480px) {
.masonry-grid {
grid-template-columns: repeat(3, 1fr);
grid-auto-rows: 80px;
gap: 8px;
}
}.select-wrap {
position: relative;
width: 260px;
position: absolute;
top: -90px;
right: 0;
}
#filter-select {
width: 100%;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background: #f8d95b;
color: #000f24;
border: 2px solid #f8d95b;
border-radius: 999px;
padding: 12px 52px 12px 18px;
font-size: 14px;
font-weight: 500;
cursor: pointer;
}.select-wrap::after {
content: "";
position: absolute;
top: 50%;
right: 18px;
width: 10px;
height: 17px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27.91 59.974'%3E%3Cpath d='M1774.3,5061.45a1.447,1.447,0,0,1,2.548-.939l25.017,29.357a1.447,1.447,0,0,1-.027,1.906l-25.016,27.749a1.447,1.447,0,0,1-2.15-1.936l24.168-26.81-24.194-28.391a1.441,1.441,0,0,1-.346-.937Z' transform='translate(-1774.3 -5060.003)' fill='none' stroke='%23000f24' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
transform: translateY(-50%) rotate(90deg);
pointer-events: none;
}#filter-select:focus {
outline: none;
box-shadow: 0 0 0 2px rgba(248, 217, 91, 0.3);
}#filter-select option {
background-color: #000f24;
color: #f8d95b;
font-weight: 500;
}
#filter-select option:checked {
background-color: #f8d95b;
color: #000;
}#filter-select option:hover {
background-color: #102a45;
color: #f8d95b;
}
@media (max-width: 600px) {
.select-wrap {
position: relative;
top: 0px;
width:100%;
}
.inspiration-filters {
width:100%; position: relative;
top: 0;
}
.masonry-item:nth-child(5n+1) {grid-row: span 1;grid-column: span 1;}
.masonry-item:nth-child(7n+2) {grid-row: span 1;grid-column: span 2;}
.masonry-item:nth-child(11n+3) {g;grid-row: span 1;grid-column: span 2;}
.masonry-item:nth-child(13n+4) { grid-row: span 1; grid-column: span 1; }
.masonry-item:nth-child(17n+5) {grid-row: span 1;grid-column: span 1;}
.masonry-item:nth-child(19n+6) {grid-row: span 1;grid-column: span 1;}
.masonry-item:nth-child(23n+7) { grid-row: span 1; grid-column: span 2; }
.masonry-grid {
grid-auto-rows: 180px;
}
}
@media (max-width: 1024px) {
.parent_menu {
margin: 0 !important;
background: #000f24;
padding-bottom: 0 !important;
}
.parent_menu .child_menu.e-flex.e-con.e-child {
background: #000f24;
}
.parent_menu .child_menu.e-flex.e-con.e-child a {
color:#fff;
}
.parent_menu .child_menu.e-flex.e-con.e-child .elementor-widget.elementor-widget-image,
.parent_menu .child_menu.e-flex.e-con.e-child .elementor-widget.elementor-widget-image img{
width: 100%;
max-height: 200px;
object-fit: cover;
}
.elementor-nav-menu .sub-arrow {
display: flex;
}
.elementor-nav-menu .sub-arrow svg path {
fill: #fff;
}
.elementor-nav-menu--dropdown {
margin: 0 !important;
position: relative !important;
width: 100%;
background-color: transparent !important;
max-width: 100% !important;
}
.elementor-nav-menu--dropdown .wp-menu-img:hover a,.elementor-nav-menu--dropdown .wp-menu-img a.elementor-item-active {
background-color: #f8d95b !important;
color: #000f24 !important;
border-radius: 10px;
}
.elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-wrapper {
margin-top: 16px;
}
svg.e-font-icon-svg.e-fas-caret-right {}
.e-n-menu-wrapper {
background: #000F24 !important;
}
.parent_menu > .e-con-inner {
padding: 0;
}
}.e-search-form {
display: flex;
}
.e-search-form button.e-search-submit {
width: 70px;
height: 50px;
border: 0;
border-radius: 0;
padding: 0;
line-height: 1;
background-color: #f8d95b !important;
}
.e-search-form#resource-search-form button.e-search-submit,
.e-search-form#zip-search-form button.e-search-submit,
.e-search-form#sample-search-form button.e-search-submit{
border-top-left-radius: 40px;
border-bottom-left-radius: 40px;
display: flex;
align-items: center;
justify-content: center;
}
#resource-search-form .e-search-input-wrapper input,#resource-search-form .e-search-input-wrapper,
#zip-search-form .e-search-input-wrapper input,#zip-search-form .e-search-input-wrapper,
#sample-search-form .e-search-input-wrapper input,#sample-search-form .e-search-input-wrapper{
border-top-right-radius: 40px !important;
border-bottom-right-radius: 40px !important;
}
.e-search-form button.e-search-submit svg {
width: 30px;
height: 30px;
}
input#zip-input,input#resource-search-input {
border: 0;
border-radius: 0;
height: 100%;
width: 100%;
outline: none;
}
.e-search-input-wrapper,.e-search-input-wrapper input {
background-color: #f8d95b !important;
}
.e-search-input-wrapper {
width: 100%;
}
input#zip-input::placeholder,input#resource-input::placeholder {
color: #000f24;
}
.rep_not_found {
display: none;
}
.local_rep_outer .e-con-inner {
flex-wrap: wrap !important;
gap: 1.5% !important;
}
.locat_rep {
margin-bottom: 20px !important;
}
.local_rep_outer.loading .e-con-inner:before {
background: #ffffff9c;
content: "";
width: 100%;
height: 100%;
position: absolute;
z-index: 9;
}
.local_rep_outer .e-con-inner {
position: relative;
}
.local_rep_outer .elementor-icon-list-text {
word-break: break-all;
overflow-wrap: break-word;
hyphens: auto;
}
/* Better solution - break only at specific characters */
.local_rep_outer .elementor-icon-list-text {
word-break: break-word;
overflow-wrap: anywhere;
}
/* Or if you want to prevent wrapping and show ellipsis */
.local_rep_outer .elementor-icon-list-text {
white-space: break-word;
overflow: hidden;
max-width: 100%;
}
li.dropdown_menu.active {
/* background: #f8d95b; */
color: #000f24 !important;
}
/* Best solution - allow wrapping but keep it readable */
.local_rep_outer .elementor-icon-list-text {
word-break: break-word;
overflow-wrap: break-word;
max-width: 100%;
display: inline-block;
}
.resource_post {
height: 100% !important;
}
a.btn-moodboard.add_to_pinboard.document_moodboard {
font-size: 14px;
}
.resource_grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px; /* adjust as needed */
}
.resource-card .actions svg {
width: 27px;
height: 27px;
}
.resources_btns .actions {
display: flex;
gap: 20px;
align-items: center;
justify-content: center;
}
.product-swatches-masonry.single_page_sample {
min-height: 450px;
}
.elementor-kit-6 h5.resource-card-title {
margin: 0;
font-size: 19px;
text-align: center;
}
.resource-card {
border: 1px solid #000f24;
border-radius: 20px;
padding: 10px;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 10px;
}
a.btn-moodboard.add_to_pinboard.document_moodboard {
justify-content: end;
}
.resource_preview {
text-align: center;
}
.moodboard-actions {display: flex;width: 100%;gap: 10px;}
.moodboard-actions a {
flex: 1;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
padding: 10px;
border-radius: 10px;
font-size: 16px;
transition: all 0.5s;
}
.download-btn{
background: #f5f5ff;
}
.rs_btns {
position: static !important;
}
.resource_post .e-con-inner {
justify-content: space-between !important;
}
.pinboard_svg {
display: flex;
}
.moodboard-actions a.download-btn {
background: var( --e-global-color-primary );
}
.moodboard-actions a.download-btn:hover {
background: var( --e-global-color-secondary );
transition: all 0.5s;
}.steni_prod .hover-product-card-product-page .elementor-flip-box__image img {
width: 100px !important;
}
.resource_filter_outer {
display: flex;
gap: 30px;
align-items: center;
justify-content: space-between;
}
div#resource-search-form {
border-radius: 40px;
}
.resource-filters button.inspire_option_btn {
background-color: var(--e-global-color-secondary);
color: var(--e-global-color-primary);
border: 2px solid var(--e-global-color-secondary);
}
.resource-filters button.inspire_option_btn:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 128 128' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M64 88a3.988 3.988 0 0 1-2.828-1.172l-40-40c-1.563-1.563-1.563-4.094 0-5.656s4.094-1.563 5.656 0L64 78.344l37.172-37.172c1.563-1.563 4.094-1.563 5.656 0s1.563 4.094 0 5.656l-40 40A3.988 3.988 0 0 1 64 88z' fill='%23f8d95b' opacity='1' data-original='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.load_more_sec.load-more-wrapper {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.load_more_sec.load-more-wrapper button{
background-color: var(--e-global-color-primary);
font-family: "Roboto", Sans-serif;
font-size: 24px;
font-weight: 700;
text-transform: uppercase;
color: var(--e-global-color-text);
border-radius: 50px 50px 50px 50px;
font-weight: 400;
padding: 12px 24px;
text-align: center;
transition: all .3s;
border: 0;
margin-top: 30px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
gap: 10px; line-height: 1;
}
.resources_btns .actions a {
background: #f8d95b;
padding: 10px;
border-radius: 10px;
display: flex;
height: 45px;
align-items: center;
justify-content: center;
flex: 1;
}
.resources_btns .actions a svg {
width: 100%;
height: 100%;
}
.resources_btns .actions a:hover {
background: #000f24;
color: #f8d95b;
}.resources_btns .actions a:hover svg path {
fill: #f8d95b;
}
iframe#pdfFrame {
height: 100%;
}
body .gfield_select {
border-radius: 20px !important;
}
body .gform-theme--api,body .gform-theme--framework {
--gf-ctrl-choice-check-color: #f8d95b !important;
}
body.elementor-kit-6 input:not([type="button"]):not([type="submit"]), body.elementor-kit-6 textarea, body.elementor-kit-6 .elementor-field-textual {
outline: 0;
padding: 12px;
}
input{
outline: none !important;
}
body .gform-theme--framework input[type=checkbox]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):checked,
body .gform-theme--framework input[type=checkbox]:checked
{
border-color: var( --e-global-color-primary );
background: var( --e-global-color-primary );
background-color: var( --e-global-color-primary ) !important;
}
body .gform-theme--framework input[type=checkbox]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):checked::before,body .gform-theme--framework input[type=radio]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):checked::before {
color: #000f24;
}
body .gform-theme--framework .gfield_list_group_item::before:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),body .gform-theme--framework .gform-field-label:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
font-size: 18px;
}
.address_state,.address_state select {
width: 100% !important;
border-radius: 20px !important;
}
.gform_button button {
font-size: 20px;
font-weight: 400;
padding: 12px 30px 12px 30px;
}
.gform_button {
font-size: 20px !important;
font-weight: 400 !important;
padding: 12px 30px 12px 30px !important;
border-radius: 30px !important;
background: #f8d95b !important;
color: #000F24 !important;
}
body .gform-theme--foundation .gform_fields {
-moz-column-gap: 10px;
row-gap: 20px;
}
textarea {
border-radius: 20px !important;
}
input:not([type="checkbox"]):not([type="radio"]),
select {
min-height: 50px !important;
}
.sample_page .item-image{
transform: scale(1.2);
}
.woocommerce ul.products li.product .add_to_cart_button,.woocommerce ul.products li.product .price {
display: none;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title:hover {
color: #f8d95b;
}
.woocommerce ul.products li.product a img {
border-radius: 20px;
}
.woocommerce .woocommerce-ordering select {
border-radius: 20px;
}
.elementor-products-grid ul.products.elementor-grid {
padding-top: 40px !important;
}
.woocommerce ul.products li.product a.add_to_pinboard {
position: absolute;
top: 10px;
right: 10px;
padding: 6px 11px;
border-radius: 50px;
background: #f8d95b;
border: 0;
transition: all 0.25s ease;
transform: translateX(130%);
opacity: 0;
visibility: hidden;
}
.elementor-products-grid ul.products.elementor-grid li.product:hover a.add_to_pinboard{
transform: translateX(00%);
opacity: 1;
visibility: visible;
}
.woocommerce ul.products li.product .add_to_pinboard path {
stroke: #000f24;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
font-weight: 400;
}
.single_price p.price {
margin: 0;
}
.woocommerce div.product form.cart .variations th,.woocommerce div.product form.cart .variations td {
background: transparent;
width: 100%;
text-align: left;
padding: 0;
}
.woocommerce div.product form.cart .variations tr {
display: flex;
flex-direction: column;
gap: 10px;
}
.woocommerce-variation-add-to-cart {
display: flex; gap: 15px;
}
.woocommerce-variation-add-to-cart button.single_add_to_cart_button.button {
min-width: 200px;
min-height: 50px;
margin: 0 !important;
}
.e-wc-message-notice .woocommerce-message {
border-top: 3px solid #f8d95b !important;
background: #f8d95b26 !important;
}
.e-wc-message-notice .woocommerce-message:before {
color:#f8d95b !important;
}
.woocommerce table.shop_attributes td,.woocommerce table.shop_attributes th {
background: transparent;
border: 0;
text-align: left;
padding-left: 0;
}
.woocommerce table.shop_attributes {
border: 0;
}
body.woocommerce div.product .woocommerce-tabs ul.tabs li {
padding: 0;
background: #d4d3d4;
cursor: pointer;
transition: all 0.3s ease;
font-size: 18px;
font-weight: 500;
border: 0;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
background: #f8d95b;
}
.woocommerce div.product.elementor .woocommerce-tabs .panel {
border-color: #f8d95b !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
display: flex;
gap: 30px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
color: #000f24 !important;
}
#tab-description .video-wrapper video {
max-height: 670px;
width: auto;
}
.woocommerce-page main#content {
margin-top: 200px;
margin-bottom: 60px;
}
.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
border: 0 !important;
}
:root :where(.wp-element-button, .wp-block-button__link) {
transition: all 0.2s !important;
background: #f8d95b;
border-radius: 40px !important;
text-transform: uppercase !important;
font-weight: 400 !important;
text-decoration: none !important;
border: 0 !important;
min-height: 50px !important;
}
.wc-block-components-button:not(.is-link) .wc-block-components-button__text {
text-decoration: none;
}
:root :where(.wp-element-button, .wp-block-button__link):hover {
color: #f8d95b;
background: #000f24;
}
.page-template header>.elementor-element {
position: relative;
}.elementor-kit-6 button {
border: 0;
font-weight: 400 !important;
}
/*Add to pinboard*/
/* Add to Pinboard Button */
.add-to-pinboard-wrapper {
margin: 30px 0;
text-align: center;
}
.add-to-pinboard-btn {
background: #000;
color: #fff;
border: none;
padding: 15px 30px;
font-size: 16px;
font-weight: 500;
cursor: pointer;
border-radius: 4px;
transition: all 0.3s ease;
display: inline-flex;
align-items: center;
gap: 8px;
}
.add-to-pinboard-btn:hover {
background: #333;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}
/* Add to Pinboard Modal */
.pinboard-modal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
z-index: 99999;
align-items: center;
justify-content: center;
}
.pinboard-modal.active {
display: flex;
}
.pinboard-modal-content {
background-color: #fff;
padding: 40px 50px;
border-radius: 8px;
width: 90%;
max-width: 500px;
position: relative;
max-height: 80vh;
overflow-y: auto;
}
.elementor-kit-6 .pinboard-modal-close {
position: absolute;
top: 0px;
right: 0px;
font-size: 41px !important;
font-weight: 300 !important;
cursor: pointer;
color: #333;
background-color: transparent !important;
border: none;
line-height: 1;
}
.pinboard-modal-close:hover {
color: #000;
}
.pinboard-modal-content h2 {
font-size: 28px;
font-weight: 300;
margin-bottom: 30px;
}
.pinboard-modal-options {
display: flex;
flex-direction: column;
gap: 20px;
}
.elementor-kit-6 .pinboard-option-btn {
background: transparent !important;
font-weight: 300 !important;
text-align: left;
padding: 0;
cursor: pointer;
color: #333;
text-decoration: none;
transition: color 0.2s ease;
}
.pinboard-option-btn:hover {
color: #000;
}
/* Project Selection */
.project-selection {
display: none;
}
.project-selection.active {
display: block;
}
.project-list {
max-height: 300px;
overflow-y: auto;
margin: 20px 0;
}
.project-item {
padding: 15px;
border: 1px solid #ddd;
border-radius: 4px;
margin-bottom: 10px;
cursor: pointer;
transition: all 0.3s ease;
display: flex;
align-items: center;
gap: 15px;
}
.project-item:hover {
background: #f8d95b52;
border-color: #f8d95b52;
}
.project-item-thumb {
width: 60px;
height: 45px;
background: #e8e8e8;
border-radius: 4px;
overflow: hidden;
flex-shrink: 0;
}
.project-item-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.project-item-info {
flex: 1;
}
.project-item-name {
font-size: 16px;
font-weight: 500;
margin-bottom: 5px;
}
.project-item-count {
font-size: 12px;
color: #666;
}
.elementor-kit-6 .back-btn {
background: transparent !important;
border: none;
font-size: 16px;
cursor: pointer;
color: #666;
padding: 10px 0;
margin-bottom: 20px;
}
.back-btn:hover {
color: #000;
}
/* Create Project Form */
.create-project-form {
display: none;
}
.create-project-form.active {
display: block;
}
.create-project-form label {
display: block;
margin-bottom: 10px;
color: #666;
font-size: 14px;
}
.create-project-form input {
width: 100%;
padding: 12px;
border: none;
border-bottom: 2px solid #000;
background: transparent;
font-size: 16px;
outline: none;
margin-bottom: 30px;
}
.create-project-form .submit-btn {
border: none;
cursor: pointer;
width: 100%;
letter-spacing: 1px;
}
.create-project-form .submit-btn:hover {
background: #333;
}
.create-project-form .submit-btn:disabled {
background: #999;
cursor: not-allowed;
}
/* Success Message */
.success-message {
display: none;
text-align: center;
padding: 40px 20px;
}
.success-message.active {
display: block;
}
.success-message .success-icon {
font-size: 64px;
margin-bottom: 20px;
}
.success-message h3 {
font-size: 24px;
font-weight: 400;
margin-bottom: 20px;
}
.success-message .view-project-btn {
background: #F8D95B;
border: none;
padding: 12px 24px;
cursor: pointer;
border-radius: 24px;
text-decoration: none;
display: inline-block;
text-transform: uppercase;
}
.success-message .view-project-btn:hover {
background: #333;
}
.elementor-kit-6 .pinboard-option-btn:hover {
text-decoration: underline;
}button.woocommerce-button.button.woocommerce-form-login__submit {
margin-top: 20px;
padding: 10px 40px;
}
.elementor-kit-6 input[type="submit"] {
text-transform: uppercase !important;
}
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
width: 100%;
}
p.lost_password {
text-align: right;
}
a.login-btn {
text-transform: uppercase;
text-decoration: underline;
font-size: 24px;
}
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-product-name {
font-weight: 300;
font-size: 18px;
line-height: 1;
}
.elementor-kit-6 .project_info p {
margin-bottom: 0;
}@media (min-width: 1000px){
.steni_prod .hover-product-card-product-page .elementor-flip-box__layer__description{
min-height: 44px;
}
}
@media (max-width: 1024px){
.submenu_product_item .elementor-image-box-wrapper {
flex-direction: column;
display: flex;
gap: 20px;
align-items: center;
}
.submenu_product_item .elementor-image-box-wrapper h5.elementor-image-box-title {
color: #fff;
font-size: 18px;
margin: 0;
}
.submenu_product_item h5.elementor-heading-title,.submenu_product_item a {
color: #fff;
font-size: 18px;
margin: 0;
!impo:;
}
.accesories_items {
padding-left: 30px;
}
.elementor-kit-6 .accesories_items p {
margin-bottom: 10px;
}
.submenu_product_item .elementor-image-box-img {
width: auto !important;
margin-right: 12px !important;
}
.accesories_items p {
position: relative;
}
.accesories_items p:after {
content: '';
position: absolute;
top: 10px;
left: -15px;
width: 5px;
height: 5px;
background: #ffffff;
border-radius: 100%;
}
}
@media (max-width: 767px){
.submenu_product_item .elementor-image-box-wrapper {
flex-direction: row;
gap: 10px;
}
.submenu_product_item .elementor-image-box-wrapper figure img {
height: 45px!important;
border-radius: 10px !important;
width: 55px !important;
}
.sample-filters .select-select-wrap_dropdown_upper {
flex-wrap: wrap;
}
}
body .gfield_select {
display: flex;
align-items: center;
}
svg#map_svg_rep {
width: 100% !important;
height: 100% !important;
}
svg#map_svg_rep text,svg#map_svg_rep text tspan{
font-size: 14px !important;
font-family: "Roboto Condensed", Sans-serif !important;
fill: #000F24;
font-weight: 300 !important;
}
svg#map_svg_rep path {
stroke-width: 1 !important;
}
.gform-theme--framework .gfield:where(.gfield--type-multiselect,.gfield--input-type-multiselect) .chosen-container-multi:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus, .gform-theme--framework .gfield:where(.gfield--type-select,.gfield--input-type-select) .chosen-search input[type=text]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus, .gform-theme--framework .gfield:where(.gfield--type-select,.gfield--input-type-select) .chosen-single:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus, .gform-theme--framework .gform-theme-field-control:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus, .gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type=hidden])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus, .gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus, .gform-theme--framework select[multiple]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus, .gform-theme--framework textarea:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus, .gform-theme--framework.gform-theme.gform_wrapper .button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus, .gform-theme--framework.gform-theme.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus, .gform-theme--framework.gform-theme.gform_wrapper :where(:not(.mce-splitbtn))>button:not([id*=mceu_]):not(.mce-open):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus, .gform-theme--framework.gform-theme.gform_wrapper button.button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus, .gform-theme--framework.gform-theme.gform_wrapper input:is([type=submit],[type=button],[type=reset]).button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus, .gform-theme--framework.gform-theme.gform_wrapper input:is([type=submit],[type=button],[type=reset]):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus, .gform-theme--framework.gform-theme.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus {
--gf-local-outline-color: #f8d95b !important;
}
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button {
background-color: var( --e-global-color-primary );
font-family: "Roboto", Sans-serif;
font-size: 21px;
color: var(--e-global-color-text);
border-radius: 50px 50px 50px 50px;
}
.woocommerce-MyAccount-navigation ul {
list-style: none;
padding: 0;
border: 1px solid #00000012;
margin: 0 !important;
}
.woocommerce-MyAccount-navigation ul li {
border-bottom: 1px solid #00000012;
margin: 0;
height: 100%;
padding: 15px;
}
.woocommerce-MyAccount-navigation ul li a br {
display: none;
}
.woocommerce-MyAccount-navigation ul li.is-active {
background: #f8d95b61;
}.woocommerce-MyAccount-navigation ul li a {
width: 100%;
display: block;
}.e-wc-info-notice .woocommerce-info:before,.woocommerce-info::before {
color: #f8d95b !important;
}
.e-wc-info-notice .woocommerce-info {
border-top: 3px solid #f8d95b !important;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:hover{
background-color: #000f24;
color: var(--e-global-color-primary);
}
.single-post .elementor-widget-text-editor a {
font-weight: 600;
}.forme_gallery .item-image {
transform: scale(1.4) !important;
}
.woocommerce-cart .woocommerce {
/* display: flex; */
/* flex-wrap: wrap; */
}
.woocommerce-cart .woocommerce-notices-wrapper {
flex: 0 0 100%;
}
.woocommerce-cart form.woocommerce-cart-form {
flex: 0 0 70%;
}
.woocommerce-cart .cart-collaterals {
flex: 0 0 30%;
}
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals,.woocommerce-cart .woocommerce-page .cart-collaterals .cart_totals {
width: 100%;
float: none!important;
}
.woocommerce-cart .wc-block-cart-items__header th {
border: 0;
border-block-start: 1px solid hsla(0,0%,50%,.502);
text-align: left;
padding: 10px 0 10px 16px;
font-weight: 500;
font-size: 1em;
text-transform: uppercase;
}
.woocommerce-cart .wc-block-cart-items td {
border: 0;
border-top: 1px solid hsla(0, 0%, 7%, .11);
padding: 20px 0 20px 16px;
vertical-align: top;
background: transparent !important;
}
.woocommerce-cart .woocommerce img,.woocommerce-cart .woocommerce-page img {
max-width: 70px;
}
.woocommerce-cart span.woocommerce-Price-amount.amount {
width: 100%;
display: block;
font-size: 14px;
margin: 5px 0px;
}
.woocommerce-cart .woocommerce a.remove,.woocommerce-cart .woocommerce a.remove:hover {
font-size: .75em;
color: #000 !important;
width: auto;
display: inline-block;
background: transparent !important;
font-weight: 400;
text-decoration: underline;
text-align: left;
}
.woocommerce-cart ul.wc-block-components-product-details {
list-style: none;
margin: .5em 0;
padding: 0;
}
.woocommerce-cart ul.wc-block-components-product-details li {
display: flex;
gap: 5px;
font-size: 14px;
}
.woocommerce-cart ul.wc-block-components-product-details li p {
margin: 0;
}
.woocommerce-cart span.wc-block-components-product-details__name {
font-weight: 500;
}
.cart_totals h2 {
margin: 0;
text-align: left;
padding: 10px 0 10px 0;
font-weight: 500 !important;
font-size: 1em !important;
text-transform: uppercase;
}
table.shop_table.shop_table_responsive,table.shop_table.shop_table_responsive td, table.shop_table.shop_table_responsive tr, table.shop_table.shop_table_responsive th {
border: 0 !important;
background: transparent;
}
tr.order-total {}
.woocommerce-cart .cart-collaterals .cart_totals table td {
text-align: right;
padding: 0;
}
.woocommerce-cart .cart-collaterals .cart_totals table th {
text-align: left;
padding: 0;
font-size: 15px;
font-weight: 500;
}
table.shop_table.shop_table_responsive {
border-top: 1px solid #e5e5e5 !important;
border-radius: 0px;
padding-top: 10px !important;
}
a.checkout-button.button.alt.wc-forward {
transition: all 0.2s !important;
background: #f8d95b;
border-radius: 40px !important;
text-transform: uppercase !important;
font-weight: 400 !important;
text-decoration: none !important;
border: 0 !important;
min-height: 50px !important;
color: #000;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
padding: 10px 30px;
width: fit-content;
margin: 0;
}
@media only screen and (max-width: 768px) {
.woocommerce-cart form.woocommerce-cart-form,.woocommerce-cart .cart-collaterals {
flex: 0 0 100%;
padding: 0;
}
.woocommerce-cart .wc-block-cart-items td {
padding: 10px 0 10px 10px;
}
.woocommerce-cart .woocommerce img, .woocommerce-cart .woocommerce-page img {
max-width: 60px;
}
.woocommerce-cart .wc-block-cart-items__header th{
padding: 10px 0 10px 10px;
}
.woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr td {
background: transparent !important;
}
}
body~.elementor-editor-active .show_by_product, body~.elementor-editor-active .configure_info {
display: none;
}
.resource_left{
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover!important;
}
@media (min-width: 1024px){
.resource_container {
background: linear-gradient(to right, rgb(0 15 36 / 80%), rgb(0 15 36 / 0%)), url(/wp-content/uploads/2025/12/rush-medical-resource-homepage.webp) !important;
background-position: center left !important;
background-repeat: no-repeat !important;
background-size: 60% auto !important;
}
.resource_container:hover .resource_left_title h2, .resource_container:hover .resource_left_text h3 {
color: #f8d95b !important;
}
}
@media (max-width: 1024px){
.resource_left:hover .resource_left_text,.resource_left:hover .resource_left_title{
opacity: 1;
transform: translateY(0);
}
.resource_left:hover .resource_left_title h2, .resource_left:hover .resource_left_text h3 {
color: #f8d95b !important;
}
.resource_left{
background: linear-gradient(rgb(0 15 36 / 70%), rgb(0 15 36 / 70%)), url(/wp-content/uploads/2025/12/rush-medical-resource-homepage.webp) !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover!important;
}
}
.wc-empty-cart-message {
width: 100%;
}
p.return-to-shop .button {
background-color: var(--e-global-color-primary);
font-family: "Roboto", Sans-serif;
font-size: 18px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
color: var(--e-global-color-text);
border-radius: 50px 50px 50px 50px;
}
.toast-error {
position: fixed;
top: 20px;
right: 0; /* hidden off screen */
min-width: 260px;
max-width: 350px;
background: #fff;
padding-right: 15px;
font-size: 14px;
box-shadow: 0 4px 10px rgba(0,0,0,0.2);
z-index: 999999;
border: 1px solid #b05150;
box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.1);
display: flex;
min-height: 50px;
align-items: center;
gap: 20px;
}
.xd-message-icon {
display: flex;
height: 50px;
justify-content: center;
align-items: center;
color: #FFF;
font-size: 1.6rem;
margin: 0;
/* margin-left: -1px; */
background: #b05150;
width: 50px;
flex: 0 0 50px;
}
.toast-error svg path {
fill: #fff;
}
.toast-error svg {
width: 30px;
height: 27px;
transform: rotate(45deg);
}
ul.select-wrapdropdown-menu li.dropdown_menu.level-0 {
font-weight: bold;
}
ul.select-wrapdropdown-menu li.dropdown_menu.level-1[data-filter="steni-colour-steni"],
ul.select-wrapdropdown-menu li.dropdown_menu.level-1[data-filter="steni-nature-steni"],
ul.select-wrapdropdown-menu li.dropdown_menu.level-1[data-filter="steni-terra"],
ul.select-wrapdropdown-menu li.dropdown_menu.level-1[data-filter="steni-vision-steni"]
{font-weight: 600;}
.elementor-kit-6 .resource_heading h2 {
font-size: 35px;
margin-top: -10px;
margin-bottom: 30px;
color: #000f24;
}
/* Remove clear (X) button from search input */
/* Chrome, Edge, Safari */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
display: none;
}
/* Firefox */
input[type="search"] {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}
.woocommerce .woocommerce-product-gallery__image img {
max-height: 600px;
object-fit: cover;
}
@media only screen and (max-width: 768px) {
.woocommerce .woocommerce-product-gallery__image img {
max-height: 400px;
}
}
.header_Cart a#elementor-menu-cart__toggle_button {
background: transparent !important;
color: #fff !important;
border: 0 !important;
}
.elementor-menu-cart__footer-buttons a {
font-size: 18px !important;
}
.site_logo {
z-index: 0;
}
.light_modal .modal-content {
height: auto;
display: flex;
flex-direction: column;
background: #000f24;
border-radius: 10px 10px 0 0;
align-items: center;
}
.modal_image_outer {
height: calc(90vh - 100px);
}
.light_modal .modal-info {
position: absolute;
top: 100%;
left: 0;
width: 100%;
/* height: 100px; */
}
.light_modal #modal-title {
font-size: 30px;
}
@media (max-width: 767px){
.light_modal .modal-info {
height: auto;
padding: 15px;
}
.light_modal #modal-title {
font-size: 22px;
width: 90%;
}
}
div#product-modal .modal_image_outer {
width: 100%;
}
#product-modal.light_modal .modal-image {
width: 100%;
border-radius: 12px 12px 0 0;
height: 100%;
}
.sample_bottom {
display: flex;
justify-content: space-between;
width: 100%;
align-items: end;
}
.sample_bottom .cart_svg path {
fill: #F8D95B;
}
.cart_svg svg {
width: 25px;
height: 25px;
display: block;
}
.all_sample_page .item-image {
transform: scale(1.4) !important;
}
#inspiration-modal .modal_image_outer {
width: 100%;
overflow: hidden;
position: relative;
}
/* 10-02-2026 */
.omni__scroll-nav .elementor-icon-list-item {
transition: all 0.3s ease;
}
.omni__scroll-nav .elementor-icon-list-item.active {
background-color: #000f24 !important;
}
.omni__scroll-nav .elementor-icon-list-item.active a span {
color: #F8D95B !important;
}
header .site_logo {
z-index: 9;
}
.elementor-menu-cart__product ul.wc-block-components-product-details {
padding: 0;
list-style: none;
}
.elementor-menu-cart__product ul.wc-block-components-product-details li {
display: flex;
gap: 10px;
font-size: 12px;
}
.elementor-menu-cart__product ul.wc-block-components-product-details li p {
margin: 0;
}
.elementor-menu-cart__product-name.product-name a {
font-weight: 600;
}
.popup-opened .dialog-type-lightbox.search_popup {
z-index: 999;
}
.search_popup input.e-search-input {
background: transparent !important;
color: #ffff !important;
}
.search_popup .e-search-input-wrapper {
background: transparent !important;
border-bottom: 1px solid #FFF;
}
.search_popup button.e-search-submit {
background-color: transparent !important;
position: absolute;
right: 0;
padding: 0 !important;
width: 50px !important;
}
.search_popup button.e-search-submit svg path {
fill: #fff;
}
.search_popup button.e-search-submit svg {
width: 35px !important;
height: 33px !important;
}.elementor-menu-cart__products::-webkit-scrollbar-thumb {
background: #F8D95B;
border-radius: 10px;
}
.elementor-menu-cart__products::-webkit-scrollbar-track {
background: #dddddd00;
margin-left: 15px;
border-radius: 10px;
}
.elementor-menu-cart__products::-webkit-scrollbar {
width: 5px;
}
.common_filters .resource-filters,.common_filters .portfolio-filters {
display: grid;
align-items: center;
gap: 15px;
grid-template-columns: repeat(7, 1fr);
grid-gap: 15px;
}
.common_filters .dropdown-menu label.inspiration_filter_label.child_filter {
padding-left: 20px;
}
label.inspiration_filter_label.parent_label {
margin-top: 10px;
font-weight: 900;
}
label.inspiration_filter_label.parent_label:first-child {
margin-top: 0;
}
.common_filters .dropdown {
position: relative;
width: 100%;
}
.common_filters .dropdown-btn {
background: #000f24;
color: #f8d95b;
border: none;
padding: 10px 20px;
border-radius: 30px;
font-weight: 400 !important;
cursor: pointer;
font-size: 16px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
width: 100%;
}
.common_filters .dropdown-menu {
display: none;
position: absolute;
top: 115%;
left: 0;
min-width: 220px;
border-radius: 10px;
box-shadow: 0 10px 25px rgba(0,0,0,0.1);
background: #000f24;
padding: 13px;
border: 1px solid #f8d95b;
max-height: 300px;
overflow-y: scroll;
z-index: 9;
}
.common_filters .dropdown-menu label {
display: flex;
align-items: center;
gap: 15px;
padding: 6px 0;
cursor: pointer;
color: #f8d95b;
font-family: "Roboto", sans-serif;
width: 100%;
padding-bottom: 7px;
position: relative;
}
.common_filters .dropdown-menu input[type="checkbox"] {
accent-color: #f8d95b !important;
width: 15px;
height: 15px;
border: 1px solid #f8d95b !important;
border-radius: 4px !important;
padding: 9px !important;
}
/* Refresh Button */
.common_filters .refresh-btn {
background: transparent !important;
border: none;
font-size: 20px;
cursor: pointer;
color: #0c2340 !important;
transition: 0.3s;
}
/*.common_filters .refresh-btn:hover {
transform: rotate(180deg);
}
*/
.load_more_sec.load-more-wrapper button:focus {
background-color: var(--e-global-color-primary);
color: var(--e-global-color-text);
}
.common_filters button.dropdown-btn:after {
content: "";
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 128 128' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M64 88a3.988 3.988 0 0 1-2.828-1.172l-40-40c-1.563-1.563-1.563-4.094 0-5.656s4.094-1.563 5.656 0L64 78.344l37.172-37.172c1.563-1.563 4.094-1.563 5.656 0s1.563 4.094 0 5.656l-40 40A3.988 3.988 0 0 1 64 88z' fill='%23f8d95b' opacity='1' data-original='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
display: block;
background-size: contain;
}
.common_filters button.refresh-btn ,
.sample-filters button.refresh-btn{
width: 30px;
height: 30px;
padding: 0;
}.refresh-btn svg {
width: auto;
height: 100%;
transition: transform 0.5s ease-in-out;
transform-origin: center;
/* Adjust icon size as needed */
}
button.refresh-btn:hover svg {
transform: rotate(360deg);
}
.common_filters .dropdown-menu::-webkit-scrollbar {
width: 4px;
border-radius: 10px;
margin-left: 15px;
padding-top: 20px;
}
.common_filters .dropdown-menu::-webkit-scrollbar-thumb {
background: #F8D95B;
border-radius: 10px;
}
.common_filters .dropdown-menu::-webkit-scrollbar-track {
background: #dddddd00;
margin-left: 15px;
border-radius: 10px;
}
.inspirataion_filter_dropdowns span.checkmark {
width: 20px;
height: 20px;
background: transparent;
border: 1px solid #f8d95b;
display: inline-block;
position: relative;
box-sizing: border-box;
border-radius: 4px;flex: none;
}
.inspirataion_filter_dropdowns .filter-box input {
position: absolute;
opacity: 0;
}
.inspirataion_filter_dropdowns .filter-box input:checked + .checkmark {
background: #f2c94c;
border-color: #e0b93b;
}
.inspirataion_filter_dropdowns .filter-box input:checked + .checkmark::before, .inspirataion_filter_dropdowns .filter-box input:checked + .checkmark::after {
content: "";
position: absolute;
background: #333;
}
.inspirataion_filter_dropdowns .filter-box input:checked + .checkmark::before {
width: 2px;
height: 12px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.inspirataion_filter_dropdowns .filter-box input:checked + .checkmark::after {
height: 2px;
width: 12px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
span.filter-chip {
margin-top: 00px;
background: #fff;
padding: 5px 10px;
font-size: 13px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
border: 1px solid #d9d9d9;
border-radius: 10px;
}
.selected-filters {
gap: 10px;
display: flex;
flex-wrap: wrap;
}
span.remove-chip {
cursor: pointer;
}.common_filters .portfolio-filters {
display: flex;
}
#inspiration .common_filters .portfolio-filters .dropdown-btn {
color: #000f24;
background: #f8d95b;
font-size: 18px;
}
#inspiration .common_filters .portfolio-filters .dropdown-btn::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 128 128' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M64 88a3.988 3.988 0 0 1-2.828-1.172l-40-40c-1.563-1.563-1.563-4.094 0-5.656s4.094-1.563 5.656 0L64 78.344l37.172-37.172c1.563-1.563 4.094-1.563 5.656 0s1.563 4.094 0 5.656l-40 40A3.988 3.988 0 0 1 64 88z' fill='%23000F24' opacity='1' data-original='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
#inspiration .common_filters.inspirataion_filter_dropdowns .refresh-btn {
color: #F8D95B !important;
}
.common_filters.inspirataion_filter_dropdowns .refresh-btn {
font-size: 30px;
}
.common_filters .portfolio-filters .dropdown-menu label {
font-size: 16px;
}
.side_plus_icon:after {
content: "In a hurry?";
position: absolute;
bottom: -3px;
transform: translateX(-110%);
background: #0000008f;
color: #dcc256;
padding: 6px 10px;
border-radius: 4px;
white-space: nowrap;
opacity: 0;
pointer-events: none;
transition: 0.2s;
font-size: 27px;
font-family: "Roboto Condensed", Sans-serif;
}
.side_plus_icon {
position: relative;
cursor: pointer;
}
.side_plus_icon:hover::after {
opacity: 1;
}
.popup-opened .side_plus_icon:hover::after {
opacity: 0;
}
.popup-opened .dialog-type-lightbox.forme_popup_sample {
z-index: 9999;
}
.dialog-lightbox-container.dialog-prevent-scroll.popup-opened .sticky-list.e-flex.elementor-sticky.elementor-sticky--active {
z-index: 0;
}.address_zip {
width: 100%;
inline-size: 100% !important;
}.forme_popup_sample .dialog-message.dialog-lightbox-message::-webkit-scrollbar {
display: none;
}.modal-open .elementor-element.sticky-list.elementor-sticky--active {
z-index: 0;
}.resource_filter_dropdowns .dropdown-menu {
display: none;
padding-top: 15px;
}
.resource_filter_dropdowns button.dropdown-btn {
background: transparent !important;
padding: 0;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
color: var(--e-global-color-text) !important;
font-family: "Roboto Condensed", sans-serif;
font-size: 24px;
font-weight: 300 !important;
}
.resource_filter_dropdowns button.dropdown-btn span.plus_minus_svg svg {
width: 16px;
height: 16px;
}
.resource_filter_dropdowns button.dropdown-btn span.plus_minus_svg svg path {
fill: #f8d95b;
}
.resource_filter_dropdowns .dropdown {
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #dddddd99;
}
.resource_filter_dropdowns .dropdown-menu label {
width: 100%;
display: flex;
gap: 15px;
padding-bottom: 7px;
font-size: 18px;
font-weight: 300;
align-items: center;
cursor: pointer;
position: relative;
}
/* Hide native checkbox */
.resource_filter_dropdowns .filter-box input {
position: absolute;
opacity: 0;
}
/* Custom square */
.resource_filter_dropdowns .filter-box .checkmark {
width: 20px;
height: 20px;
background: #ffffff;
border: 1px solid #000f2469;
display: inline-block;
position: relative;
box-sizing: border-box;
border-radius: 4px;
}
/* Checked state (yellow box) */
.resource_filter_dropdowns .filter-box input:checked + .checkmark {
background: #f2c94c;
border-color: #e0b93b;
}
/* PLUS SIGN */
.resource_filter_dropdowns .filter-box input:checked + .checkmark::before,
.resource_filter_dropdowns .filter-box input:checked + .checkmark::after {
content: "";
position: absolute;
background: #333;
}
/* Vertical line */
.resource_filter_dropdowns .filter-box input:checked + .checkmark::before {
width: 2px;
height: 12px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
/* Horizontal line */
.resource_filter_dropdowns .filter-box input:checked + .checkmark::after {
height: 2px;
width: 12px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.resource_filter_dropdowns button.refresh-btn {
background: transparent !important;
padding: 0;
font-size: 14px;
border-radius: 0;
text-decoration: underline;
text-transform: none;
margin-bottom: 40px;
}
.resource_filter_dropdowns .dropdown.active .plus_minus_svg {
transform: rotate(45deg);
}
.resource_filter_dropdowns .active button.dropdown-btn span.plus_minus_svg svg path {
fill: #000f24;
}
span.load_spiiner {
display: none;
width: 20px;
height: 30px;
}/* Mobile Filter Button */
.mobile-filter-btn {
display: none;
padding: 12px 18px;
border: 1px solid #ccc;
font-weight: 600;
width: 100%;
margin-bottom: 40px;
}
/* Desktop layout */
.resource_filter_wrapper {
position: relative;
}
/* Dropdown */
.dropdown-menu {
display: none;
padding: 10px 0;
}
.dropdown.open .dropdown-menu {
display: block;
}
/* ===== MOBILE ===== */
@media (max-width: 991px) {
.resource_filter_dropdowns button.dropdown-btn,.load_more_sec.load-more-wrapper button {
font-size: 20px;
}
}
/* ===== MOBILE ===== */
@media (max-width: 768px) {
.mobile-filter-btn {
display: inline-block;
}
.resource_filter_wrapper {
position: fixed;
top: 0;
right: -100%;
width: 100%;
max-width: 100%;
height: 100%;
background: #fff;
z-index: 9999;
transition: right 0.3s ease;
display: flex;
flex-direction: column;
}
.elementor-kit-6 h5.resource-card-title{
font-size: 16px;
}
.resource_filter_wrapper.active {
right: 0;
}
.filter-header {
display: flex;
justify-content: space-between;
padding: 16px;
border-bottom: 1px solid #eee;
font-weight: bold;
flex-wrap: wrap;
margin-top: 0px;
}
.filter-footer {
display: flex;
border-top: 1px solid #eee;
padding: 16px;
gap: 15px;
}
.clear-btn,
.apply-btn {
flex: 1;
padding: 16px;
border: none;
}
.apply-btn {
background: #1e5aa5;
color: #fff;
}
.resource_filter_dropdowns {
flex: 1;
overflow-y: auto;
padding: 16px;
}
.resources_btns .actions{
gap: 10px;
}
.resources_btns .actions a {
padding: 8px;
height: 35px;
}
body.filter-open {
overflow: hidden;
}
div#resource-search-form {
width: 100%;
margin: 20px 0px;
}
.filter-header span {
width: 100%;
display: block;
text-align: center;
font-size: 21px;
font-weight: 400;
text-transform: uppercase;
color: var(--e-global-color-text) !important;
font-family: "Roboto Condensed", sans-serif;
}
button#closeFilters {
position: absolute;
right: 0;
background: transparent !important;
font-size: 24px;
top: 0;
}
button.refresh-btn {
display: none;
}
}
/* ===== DESKTOP ===== */
@media (min-width: 769px) {
.filter-header,
.filter-footer {
display: none;
}
}
.mobile-filter-btn:after {
content: "";
position: absolute;
right: 28px;
width: 20px;
height: 20px;
background-size: contain;
transform: translateY(-50%);
pointer-events: none;
background-repeat: no-repeat;
top: 24px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 128 128' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M64 88a3.988 3.988 0 0 1-2.828-1.172l-40-40c-1.563-1.563-1.563-4.094 0-5.656s4.094-1.563 5.656 0L64 78.344l37.172-37.172c1.563-1.563 4.094-1.563 5.656 0s1.563 4.094 0 5.656l-40 40A3.988 3.988 0 0 1 64 88z' fill='%23000f24' opacity='1' data-original='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.inspiration_filter_outer button#openFilters {
margin: 0;
background: #000f24;
color: #f8d95b;
}
.inspiration_filter_outer button#openFilters.mobile-filter-btn:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 128 128' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M64 88a3.988 3.988 0 0 1-2.828-1.172l-40-40c-1.563-1.563-1.563-4.094 0-5.656s4.094-1.563 5.656 0L64 78.344l37.172-37.172c1.563-1.563 4.094-1.563 5.656 0s1.563 4.094 0 5.656l-40 40A3.988 3.988 0 0 1 64 88z' fill='%23f8d95b' opacity='1' data-original='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.product-swatches-masonry.all_sample_page {
min-height: 450px;
}
.resource-loader {
width: 100%;
min-height: 450px;
height: 100%;
position: absolute;
background: #ffffff94;
}
.resource-loader_inner {
width: 100%;
height: 450px;
display: flex;
align-items: center;
justify-content: center;
}#html-spinner, #svg-spinner{
-webkit-transition-property: -webkit-transform;
-webkit-transition-duration: 1.2s;
-webkit-animation-name: rotate;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-transition-property: -moz-transform;
-moz-animation-name: rotate;
-moz-animation-duration: 1.2s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
transition-property: transform;
animation-name: rotate;
animation-duration: 1.2s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@-webkit-keyframes rotate {
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes rotate {
from {-moz-transform: rotate(0deg);}
to {-moz-transform: rotate(360deg);}
}
@keyframes rotate {
from {transform: rotate(0deg);}
to {transform: rotate(360deg);}
}.inspiration-gallery .no-results {
grid-column: span 16;
grid-row: span 1;
padding: 0;
text-align: left;
color: #1d272b;
margin: 0 !important;
}
.service-desc {
word-break: break-word;
overflow-wrap: anywhere;
}
#inspiration .inspiration_filter_outer button#openFilters {
background-color: #f8d95b;
color: #000f24;
}
#inspiration .inspiration_filter_outer button#openFilters.mobile-filter-btn:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 128 128' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M64 88a3.988 3.988 0 0 1-2.828-1.172l-40-40c-1.563-1.563-1.563-4.094 0-5.656s4.094-1.563 5.656 0L64 78.344l37.172-37.172c1.563-1.563 4.094-1.563 5.656 0s1.563 4.094 0 5.656l-40 40A3.988 3.988 0 0 1 64 88z' fill='%23000f24' opacity='1' data-original='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
@media (max-width: 768px){
.common_filters.inspirataion_filter_dropdowns .refresh-btn {
padding: 0;
}
.common_filters .portfolio-filters .dropdown {
width: 100%;
}
.common_filters .portfolio-filters .dropdown.country {
width: 70%;
}
.resource_filter_outer div#resource-search-form {
display: none;
}.resource-loader, body .e-con.resource_result_sec, .resource-loader_inner {
min-height: 250px;
height: 100%;
}
.common_filters .portfolio-filters {
flex-wrap: wrap;
gap: 0;
padding: 10px;
}
.service-tooltip-hover:hover .service-popup2 {
padding: 10px;
}.inspirataion_filter_dropdowns span.checkmark{
display: inline-block;
}
.common_filters .dropdown-btn {
background: transparent !important;
color: #000f24 !important;
padding: 0;
font-size: 20px;
font-family: "Roboto Condensed", sans-serif;
font-weight: 300 !important;
}
.common_filters .portfolio-filters {}
.common_filters .dropdown-menu {
position: relative;
background: transparent !important;
top: 0;
border: 0;
box-shadow: none;
max-height: none;
}
.common_filters .dropdown {
border-bottom: 1px solid rgba(221, 221, 221, 0.6);
margin-bottom: 15px;
padding-bottom: 15px;
}.common_filters .portfolio-filters .dropdown-menu label {
font-size: 18px;
color: #000F24;
font-family: "Roboto Condensed", Sans-serif;
}
.inspirataion_filter_dropdowns span.checkmark {
border-color: #000F24;
}
.common_filters.inspirataion_filter_dropdowns {
overflow-y: auto;
flex: 1 1 0%;
padding: 16px;
}
}.flipbox_products .flipbox_products_top {
position: relative;
overflow: initial !important;
}
.flipbox_products .flipbox_products_top:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 150%;
z-index: 5;
background: transparent;
}
@media (min-width: 768px){
.resource_left_side .elementor-widget-shortcode {
position: sticky;
top: 0;
}
}.inspiration-gallery.loading {
min-height: 400px;
}
.masonry-item a.item-name-link.open-product-btn {
flex: 1;
width: 100%;
}
.masonry-item a.add-sample-variation {
position: absolute;
left: 15px;
}
.masonry-item .item-overlay .btn-moodboard {
position: absolute;
right: 15px;
}
.all_sample_page .steni .item-image,.steni .item-image {
transform: scale(3) !important;
}
.modal-slider-wrapper {
overflow: hidden;
position: relative;
}
.modal-slider {
display: flex;
transition: transform 0.4s ease-in-out;
height: 100%;
}
.modal-slider img {
min-width: 100%;
height: 100%;
object-fit: cover;
}
.modal_slider_aerrow.slider-prev,
.modal_slider_aerrow.slider-next{
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 35px;
background: rgba(0,0,0,0.5);
color: #fff;
border: none;
padding: 10px 15px;
cursor: pointer;
z-index: 10;
display: none;
padding: 0;
}
.modal_slider_aerrow.slider-prev { left: 10px; }
.modal_slider_aerrow.slider-next { right: 10px; }
.elementor .modal-slider img {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
height: 100%;
}
.modal_slider_aerrow {
background: transparent !important;
padding: 0;
}
.modal_slider_aerrow svg{
height: 40px;
width: 40px;
}
button.slider-prev.modal_slider_aerrow svg {
transform: rotate(180deg);
}
#bostik_box .elementor-flip-box__layer__description:before {
content: "";
background: url("/wp-content/uploads/2026/02/Logo_BOSTIK_white.webp");
background-size: contain;
width: 200px;
height: 70px;
display: block;
background-repeat: no-repeat;
}
#trufast_box .elementor-flip-box__layer__description:before {
content: "";
background: url("/wp-content/uploads/2026/02/trufast.png");
background-size: contain;
width: 200px;
height: 60px;
margin-bottom: 10px;
display: block;
background-repeat: no-repeat;
}
#vaproshield_box .elementor-flip-box__layer__description:before {
content: "";
background: url("/wp-content/uploads/2026/04/VaproLogo.png");
background-size: contain;
width: 200px;
height: 70px;
display: block;
background-repeat: no-repeat;
}
#powerwool_box .elementor-flip-box__layer__description:before {
content: "";
background: url("/wp-content/uploads/2026/04/powerwool-logo-white-2024.png");
background-size: contain;
width: 200px;
height: 70px;
display: block;
background-repeat: no-repeat;
margin-top: 15px;
margin-bottom: -15px;
}
#tenmat_box .elementor-flip-box__layer__description:before {
content: "";
background: url("/wp-content/uploads/2026/02/tenmatlogowhite.png.webp");
background-size: contain;
width: 200px;
height: 70px;
display: block;
margin-bottom: 20px;
background-repeat: no-repeat;
margin-top: 10px;
margin-bottom: -10px;
}
#jointjig_box .elementor-flip-box__layer__description:before {
content: "";
background: url("/wp-content/uploads/2026/02/JOINTJIG.png");
background-size: contain;
width: 200px;
height: 70px;
display: block;
background-repeat: no-repeat;
}
#grip_n_go_box .elementor-flip-box__layer__description:before {
content: "";
background: url("/wp-content/uploads/2026/02/WHITE-Grip-N-Go-Logo.png");
background-size: contain;
width: 200px;
height: 70px;
display: block;
background-repeat: no-repeat;
}
.accesories.sticky-list li.elementor-icon-list-item.elementor-inline-item {
padding: 10px 40px;
}.basic_gallery figure.gallery-item img {
max-height: 300px;
}.tenmat_gallery figure.gallery-item img {
min-height: 300px;
background: #ffffff;
}
#tenmat_page li.elementor-icon-list-item:last-child,
#truefast_page li.elementor-icon-list-item:nth-child(4),
#jointjig_page li.elementor-icon-list-item:nth-child(3),
#grip_n_go_page li.elementor-icon-list-item:nth-child(2),
#bostik_page li.elementor-icon-list-item:first-child{
background-color: #000f24 !important;
}
#tenmat_page li.elementor-icon-list-item:last-child a span,
#truefast_page li.elementor-icon-list-item:nth-child(4) a span,
#jointjig_page li.elementor-icon-list-item:nth-child(3) a span,
#grip_n_go_page li.elementor-icon-list-item:nth-child(2) a span,
#bostik_page li.elementor-icon-list-item:first-child a span{
color: #F8D95B !important;
}
.common_filters .dropdown.features .dropdown-menu.features {
min-width: 450px;
right: 0;
left: auto;
}
.features-grid {
display: flex;
gap: 40px;
}
.features-column {
flex: 1;
display: flex;
flex-direction: column;
}
.left-column {
flex: 3;
}
.right-column {
flex: 3;
}
.dropdown.features label.inspiration_filter_label.parent_label.filter-box .features_filter,
.dropdown.features label.inspiration_filter_label.parent_label.filter-box .checkmark {
display: none;
}
@media (max-width: 768px){
.features-grid {
display: block;
}
.common_filters .dropdown.features .dropdown-menu.features {
min-width: auto;
}
}.wc-proceed-to-checkout {
display: flex;
justify-content: end;
}
.wc-block-components-order-summary-item__total-price,
.wc-block-components-order-summary-item__individual-prices.price,
.wp-block-woocommerce-checkout-order-summary-coupon-form-block.wc-block-components-totals-wrapper,
.wp-block-woocommerce-checkout-order-summary-totals-block, .wc-block-components-totals-wrapper:last-child,
li.woocommerce-order-overview__total.total,
th.woocommerce-table__product-table.product-total,
td.woocommerce-table__product-total.product-total,
td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-total,
th.woocommerce-orders-table__header.woocommerce-orders-table__header-order-total,
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads
{
display: none;
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox] {
padding: 10px !important;
}
.woocommerce table.shop_table {
border-color: #f8d95b;
}
.woocommerce table.shop_table td,
table caption+thead tr:first-child td,
table caption+thead tr:first-child th,
table colgroup+thead tr:first-child td, table colgroup+thead tr:first-child th, table thead:first-child tr:first-child td, table thead:first-child tr:first-child th {
border:0
}
.woocommerce table.order_details tbody>tr:nth-child(odd)>td, .woocommerce.order_details table tbody>tr:nth-child(odd)>th{
background: #f8d95b54;
}.woocommerce table.my_account_orders .button {
background-color: var(--e-global-color-primary);
font-family: "Roboto", Sans-serif;
font-size: 18px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
color: var(--e-global-color-text);
border-radius: 50px 50px 50px 50px;
}
.project-info-box{/* position:absolute; *//* right: 32%; *//* top: 68%; *//* transform:translateY(-50%); *//* width:300px; *//* background: #000f24; *//* color:white; *//* padding:25px; *//* border-radius:12px; *//* border:2px solid #f8d95b; *//* z-index:5; *//* display:none; */}
.project-info-toggle{
background:none;
border:none;
color:white;
font-size:14px;
cursor:pointer;
}
.elementor-kit-6 .project-info-box h4 {
font-size: 15px;
text-transform: none;
font-weight: 400;
margin: 0;
color: #f8d95b;
}
.elementor-kit-6 .project-info-box p {
font-size: 13px;
color: #ffffff;font-weight: 300;
}
.info-item.sample_info img {
width: 100%;
height: 100%;
aspect-ratio: 1/1;
object-fit: cover;
}
.info-item.sample_info .samples {
display: flex;
gap: 30px;
flex-wrap: wrap;
}
.info-item.sample_info {width: 60%;}
.info-item.sample_info h4 {
margin-bottom: 10px;
}
.info-item.sample_info .samples .sample {
width: 27%;
font-size: 13px;
cursor: pointer;
color: #fff;
font-weight: 300;
}
.sample_info .sample span {
padding-top: 10px;
display: block;
}
.info-item.sample_info .samples .sample p {
font-size: 14px;
margin-bottom: 0;
}
button#project-info-toggle {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 15px 10px;
text-decoration: none;
font-weight: 400;
transition: all 0.3s ease;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #ffffff !important;
font-size: 13px;
background: transparent !important;
}
.info-item.sample_info .samples .sample strong {
font-weight: 400;
display: block;
}
.sample-img{
position:relative;
overflow:hidden;
width: 80px;
height: 80px;
margin-bottom: 0px;
}
/* image */
.sample-img img{
width:100%;
height:65px;
object-fit:cover;
border-radius:3px;
display:block;
}
/* overlay */
.sample-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.55);
display:flex;
align-items:center;
justify-content:center;
opacity:0;
transition:0.3s;
}
/* cart icon */
.cart-icon{
font-size:22px;
color:#f4c542;
}
/* hover effect */
.sample-img:hover .sample-overlay{
opacity:1;
}.sample-overlay svg {
width: 30px;
}
.sample-overlay svg path {
fill: #f8d95b;
}
span.cart-icon {
display: flex;
align-items: center;
justify-content: center;
}.news_heading {
backdrop-filter: blur(4px);
opacity: 0;
visibility: hidden;
}
.news_card:hover .news_heading {
visibility: visible;
opacity: 1;
transition: visibility 0.5s, opacity 0.5s linear;
}
.news_card .e-con-inner {padding: 0 !important;}
.project-info-box {
position: absolute;
right: -75%; /* hidden off screen */
width: 100%;
height: auto;
background: rgb(0 15 36 / 71%);
backdrop-filter: blur(10px);
padding: 15px 15px;
border-right: 2px solid #ffffff;
z-index: 999;
transition: right 0.4s ease;
overflow-y: auto;
display: flex;
bottom: 20px;
max-width: 55%;
}
/* Active state (slide in) */
.project-info-box.active {
right: 0;
}
.pro_info_left .info-item:last-child p {
margin-bottom: 0;
}
.pro_info_left {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 0;
width: 40%;
}#sample-search-form {
max-width: 80%;
height: 50px !important;
margin-bottom: 30px;
}
.sample-filters {
display: flex;
flex-direction: column;
align-items: end;
}
input#sample-input {
border: 0;
border: 0;
border-radius: 0;
height: 100%;
width: 100%;
}
.elementor-kit-6 label.sample_filter_label {
display: flex;
align-items: center;
gap: 15px;
padding: 6px 0;
cursor: pointer;
color: #f8d95b;
font-family: "Roboto", sans-serif;
width: 100%;
padding-bottom: 7px;
position: relative;
font-size: 14px;
line-height: 17px !important;
}
input.portfolio_category_filter.sample_filter {
accent-color: #f8d95b !important;
width: 15px;
height: 15px;
border: 1px solid #f8d95b !important;
border-radius: 4px !important;
padding: 9px !important;
position: absolute;
opacity: 0;
}
.sample_filter_label span.checkmark {
width: 20px;
height: 20px;
background: transparent;
border: 1px solid #f8d95b;
display: inline-block;
position: relative;
box-sizing: border-box;
border-radius: 4px;
flex: none;
}
.sample-filters ul.select-wrapdropdown-menu li.dropdown_menu.parent {
font-weight: 500;
}li.sample_dropdown_menu {
border-bottom: 1px solid #f8d95b4f;
}
.sample-filters input:checked + .checkmark {
background: #f2c94c;
border-color: #e0b93b;
}
.sample-filters input:checked + .checkmark::before,
.sample-filters input:checked + .checkmark::after {
content: "";
position: absolute;
background: #333;
}
.sample-filters input:checked + .checkmark::before {
width: 2px;
height: 12px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.sample-filters input:checked + .checkmark::after {
height: 2px;
width: 12px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
#product-modal .modal-slide,
#product-modal .modal-slider{
width: 100%;
}
#product-modal .modal_slider_aerrow.slider-prev,#product-modal .modal_slider_aerrow.slider-next{
display: inline-block;
}
#product-modal .modal-content {
overflow: hidden;
position: relative;
}
#product-modal .modal-slider {
display: flex;
}
#product-modal .modal-slide {
min-width: 100%;
flex-shrink: 0;
}#product-modal.light_modal .modal-info {
bottom: 0;
top: auto;
border-radius: 0 0 12px 12px;
}
#product-modal.light_modal .modal_image_outer {
height: calc(100vh - 100px);
border-radius: 12px;
}
#product-modal .modal-content{
border-radius: 12px;
}.assesories_pro_slider img.swiper-slide-image {
width: 100%;
height: 100%;
}
@media (min-width: 767px) {
div#resource-search-form {
flex: 0 0 50%;
}
}
@media (max-width: 767px){
input#resource-search-input{
font-size: 15px;
}
}.steni_color_note a {
font-weight: 700;
}
.cart_core_popup {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
}
.popup-overlay {
position: absolute;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.6);
}
.popup-box {
position: relative;
max-width: 560px;
margin: 10% auto;
background: #fff;
padding: 20px;
border-radius: 8px;
text-align: center;
padding-top: 60px;
}#formeCartPopup .popup-box {
max-width: 560px;
}
#formeCartPopup .popup-actions {
display: flex;
gap: 10px;
margin-top: 20px;
margin-bottom: 20px;
justify-content: space-between;
}
#formeCartPopup .popup-actions button {
margin: 0;
}
.popup-actions button {
margin: 10px;
padding: 10px 15px;
cursor: pointer;font-size: 18px !important;
}
.elementor-kit-6 button, .elementor-kit-6 input[type="button"], .elementor-kit-6 input[type="submit"], .elementor-kit-6 .elementor-button{
font-size: 20px;
}
button#darkCoreClose {
position: absolute;
top: 0px;
right: 0px;
font-size: 41px !important;
font-weight: 300 !important;
cursor: pointer;
color: #333;
background-color: transparent !important;
border: none;
line-height: 1;
}.search_popup .e-search-input-wrapper input {
width: calc(100% - 50px);
}
.search_popup svg.e-font-icon-svg.e-fas-times {
display: none;
}.not_found_sample {
grid-row: span 1;
grid-column: span 8;
}.slider-tooltip {
position: fixed; /* 🔥 prevents flicker */
display: none;
flex-direction: column;
align-items: center;
background: #000000ab;
padding: 4px;
border-radius: 10px;
box-shadow: 0 8px 25px rgba(0,0,0,0.2);
pointer-events: none; /* 🔥 critical */
z-index: 9999;
width: 120px;
text-align: center;
opacity: 1;
opacity: 1;translateY(10px);
transition: all 0.2s ease;
}
/* Show state (JS will trigger display:flex) */
.slider-tooltip.show {
opacity: 1;
transform: translateY(0);
}
/* Tooltip Image */
.elementor .slider-tooltip img {
width: 100%;
height: 70px;
object-fit: cover;
border-radius: 6px;
margin-bottom: 6px;
}
/* Tooltip Title */
.slider-tooltip span {
font-size: 12px;
font-weight: 500;
color: #ffffff;
line-height: 1.3;
}
.back-to-top {
font-optical-sizing: auto;
font-style: normal;
font-size: 16px;
text-transform: uppercase;
display: inline-block;
position: fixed !important;
z-index: 9 !important;
top: calc(calc(56px + 5vw) + 1rem);
right: 0;
background: #000 !important;
color: #fff !important;
border-left: 3px solid #f8d95b;
padding: 1em;
transform: translateX(105%)
}
.back-to-top.visible {
transform: none
}
.back-to-top:hover {
color: #000;
background: #f8d95b !important;
border-left: 3px solid #000;
}
.tooltip-container {
position: relative;
display: inline-block;
}
.refresh-btn {
padding: 10px 18px;
border: none;
background: #2563eb;
color: white;
border-radius: 6px;
cursor: pointer;
font-size: 14px;
}
.tooltip-text {
visibility: hidden;
opacity: 0;
transition: opacity 0.2s ease;
position: absolute;
bottom: 125%;
left: 50%;
transform: translateX(-50%);
background: #111827;
color: white;
padding: 6px 10px;
border-radius: 5px;
font-size: 13px;
white-space: nowrap;
}
.tooltip-container:hover .tooltip-text {
visibility: visible;
opacity: 1;
}
@media only screen and (max-width: 640px) {
.back-to-top__back {
display:none
}
}
@media(max-width: 480px){
.book_lunch{
flex-direction: column;
}
.book_lunch .open_service, .book_lunch a{
display: block;
height: auto !important;
padding: 8px !important ;
}
.service-popup2{
padding: 8px !important;
}
}
#inspiration .common_filters .refresh-btn svg path {
fill: #f8d95b;
}
@media(max-width: 768px){
.sample_filter_outer .sample-filters {
position: fixed;
top: 0;
right: -100%;
width: 100%;
max-width: 100%;
height: 100%;
background: #fff;
z-index: 9999;
transition: right 0.3s ease;
display: flex;
flex-direction: column;
}
.sample_filter_outer button#openFilters {
width: 100% !important;
}
.sample_filter_outer .sample-filters.active {
right: 0;
}
.sample_filter_outer .filter-header {
width: 100%;
}
.sample_filter_outer .filter-footer {
width: 100%;
}
.sample_filter_outer form#sample-search-form {
width: 100%;
margin-top: 10px;
margin: 10px auto;
}
.sample_filter_outer .select-wrap_dropdown {
border-bottom: 1px solid rgba(221, 221, 221, 0.6);
margin-bottom: 15px;
padding-bottom: 15px;
}
.sample_filter_outer .select-wrap_dropdown button.inspire_option_btn {
background: transparent !important;
border-radius: 0 !important;
border: 0;
font-size: 20px;
font-family: "Roboto Condensed", sans-serif;
font-weight: 300 !important;
color: #000f24 !important;
padding: 0;
line-height: 1;
height: auto;
}
.sample_filter_outer .select-select-wrap_dropdown_upper {
overflow-y: auto;
flex: 1 1 0%;
padding: 26px;
display: block;
}
.sample_filter_outer ul.select-wrapdropdown-menu {
position: relative;
background: transparent !important;
top: 0;
border: 0;
box-shadow: none;
max-height: none;
}
.sample_filter_outer li.dropdown_menu.parent {
display: none;
}
.sample_filter_outer li.sample_dropdown_menu.child-line label {
font-size: 18px;
color: #000F24;
font-family: "Roboto Condensed", Sans-serif;
line-height: 1 !important;
}
.sample_filter_outer li.sample_dropdown_menu {
border: 0;
list-style: none;
}
.sample_filter_outer .sample_filter_label span.checkmark {
border-color: #000;
}
.sample_filters {
width: 100%;
}
.sample_filters button#openFilters {
margin-bottom: 0;
}
}.news_card .news_heading {
visibility: visible;
opacity: 1;
transition: visibility 0.5s, opacity 0.5s linear;
}
.elementor-menu-cart__products {
max-height: calc(100vh - 150px);
}
.service-tooltip-hover {
position: relative;
}.ginput_container.ginput_container_singleproduct {
flex-direction: inherit!important;
align-items: center;
gap: 10px;
}.elementor-kit-6 button, .elementor-kit-6 input[type="button"], .elementor-kit-6 input[type="submit"], .elementor-kit-6 .elementor-button {
font-size: 18px;
}button#reps_refresh {
background: transparent !important;
width: 30px;
height: 30px;
padding: 0;
margin-top: 10px;
}
.ginput_container.ginput_container_singleproduct div,.ginput_container.ginput_container_singleproduct input,.ginput_container.ginput_container_singleproduct label {
order: unset !important;
margin-bottom: 0 !important;
}
.elementor-kit-6 h2{
text-transform: inherit!important
}
.service-tooltip-hover .elementor-icon-box-content {
position: relative;
}
.book_lunch a,.book_lunch span {
height: 50px;
width: 100%;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background: #f8d95b;
color: #000f24 !important;
border: 2px solid #f8d95b;
border-radius: 999px;
padding: 12px 32px 12px 18px;
font-size: 14px;
cursor: pointer;
}
.book_lunch {
display: flex;
gap: 10px;
}
/* Popup */
.service-popup2 {
position: absolute;
left: 50%;
top: 0;
transform: translate(-50% , 0);
width: 330%;
background: #ffffff;
padding: 20px 25px;
border-radius: 14px;
box-shadow: 0 18px 45px rgba(0, 0, 0, 0.22);
opacity: 0;
visibility: hidden;
transition: all 0.35s ease;
border: 1px solid;
border-color: #F8D95B;
text-align: center;
z-index: 999;
}
.service-popup2 .service-title {
font-size: 22px;
font-weight: 600;
margin-bottom: 10px;
}
.service-popup2::after {
content: "";
position: absolute;
top: -1rem;
left: 50%;
transform: translateX(-50%);
border: 8px solid transparent;
border-top-color: #F8D95B;
}
.herovideo .elementor-wrapper {
height: 100%;
width: 100%;
padding-top: 40px;
}
/* Hover show */
.service-tooltip-hover:hover .service-popup2 {
opacity: 1;
visibility: visible;
transform: translate(-50%,0);
}
@media screen and (min-width: 769px) and (max-width: 1550px) {
.service_list .e-child:first-child .service-popup2 {
left: 0;
transform: unset;
}
.service_list .e-child.service-tooltip-hover:hover:first-child .service-popup2,.service_list .e-child.service-tooltip-hover:hover:last-child .service-popup2 {
transform: unset;
}
.service_list .e-child:first-child .service-popup2::after {
left: 80px;
transform: unset;
}
.service_list .e-child:last-child .service-popup2 {
left: auto;
right:0;
transform: unset;
}
.service_list .e-child:last-child .service-popup2::after {
left: auto;
right: 80px;
transform: unset;
}
}
@media (max-width: 1024px) {
.service-popup2 {
width: 160%;
}
}
@media screen and (max-width: 767px) {
.service-popup2 {
width: 100%;
}
}
@media (max-width: 575px) {
.service-popup2 .service-title {
font-size: 18px;
}
.sticky-list li.elementor-icon-list-item.elementor-inline-item:hover {
color: var(--e-global-color-secondary) !important;
background-color: var(--e-global-color-primary) !important;
}
.sticky-list li.elementor-icon-list-item.elementor-inline-item:hover a span {
color: var(--e-global-color-secondary) !important;
}
}
@media (max-width:425px) {
.service-popup2 .service-title {
font-size: 16px;
}
.service-desc{
font-size:14px;
}
}
@media (min-width: 1025px) and (max-width: 1230px) {
.service_list .elementor-icon-box-wrapper .elementor-icon-box-icon span.elementor-icon {
font-size: 115px !important;
}
}
svg.e-font-icon-svg.e-eicon-twitter {}
.elementor-slideshow__share-links a:nth-child(2):after {
content: "Share on X";
font-size: 12px;
line-height: 2.5;
}
.elementor-slideshow__share-links a:nth-child(2) {
font-size: 0;
align-items: center;
display: flex;
gap: 2px;
}
.elementor-slideshow__share-links a:nth-child(2):before {
content: "𝕏 ";
font-family: "Font Awesome 7 Brands";
font-size: 23px;
line-height: 1;
}
.omnis-container .omnis-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 30px;
}
.omnis-container .omnis-grid .omnis-card img {
border-radius: 20px;
height: 100%;
}
.omnis-container .omnis-image {
position: relative;
display: flex;
}
.omnis-container a.omnis-btn {
font-size: 16px;
border-style: solid;
border-width: 1px 1px 1px 1px;
color: var(--e-global-color-text) !important;
border-radius: 50px 50px 50px 50px;
padding: 12px 24px;
margin-top: 20px;
display: inline-block;
text-transform: uppercase;
line-height: 1;
}
.omnis-container .omnis-card {
text-align: center;
}
.omnis-container .omnis-image:hover .item-overlay {
opacity: 1;
}
/*.omnis-image .sample_bottom {
justify-content: end;
}*/
#vapro_slider img.swiper-slide-image {
height: 250px;
object-fit: cover;
border: 1px solid #0c0c0c21;
}
.omnis-container .omnis-image .item-overlay {
border-radius: 20px;
/* opacity: 1;
background: transparent;*/
}
#omnis-framing-modal .modal_image_outer {
width: 100%;
overflow: hidden;
position: relative;
background: #fff;
}
.omnis-container .item-name-link {
flex: 1;
width: 100%;
}
.omnis-framing-modal .modal-content img {
object-fit: contain;
}
.omnis-framing-modal .modal-content {
background: #fff !important;
}
@media (max-width: 1024px){
.omnis-container .omnis-grid {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (max-width: 767px){
.omnis-container .omnis-grid {
grid-template-columns: 1fr 1fr;
}
}#product-popup-modal{
display:none;
position:fixed;
z-index:99999;
left:0;
top:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.8);
}
#product-popup-content{
text-align:center;
margin-top:5%;
}
#product-popup-content img{
max-width:80%;
max-height:80vh;
}
#close-product-popup{
position:absolute;
top:20px;
right:30px;
font-size:40px;
color:#fff;
cursor:pointer;
}.elementor-menu-cart__product-name.product-name > a {
pointer-events: none;
}#field_1_15 {
.gform-theme--framework .gfield:where(:not(.gfield--type-html):not(.gfield--type-section))& {
background-color: rgb(249, 249, 249);
border: 1px solid rgb(221, 221, 221);
padding: 15px;
border-radius: 8px;
box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 4px;
margin-bottom: 10px;
}
}
#field_1_15 {
.gform-theme--framework .gfield--type-choice.field_description_below:where(:not(.field_validation_above.gfield_error):not(:has(.gfield_choice_limit_message))) .gform-field-label:where(:not([class*=gform-field-label--type-]))& {
font-weight: bold;
margin-bottom: 10px;
display: block;
padding: 0px;
}
}
#field_1_15 {
.ginput_container.ginput_container_checkbox& {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
gap: 8px;
}
}
.news_post_masonary .post-32399.category-home.category-news .elementor-element img{
object-position: center !important;
}
.open-modal-btn[data-id="26948"] img {
object-position: center;
}a.add-sample-variation[data-product_id="35067"] {
display: none;
}a#modal-pinboard.inspiration_pin_btn {
background: #000000;
font-weight: 400;
text-transform: uppercase;
line-height: 24px;
border-radius: 50px 50px 50px 50px;
font-size: 16px;
padding: 12px 24px;display: inline-flex;
}
a#modal-pinboard.inspiration_pin_btn svg {
height: 24px;
}