.elementor .rollsfloor-gallery-lightbox{
background: rgb(255 208 208 / 44%) !important;
backdrop-filter: blur(4px) !important;
}
.col-md-5.wc-img-col , .col-md-7.wc-content-col{
width: 50%;
}
.col-md-5.rollsfloor-product-detail__hero-image-col , .row.g-0.rfs-subcat-modal__hero-row .col-md-5 , .col-md-5.wc-img-col , .rfs-subservice-modal__hero-row .col-md-5{
width: 60%;
}
.col-md-7.rollsfloor-product-detail__hero-content-col  , .row.g-0.rfs-subcat-modal__hero-row .col-md-7 , .col-md-7.wc-content-col , .rfs-subservice-modal__hero-row .col-md-7{
width: 40% !important;
}
.rfs-subservice-modal__hero-image , .rfs-subcat-modal__hero-image , .rollsfloor-product-detail__hero-image , .rollsfloor-wall-covering-page .wc-img-wrap{
clip-path: unset !important;
}
@media (max-width: 991.98px) {
.col-md-5.rollsfloor-product-detail__hero-image-col , .row.g-0.rfs-subcat-modal__hero-row .col-md-5 , .col-md-5.wc-img-col , .rfs-subservice-modal__hero-row .col-md-5{
width: 100%;
}
.col-md-7.rollsfloor-product-detail__hero-content-col  , .row.g-0.rfs-subcat-modal__hero-row .col-md-7 , .col-md-7.wc-content-col , .rfs-subservice-modal__hero-row .col-md-7{
width: 100% !important;
}
}
html,
body {
width: 100%;
overflow-x: clip;
}
body {
font-family: var(--e-global-typography-text-font-family);
font-size: 16px;
font-weight: 400;
line-height: 1.6em;
color: var(--e-global-color-text);
background: var(--e-global-color-background);
}
img {
max-width: 100%;
height: auto;
}
p {
line-height: 1.6em;
margin-bottom: 1.5em;
}
.our-products-section .e-con-full,
.our-products-section .e-con-inner {
padding-block-end: 30px !important;
padding-block-start: 30px !important;
gap: 0px;
}
.elementor-widget-text-editor p {
line-height: inherit;
}
.elementor-widget-text-editor p:last-child {
margin-bottom: 0 !important;
}
.elementor-12 .elementor-element.elementor-element-1bcd326 .ekit-wid-con .ekit-interactive-links-list-link {
border-style: solid;
border-width: 0px 1px 0px 0px;
border-color: #ffffff5c;
}
a {
text-decoration: none;
color: inherit;
transition: all 0.3s ease-in-out;
}
.footer-bottom-flex {
display: flex !important;
flex-direction: row !important;
justify-content: space-between !important;
align-items: center !important;
width: 100% !important;
flex-wrap: wrap !important;
gap: 20px !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.elementor-element-92d9728 {
text-align: left !important;
flex: 1 1 auto !important;
min-width: 220px !important;
}
.footer-bottom-social {
display: flex !important;
gap: 20px !important;
align-items: center !important;
flex: 0 0 auto !important;
} @media only screen and (max-width: 767px) { .elementor-element-f138fa7 {
padding: 36px 20px 24px 20px !important;
} .elementor-element-0dd6d83 {
flex-direction: column !important;
gap: 0 !important;
} .elementor-element-990cb1d {
width: 100% !important;
max-width: 100% !important;
align-items: center !important;
text-align: center !important;
padding-bottom: 24px !important;
border-bottom: 1px solid rgba(255,255,255,0.12) !important;
margin-bottom: 20px !important;
}
.elementor-element-990cb1d img {
margin: 0 auto 12px !important;
display: block !important;
}
.elementor-element-990cb1d .footer-contents {
font-size: 14px !important;
line-height: 1.7 !important;
text-align: center !important;
max-width: 300px !important;
margin: 0 auto !important;
} .elementor-element-c461586 {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
grid-template-rows: auto auto !important;
gap: 20px 16px !important;
width: 100% !important;
max-width: 100% !important;
flex-direction: unset !important;
flex-wrap: unset !important;
align-items: unset !important;
} .elementor-element-33ff5fe {
grid-column: 1 !important;
grid-row: 1 !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important; flex-direction: column !important;
align-items: flex-start !important;
} .elementor-element-de7d227 {
grid-column: 2 !important;
grid-row: 1 !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
flex-direction: column !important;
align-items: flex-start !important;
} .elementor-element-3ebd72c {
grid-column: 1 / -1 !important;
grid-row: 2 !important;
width: 100% !important;
max-width: 100% !important;
padding-top: 16px !important;
border-top: 1px solid rgba(255,255,255,0.10) !important;
flex-direction: column !important;
align-items: flex-start !important;
} .elementor-element-c461586 > .e-con-full {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
} .elementor-element-f138fa7 .elementor-heading-title {
font-size: 14px !important;
letter-spacing: 0.05em !important;
text-transform: uppercase !important;
margin-bottom: 10px !important;
padding-bottom: 6px !important;
border-bottom: 1px solid rgba(202, 10, 15, 0.5) !important;
display: inline-block !important;
white-space: nowrap !important;
} .elementor-element-f138fa7 .ekit-vertical-navbar-nav {
padding: 0 !important;
margin: 0 !important;
list-style: none !important;
width: 100% !important;
}
.elementor-element-f138fa7 .ekit-vertical-navbar-nav .menu-item {
width: 100% !important;
margin-bottom: 4px !important;
display: block !important;
} .elementor-element-f138fa7 .ekit-menu-nav-link {
font-size: 14px !important;
line-height: 1.5 !important;
padding: 3px 0 !important;
display: block !important;
white-space: normal !important;
word-break: break-word !important;
} .footer-contact-list {
display: flex !important;
flex-direction: column !important;
gap: 10px !important;
width: 100% !important;
}
.footer-contact-item {
display: flex !important;
align-items: flex-start !important;
gap: 10px !important;
}
.footer-contact-icon {
flex-shrink: 0 !important;
font-size: 14px !important;
margin-top: 2px !important;
}
.footer-contact-copy p,
.footer-contact-copy a {
font-size: 14px !important;
line-height: 1.6 !important;
margin: 0 !important;
word-break: break-word !important;
} .footer-bottom-flex {
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
gap: 12px !important;
padding: 16px 0 0 !important;
margin-top: 20px !important;
border-top: 1px solid rgba(255,255,255,0.12) !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.footer-bottom-flex .elementor-element-92d9728 p {
font-size: 14px !important;
text-align: center !important;
margin: 0 !important;
opacity: 0.75 !important;
}
.footer-bottom-social {
display: flex !important;
justify-content: center !important;
gap: 14px !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.footer-bottom-social .social-icon {
width: 34px !important;
height: 34px !important;
font-size: 16px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
} .elementor-element-f138fa7 .ekit-vertical-navbar-nav .menu-item,
.elementor-element-f138fa7 .ekit-vertical-navbar-nav .nav-item {
list-style: none !important;
padding-left: 0 !important;
margin-left: 0 !important;
}
.elementor-element-f138fa7 .ekit-vertical-navbar-nav .menu-item::before,
.elementor-element-f138fa7 .ekit-vertical-navbar-nav .menu-item::after,
.elementor-element-f138fa7 .ekit-vertical-navbar-nav .nav-item::before,
.elementor-element-f138fa7 .ekit-vertical-navbar-nav .nav-item::after {
display: none !important;
content: none !important;
}
.elementor-element-f138fa7 .ekit-vertical-navbar-nav,
.elementor-element-f138fa7 .ekit-vertical-menu-container,
.elementor-element-f138fa7 .ekit-vertical-main-menu-wraper,
.elementor-element-f138fa7 .ekit-wid-con {
padding: 0 !important;
margin: 0 !important;
list-style: none !important;
overflow: visible !important;
}
.elementor-element-f138fa7 .ekit-menu-nav-link {
padding-left: 0 !important;
margin-left: 0 !important;
text-indent: 0 !important;
} .elementor-element-c461586.e-con.e-flex {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
flex-direction: unset !important;
align-items: start !important;
gap: 20px 16px !important;
width: 100% !important;
max-width: 100% !important;
} .elementor-element-c461586 > .e-con-full {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
flex: unset !important;
} .elementor-element-33ff5fe {
grid-column: 1 !important;
grid-row: 1 !important;
min-width: 0 !important;
overflow: hidden !important;
} .elementor-element-de7d227 {
grid-column: 2 !important;
grid-row: 1 !important;
min-width: 0 !important;
overflow: hidden !important;
} .elementor-element-3ebd72c {
grid-column: 1 / -1 !important;
grid-row: 2 !important;
min-width: 0 !important;
padding-top: 16px !important;
border-top: 1px solid rgba(255,255,255,0.10) !important;
} .elementor-element-33ff5fe,
.elementor-element-de7d227 {
align-items: center !important;
text-align: center !important;
} .elementor-element-33ff5fe .elementor-heading-title,
.elementor-element-de7d227 .elementor-heading-title {
text-align: center !important;
display: block !important;
border-bottom: 1px solid rgba(202, 10, 15, 0.5) !important;
padding-bottom: 6px !important;
width: 100% !important;
} .elementor-element-33ff5fe .ekit-vertical-navbar-nav,
.elementor-element-de7d227 .ekit-vertical-navbar-nav {
text-align: center !important;
width: 100% !important;
}
.elementor-element-33ff5fe .ekit-menu-nav-link,
.elementor-element-de7d227 .ekit-menu-nav-link {
text-align: left !important;
display: block !important;
width: 100% !important;
} .elementor-element-33ff5fe .elementor-widget-container,
.elementor-element-de7d227 .elementor-widget-container {
width: 100% !important;
text-align: center !important;
} .elementor-element-3ebd72c {
align-items: center !important;
text-align: center !important;
}
.elementor-element-3ebd72c .elementor-heading-title {
text-align: center !important;
display: block !important;
width: 100% !important;
}
.elementor-element-3ebd72c .elementor-widget-container {
width: 100% !important;
text-align: center !important;
}
}
.footer-bottom-social {
display: flex;
gap: 20px;
}
.social-icon {
font-size: 18px !important;
border-radius: 50% !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 40px !important;
height: 40px !important;
color: #fff !important;
} .social-icon.linkedin {
background: #0077B5;
} .social-icon.instagram {
background: linear-gradient(45deg, #F58529, #DD2A7B, #8134AF, #515BD4);
} .social-icon.youtube {
background: #FF0000;
} .social-icon.facebook {
background: #1877F2;
}
.about-us-section .e-con-inner,
.why-choose-section .e-con-inner {
padding-block-end: 60px;
padding-block-start: 60px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--e-global-typography-primary-font-family);
font-weight: 500;
margin: 0;
line-height: 1.2em;
color: var(--e-global-color-primary);
}
figure {
margin: 0;
}
iframe {
max-width: 100%;
}
.elementor-widget-button {
line-height: 0;
} .btn-default {
font-family: var(--e-global-typography-accent-font-family);
display: inline-flex;
font-size: 16px;
font-weight: 600;
line-height: 1em;
color: var(--e-global-color-white);
background: var(--e-global-color-accent);
text-transform: capitalize;
padding: 6px 6px 6px 25px;
border-radius: 100px;
transition: 0.4s ease-in-out;
align-items: center;
position: relative;
overflow: hidden;
z-index: 1;
}
.btn-default:hover {
background: transparent;
}
.btn-default:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 0;
height: 100%;
background: var(--e-global-color-primary);
z-index: -1;
transition: all 0.4s ease-in-out;
}
.btn-default:hover:before {
width: 100%;
right: auto;
left: 0;
}
.btn-default svg,
.btn-default i {
width: 40px;
height: 40px;
background-color: var(--e-global-color-accentsecondary);
border-radius: 100px;
color: var(--e-global-color-white);
padding: 9px;
margin-left: 8px;
transition: all 0.4s ease-in-out;
}
.btn-default:hover svg {
transform: rotate(45deg);
}
.btn-default i {
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
transform: rotate(-45deg);
}
.btn-default:hover i {
transform: rotate(0deg);
}
@media only screen and (max-width: 991px) {
.btn-default {
padding: 5px 5px 5px 15px;
}
.btn-default svg,
.btn-default i {
width: 36px;
height: 36px;
}
} .elementor-widget-elementskit-creative-button .ekit-btn-wraper a span {
margin-right: 10px;
}
.elementor-widget-elementskit-creative-button .ekit_position_aware svg {
width: 40px;
height: 40px;
border-radius: 50%;
background-color: black;
padding: 9px;
transition: all 0.4s ease-in-out;
}
.elementor-17 .elementor-element.elementor-element-87c7331 .ekit_creative_button:not(.ekit_tamaya) {
background-color: #ca0a0f;
}
.elementor-widget-elementskit-creative-button .ekit_position_aware svg path {
stroke: none !important;
}
.elementor-widget-elementskit-creative-button .ekit_position_aware:hover svg {
transform: rotate(45deg);
background-color: #ca0a0f;
}
.btn-highlighted.elementor-widget-elementskit-creative-button .ekit_position_aware:hover svg {
background-color: #ca0a0f;
}
.btn-highlighted.elementor-widget-elementskit-creative-button .ekit_position_aware:hover svg path {
fill: var(--e-global-color-white) !important;
} @media only screen and (max-width: 991px) {
.elementor-widget-elementskit-creative-button .ekit_position_aware svg {
width: 36px;
height: 36px;
padding: 7px;
}
} .at-animation-image-style-1 img {
clip-path: inset(0 100% 0 0);
}
.at-blog-shiny-glass-effect,
.at-shiny-glass-effect {
position: relative;
overflow: hidden;
}
.at-blog-shiny-glass-effect:after,
.at-shiny-glass-effect:after {
content: '';
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, .3);
transform: translate(-50%, -50%) rotate(-45deg);
z-index: 1;
}
.at-blog-shiny-glass-effect:hover:after,
.at-shiny-glass-effect:hover:after {
height: 250%;
transition: all 600ms linear !important;
background-color: transparent;
}
.at-distortion-effect canvas {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: inherit;
}
.container {
max-width: 1300px;
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
padding-right: 15px;
padding-left: 15px;
}
.row {
margin-right: -15px;
margin-left: -15px;
}
.row>* {
padding-right: 15px;
padding-left: 15px;
}
#magic-cursor {
position: absolute;
width: 10px !important;
height: 10px !important;
pointer-events: none;
z-index: 1000000;
}
#ball {
position: fixed;
display: block;
left: 0;
top: 0;
transform: translate(-50%, -50%);
background: var(--e-global-color-accent);
width: 10px !important;
height: 10px !important;
border-radius: 50%;
pointer-events: none;
border: none;
opacity: 1 !important;
}
.theme-preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10000 !important;
background-color: var(--e-global-color-primary);
display: flex;
align-items: center;
justify-content: center;
}
.theme-preloader .loading-container,
.theme-preloader .loading-container .loading {
height: 100px;
position: relative;
width: 100px;
border-radius: 100%;
}
.theme-preloader .loading-container {
margin: 40px auto;
}
.theme-preloader .loading-container .loading {
border: 1px solid transparent;
border-color: transparent var(--e-global-color-white) transparent var(--e-global-color-white);
animation: rotate-loading 1.5s linear 0s infinite normal;
transform-origin: 50% 50%;
}
.theme-preloader .loading-container:hover .loading,
.theme-preloader .loading-container .loading {
transition: all 0.5s ease-in-out;
}
.theme-preloader .loading-container #loading-icon {
position: absolute;
top: 50%;
left: 50%;
max-width: 66px;
transform: translate(-50%, -50%);
}
@keyframes rotate-loading {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
body.fancy-scrollbar::-webkit-scrollbar-track {
background-color: var(--e-global-color-primary);
border-left: 1px solid var(--e-global-color-primary);
}
body.fancy-scrollbar::-webkit-scrollbar {
width: 7px;
background-color: var(--e-global-color-accent);
}
body.fancy-scrollbar::-webkit-scrollbar-thumb {
background: var(--e-global-color-accent);
} .elementor-icon-box-wrapper .elementor-icon-box-icon {
line-height: 0;
}
.elementor-widget-icon .elementor-icon-wrapper {
line-height: 0;
}
.elementor-widget-elementskit-icon-box .elementskit-box-header {
line-height: 0;
}
.elementskit-funfact .funfact-icon svg path {
stroke: none !important;
}
.elementskit-pricing-header svg path {
fill: none !important;
}
.elementskit-infobox .elementskit-info-box-icon {
transition: all 0.4s ease-in-out;
}
.ekit_social_media li a:hover i,
.ekit_social_media li a:hover svg {
color: inherit !important;
}
.elementor-widget-elementskit-icon-box .elementskit-box-header .elementskit-info-box-icon img {
border-radius: inherit;
height: 100%;
} .logged-in.admin-bar header.main-header {
top: 60px;
}
header.main-header {
position: absolute;
top: 30px;
left: 15px;
right: 15px;
z-index: 100;
}
header.main-header .header-sticky {
position: relative;
max-width: 1300px;
top: 0;
background: var(--e-global-color-white);
border-radius: 100px;
margin: 0 auto;
z-index: 100;
padding: 15px 0;
}
header.main-header .header-sticky.hide {
transform: translateY(-100%);
transition: transform 0.3s ease-in-out;
padding: 15px 0;
border-radius: 0;
border-bottom: 0;
}
header.main-header .header-sticky.active {
position: fixed;
top: 0;
left: 0;
right: 0;
border-radius: 0;
border-bottom: 0;
transform: translateY(0);
background: var(--e-global-color-white);
}
.navbar {
padding: 0;
}
.navbar-brand {
padding: 0;
}
.navbar-brand h1,
.navbar-brand h2 {
font-size: 40px !important;
color: var(--e-global-color-primary) !important;
font-weight: 500;
letter-spacing: 0;
}
.navbar-brand span {
display: block;
font-size: 14px;
color: var(--e-global-color-text);
line-height: 1.2em;
}
.navbar-brand:hover {
color: var(--e-global-color-accent);
}
.main-menu {
font-family: var(--e-global-typography-primary-font-family);
justify-content: flex-end;
}
.main-menu ul {
align-items: center;
flex-wrap: wrap;
}
.main-menu ul li {
margin: 0 10px;
position: relative;
}
.main-menu ul li:last-child {
margin-right: 0;
}
.main-menu ul li.menu-item-has-children>a:after {
content: '\f107';
font-family: 'FontAwesome';
font-weight: 900;
font-size: 14px;
margin-left: 8px;
}
.main-menu ul ul li.menu-item-has-children>a {
position: relative;
}
.main-menu ul ul li.menu-item-has-children>a:after {
width: 18px;
height: 18px;
position: absolute;
right: 15px;
top: 6px;
transform: rotate(-90deg);
}
.main-menu ul li a {
font-family: var(--e-global-typography-text-font-family);
font-size: 16px;
font-weight: 600;
line-height: 1.2em;
padding: 12px 10px !important;
color: var(--e-global-color-primary);
}
.main-menu ul li.highlighted-menu a {
display: block;
background: var(--e-global-color-accent);
color: var(--e-global-color-primary);
font-size: 16px;
font-weight: 500;
border: 2px solid var(--e-global-color-accent);
padding: 10px 30px !important;
border-radius: 30px;
position: relative;
overflow: hidden;
z-index: 0;
transition: 0.2s transform ease-in-out;
}
.main-menu ul li.highlighted-menu a:after {
background-color: var(--e-global-color-primary);
border-radius: 30px;
content: '';
display: block;
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
transform: translate(-100%, 0) rotate(10deg);
transform-origin: top left;
transition: 0.2s transform ease-out;
will-change: transform;
z-index: -1;
}
.main-menu ul li.highlighted-menu a:hover::after {
transform: translate(0, 0);
}
.main-menu ul li.highlighted-menu a:hover {
color: var(--e-global-color-accent);
}
.main-menu ul li a:hover,
.main-menu ul li a:focus {
color: var(--e-global-color-accent);
}
.main-menu ul ul {
visibility: hidden;
padding: 5px 0;
margin: 0;
list-style: none;
width: 235px;
border-radius: 4px;
position: absolute;
left: 0;
top: 100%;
background-color: var(--e-global-color-accent);
opacity: 0;
transform: scaleY(0.8);
transform-origin: top;
transition: all 0.3s ease-in-out;
}
.main-menu ul ul ul {
left: 100%;
top: 0;
}
.main-menu ul ul ul ul ul {
display: none !important;
opacity: 0;
visibility: hidden;
}
.main-menu ul ul li {
margin: 0;
padding: 0;
}
.main-menu ul ul li a,
.main-menu ul ul li a:focus {
color: var(--e-global-color-white);
padding: 8px 20px !important;
}
.main-menu ul li:hover>ul {
visibility: visible;
opacity: 1;
transform: scaleY(1);
}
.main-menu ul ul li a:hover {
color: var(--e-global-color-accentsecondary);
}
.responsive-menu,
.navbar-toggle {
display: none;
}
#menu-all-pages-flat>li a {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.slicknav_btn,
.slicknav_nav .slicknav_item {
cursor: pointer;
}
.slicknav_menu,
.slicknav_menu * {
box-sizing: border-box;
}
.slicknav_btn {
position: relative;
display: block;
float: right;
padding: .438em .625em;
line-height: 1.125em;
}
.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar {
margin-top: .188em;
}
.slicknav_menu .slicknav_menutxt {
display: block;
line-height: 1.188em;
float: left;
color: #fff;
font-weight: 700;
text-shadow: 0 1px 3px #000;
}
.slicknav_menu .slicknav_icon {
float: left;
width: 1.125em;
height: .875em;
margin: .188em 0 0 .438em;
}
.slicknav_menu .slicknav_icon:before {
background: 0 0;
width: 1.125em;
height: .875em;
display: block;
content: "";
position: absolute;
}
.slicknav_menu .slicknav_no-text {
margin: 0;
}
.slicknav_menu .slicknav_icon-bar {
display: block;
width: 1.125em;
height: .125em;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .25);
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .25);
box-shadow: 0 1px 0 rgba(0, 0, 0, .25);
}
.slicknav_menu:after,
.slicknav_menu:before {
content: " ";
display: table;
}
.slicknav_menu:after {
clear: both;
}
.slicknav_nav li,
.slicknav_nav ul {
display: block;
}
.slicknav_nav .slicknav_arrow {
font-size: .8em;
margin: 0 0 0 .4em;
}
.slicknav_nav .slicknav_item a {
display: inline;
}
.slicknav_nav .slicknav_row,
.slicknav_nav a {
display: block;
}
.slicknav_nav .slicknav_parent-link a {
display: inline;
}
.slicknav_menu {
font-size: 16px;
background: #4c4c4c;
padding: 5px;
}
.slicknav_nav,
.slicknav_nav ul {
list-style: none;
overflow: hidden;
padding: 0;
}
.slicknav_menu .slicknav_icon-bar {
background-color: #fff;
}
.slicknav_btn {
margin: 5px 5px 6px;
text-decoration: none;
text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #222;
}
.slicknav_nav {
clear: both;
color: #fff;
margin: 0;
font-size: .875em;
}
.slicknav_nav ul {
margin: 0 0 0 10px;
}
.slicknav_nav .slicknav_row,
.slicknav_nav a {
padding: 5px 10px;
}
.slicknav_nav .slicknav_row:hover {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background: #ccc;
color: #fff;
}
.slicknav_nav a {
text-decoration: none;
color: #fff;
}
.slicknav_nav a:hover {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background: #ccc;
color: #222;
}
.slicknav_nav .slicknav_txtnode {
margin-left: 15px;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
padding: 0;
margin: 0;
}
.slicknav_brand {
float: left;
color: #fff;
font-size: 18px;
line-height: 30px;
padding: 7px 12px;
height: 44px;
}
.responsive-menu {
top: 100%;
position: absolute;
left: 0;
right: 0;
}
.slicknav_btn {
background: var(--e-global-color-accent);
padding: 0;
display: flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
margin: 0;
border-radius: 6px;
}
.slicknav_icon .slicknav_icon-bar {
display: block;
width: 100%;
height: 3px;
width: 22px;
background-color: var(--e-global-color-white);
border-radius: 6px;
margin: 4px auto !important;
transition: all 0.1s ease-in-out;
}
.slicknav_icon .slicknav_icon-bar:first-child {
margin-top: 0 !important;
}
.slicknav_icon .slicknav_icon-bar:last-child {
margin-bottom: 0 !important;
}
.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(1) {
transform: rotate(-45deg) translate(-5px, 5px);
}
.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(2) {
opacity: 0;
}
.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(3) {
transform: rotate(45deg) translate(-5px, -5px);
}
.slicknav_menu {
padding: 0;
background: var(--e-global-color-accent);
max-height: 80vh;
overflow: auto;
}
.slicknav_nav {
padding-top: 5px;
padding-bottom: 5px;
}
.slicknav_nav>ul {
margin-left: 0;
}
.slicknav_nav .slicknav_row,
.slicknav_nav li a {
font-size: 16px;
font-weight: 500;
padding: 7px 20px;
color: var(--e-global-color-white);
line-height: normal;
}
.slicknav_nav a:hover,
.slicknav_nav .slicknav_row:hover {
background-color: transparent;
color: var(--e-global-color-primary);
}
.slicknav_arrow {
font-size: 0 !important;
}
.slicknav_arrow:after {
content: '\f105';
font-family: 'FontAwesome';
font-weight: 900;
font-size: 12px;
margin-left: 8px;
margin-top: 2px;
float: right;
color: var(--e-global-color-white);
transition: all 0.3s ease-in-out;
}
.slicknav_nav li.slicknav_open>a .slicknav_arrow:after {
transform: rotate(-90deg);
color: var(--e-global-color-primary);
} .page-header {
position: relative;
background: var(--e-global-color-primary);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding: 295px 5px 180px;
overflow: hidden;
}
.page-header:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 1;
}
.page-header-box {
position: relative;
z-index: 1;
text-align: center;
}
.page-header-box h1 {
font-size: 60px !important;
letter-spacing: 0 !important;
margin-bottom: 15px;
color: var(--e-global-color-white) !important;
word-wrap: break-word;
}
.page-header-box .taxonomy-description {
color: var(--e-global-color-white);
font-size: 18px;
margin-bottom: 20px;
}
.breadcrumb-trail {
line-height: 1.2em;
}
.trail-items,
.page-header-box .post-meta ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
flex-direction: row;
justify-content: center;
text-align: center;
}
.trail-items .breadcrumb_separate {
margin: 0 8px;
}
.trail-items li,
.page-header-box .post-meta ul li {
color: var(--e-global-color-white);
display: inline-block;
}
.trail-items li:before,
.page-header-box .post-meta ul li:before {
content: '/';
margin: 0 8px;
}
.trail-items li:first-child:before,
.page-header-box .post-meta ul li:first-child:before {
display: none;
}
.trail-items li a,
.page-header-box .post-meta ul li a {
color: var(--e-global-color-white);
transition: all 0.3s ease-in-out;
} footer.footer {
background-color: var(--e-global-color-primary);
}
.footer-main {
padding: 60px 0;
}
.footer-logo {
margin-bottom: 30px;
}
.footer-logo h4 {
color: var(--e-global-color-white) !important;
font-size: 36px;
font-weight: 500;
letter-spacing: 0;
}
.footer-social ul {
padding: 0;
margin: 0;
list-style: none;
}
.footer-social ul li {
display: inline-block;
margin-right: 10px;
}
.footer-social ul li a {
display: flex;
align-items: center;
justify-content: center;
background: transparent;
width: 40px;
height: 40px;
border: 1px solid var(--e-global-color-darkdivider);
color: var(--e-global-color-white);
font-size: 18px;
border-radius: 50%;
transition: all 0.3s ease-in-out;
}
.footer-social ul li a:hover {
background: var(--e-global-color-accent);
}
.footer-menu {
text-align: right;
margin-bottom: 20px;
}
.footer-menu ul {
list-style: none;
padding: 0;
margin: 0;
}
.footer-menu ul li {
display: inline-block;
margin-left: 30px;
}
.footer-menu ul li a {
color: var(--e-global-color-white);
transition: all 0.3s ease-in-out;
}
.footer-menu ul li a:hover {
color: var(--e-global-color-accentsecondary);
}
.copyright {
text-align: right;
}
.copyright p {
color: var(--e-global-color-white);
margin: 0;
} .error-page {
padding: 120px 0;
}
.error-page-image {
text-align: center;
margin-bottom: 30px;
}
.error-page-image img {
width: 100%;
max-width: 540px;
}
.error-page .error-page-content {
text-align: center;
}
.error-page-content-body {
line-height: 0;
}
.error-page-content-heading {
margin-bottom: 15px;
}
.error-page-content-heading h2 {
font-size: 48px !important;
} .page-blog-archive {
padding: 80px 0px 30px;
}
.post-item {
position: relative;
height: calc(100% - 30px);
min-height: 500px;
border-radius: 4px;
align-content: end;
padding: 40px;
margin-bottom: 30px;
overflow: hidden;
}
.post-item .post-featured-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.post-item .post-featured-image a,
.post-item .post-featured-image figure {
position: relative;
display: block;
width: 100%;
height: 100%;
border-radius: 4px;
overflow: hidden;
}
.post-item .post-featured-image figure::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(180deg, transparent 50%, rgb(from var(--e-global-color-primary) r g b / 90%) 90%);
height: 100%;
width: 100%;
z-index: 1;
}
.post-item.no-image:has(:not(.post-featured-image)) {
background: var(--e-global-color-primary);
}
.post-item .post-featured-image figure img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 4px;
transition: all 0.6s ease-in-out;
}
.post-item:hover .post-featured-image img {
transform: scale(1.06);
}
.post-item .post-item-body {
position: relative;
z-index: 1;
}
.post-item .post-item-content h2 {
font-size: 20px;
color: var(--e-global-color-white);
line-height: 1.4em;
}
.post-item .post-item-content h2 a {
color: inherit;
word-wrap: break-word;
}
.post-item .post-item-btn {
border-top: 1px solid var(--e-global-color-darkdivider);
padding-top: 25px;
margin-top: 25px;
line-height: 0;
}
.post-item-btn a {
display: inline-block;
align-items: center;
font-size: 16px;
font-weight: 600;
color: var(--e-global-color-white);
line-height: normal;
}
.post-item-btn a svg,
.post-item-btn a i {
width: 12px;
height: auto;
margin-left: 5px;
transition: all 0.4s ease-in-out;
}
.post-item-btn a i {
font-size: 16px;
transform: rotate(-45deg);
}
.post-item-btn a:hover i {
transform: rotate(0deg);
}
.post-item-btn a:hover svg {
transform: rotate(45deg);
}
.pagination .nav-links {
margin-top: 30px;
display: flex;
text-align: center;
justify-content: center;
width: 100%;
}
.pagination .nav-links a,
.pagination .nav-links span {
display: flex;
text-decoration: none;
justify-content: center;
align-items: center;
background: var(--e-global-color-secondary);
color: var(--e-global-color-primary);
border-radius: 5px;
width: 40px;
height: 40px;
margin: 0 5px;
font-weight: 700;
line-height: 1em;
transition: all 0.3s ease-in-out;
}
.pagination .nav-links span.current,
.pagination .nav-links a:hover {
background: var(--e-global-color-accent);
color: var(--e-global-color-white);
}
.page-single-post {
padding: 120px 0;
}
.page-single-post.single-page .post-entry {
margin-bottom: 0;
border-bottom: 0;
padding-bottom: 0;
}
.post-single-meta ul {
padding: 0;
margin: 0;
list-style: none;
line-height: 1.1em;
}
.post-single-meta ul li {
font-size: 18px;
display: inline-block;
margin-right: 15px;
color: var(--e-global-color-white);
line-height: 1.2em;
}
.post-single-meta ul li:last-child {
margin-right: 0;
}
.post-single-meta ul li i {
font-size: 18px;
color: var(--e-global-color-white);
margin-right: 8px;
}
.post-single-meta ul li a {
color: inherit;
}
.post-single-image {
margin-bottom: 30px;
overflow: hidden;
}
.post-single-image figure,
.post-single-image img {
width: 100%;
aspect-ratio: 1 / 0.50;
object-fit: cover;
border-radius: 4px;
}
.post-content {
width: 100%;
max-width: 1100px;
margin: 0 auto;
}
.post-entry {
border-bottom: 1px solid var(--e-global-color-divider);
margin-bottom: 30px;
padding-bottom: 30px;
}
.post-entry:after {
content: '';
display: block;
clear: both;
}
.post-entry p {
margin-bottom: 20px;
}
.post-entry p:last-child {
margin-bottom: 0;
}
.post-entry a {
color: var(--e-global-color-accent);
}
.post-entry h1,
.post-entry h2,
.post-entry h3,
.post-entry h4,
.post-entry h5,
.post-entry h6 {
margin: 1em 0 0.7em;
color: var(--e-global-color-primary);
}
.post-entry h1 {
font-size: 40px !important;
}
.post-entry h2 {
font-size: 36px !important;
}
.post-entry h3 {
font-size: 26px;
}
.post-entry h4 {
font-size: 22px;
}
.post-entry h5 {
font-size: 18px;
}
.post-entry h6 {
font-size: 16px;
}
.post-entry ul {
padding-left: 20px;
margin: 20px 0;
}
.post-entry ul li {
margin-bottom: 15px;
line-height: 1.5em;
font-size: 18px;
font-weight: 500;
color: var(--e-global-color-text);
}
.post-entry ol {
margin: 20px 0;
}
.post-entry ol li {
margin-bottom: 15px;
font-size: 18px;
font-weight: 500;
color: var(--e-global-color-text);
}
.post-entry ul li a {
color: var(--e-global-color-text);
}
.post-entry ul ul,
.post-entry ul ol,
.post-entry ol ol,
.post-entry ol ul {
margin-top: 10px;
margin-bottom: 0;
}
.post-entry ul ul li:last-child,
.post-entry ul ol li:last-child,
.post-entry ol ol li:last-child,
.post-entry ol ul li:last-child {
margin-bottom: 0;
}
.post-entry blockquote {
background: var(--e-global-color-secondary) url(//rollsfloor.com/wp-content/themes/rollsfloor/assets/images/wp-content/themes/tilux/assets/images/icon-blockquote.svg) no-repeat;
background-position: 30px 30px;
background-size: 45px;
border-radius: 4px;
padding: 30px 30px 30px 90px !important;
margin-bottom: 30px !important;
}
.post-entry blockquote p {
font-family: var(--e-global-typography-secondary-font-family);
font-size: 20px !important;
color: var(--e-global-color-primary);
font-weight: 500;
margin-top: 0;
line-height: 1.4em;
margin-bottom: 20px;
}
.post-entry blockquote p:last-child {
margin-bottom: 0;
}
.post-entry blockquote cite {
font-size: 18px;
color: var(--e-global-color-accent);
}
.post-entry table {
border-top: 1px solid var(--e-global-color-primary);
border-left: 1px solid var(--e-global-color-primary);
}
.post-entry table tr td,
.post-entry table tr th {
border-right: 1px solid var(--e-global-color-primary);
border-bottom: 1px solid var(--e-global-color-primary);
padding: 4px 10px;
}
.post-entry .wp-block-latest-posts.wp-block-latest-posts__list {
list-style: inherit;
padding-left: 20px;
}
.post-entry .has-fixed-layout tr td {
border-color: inherit;
}
.tag-links {
font-family: var(--e-global-typography-secondary-font-family);
font-size: 20px;
font-weight: 500;
color: var(--e-global-color-primary);
display: inline-flex;
align-items: center;
flex-wrap: wrap;
gap: 15px;
}
.post-tags .tag-links a {
font-family: var(--e-global-typography-text-font-family);
display: inline-block;
font-size: 16px;
font-weight: 500;
line-height: 1em;
text-transform: capitalize;
background-color: var(--e-global-color-accent);
color: var(--e-global-color-white);
border-radius: 100px;
padding: 12px 20px;
transition: all 0.3s ease-in-out;
}
.post-tags .tag-links a:hover {
background-color: var(--e-global-color-accentsecondary);
color: var(--e-global-color-primry);
}
.post-social-sharing {
text-align: right;
}
.post-social-sharing ul {
list-style: none;
padding: 0;
margin: 0;
}
.post-social-sharing ul li {
display: inline-block;
margin-right: 12px;
}
.post-social-sharing ul li:last-child {
margin-right: 0;
}
.post-social-sharing ul li a {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
background-color: var(--e-global-color-accent);
color: var(--e-global-color-white);
border-radius: 50%;
width: 40px;
height: 40px;
transition: all 0.3s ease-in-out;
}
.post-social-sharing ul li a:hover {
background-color: var(--e-global-color-accentsecondary);
color: var(--e-global-color-primary);
}
.post-social-sharing ul li a i {
font-size: 18px;
}
.post-entry hr,
.comment-content hr {
border-top: 1px solid var(--e-global-color-divider);
opacity: 1;
}
.post-entry table caption {
text-align: center;
}
.post-entry .wp-block-rss {
list-style: inherit;
}
.post-entry .wp-block-social-links {
padding: 0;
}
.post-entry .wp-block-calendar {
margin-bottom: 20px;
}
@media only screen and (max-width: 1024px) {
.navbar-brand span {
display: none;
}
.logged-in.admin-bar header.main-header {
top: 0;
}
header.main-header {
top: 0;
left: 0;
right: 0;
}
header.main-header .header-sticky {
width: 100%;
border-radius: 0;
}
.main-menu ul li {
margin: 0;
}
.post-item {
min-height: 420px;
padding: 30px 20px;
}
}
@media only screen and (max-width: 991px) {
#magic-cursor {
display: none !important;
}
.navbar-brand h1,
.navbar-brand h2 {
font-size: 30px !important;
}
.responsive-menu,
.navbar-toggle {
display: block;
}
header.main-header .header-sticky.active .slicknav_menu {
border-radius: 0;
}
.page-header {
padding: 190px 5px 100px;
}
.page-header-box h1 {
font-size: 44px !important;
margin-bottom: 10px;
}
.page-header-box .taxonomy-description {
font-size: 18px;
margin-bottom: 10px;
}
.page-blog-archive {
padding: 80px 0px 30px;
}
.post-item .post-item-btn {
padding-top: 20px;
margin-top: 20px;
}
.pagination .nav-links {
margin-top: 10px;
}
.page-single-post {
padding: 60px 0;
}
.post-single-image {
margin-bottom: 20px;
}
.post-entry p {
margin-bottom: 15px;
}
.post-entry blockquote {
background-position: 20px 20px;
background-size: 40px;
padding: 20px 20px 20px 70px !important;
margin-bottom: 20px !important;
}
.post-entry blockquote p {
font-size: 18px !important;
}
.post-entry ul li,
.post-entry ol li {
font-size: 16px;
}
.post-entry ul li {
margin-bottom: 10px;
}
.post-tags {
margin-bottom: 20px;
}
.post-tags .tag-links a {
padding: 12px 15px;
}
.post-social-sharing {
text-align: left;
}
.footer-main {
padding: 40px 0;
}
.footer-logo {
text-align: center;
margin-bottom: 20px;
}
.footer-social {
text-align: center;
margin-bottom: 20px;
}
.footer-social ul li {
margin: 0 5px;
}
.footer-menu {
text-align: center;
}
.footer-menu ul li {
margin: 0 10px;
}
.copyright {
text-align: center;
}
.error-page {
padding: 60px 0;
}
.error-page-image {
margin-bottom: 20px;
}
.error-page-content-heading h2 {
font-size: 38px !important;
}
}
@media only screen and (max-width: 767px) {
.post-single-meta ul li {
font-size: 16px;
margin-right: 14px;
}
.page-header-box h1 {
font-size: 28px !important;
}
.post-item {
min-height: 370px;
padding: 20px;
}
.post-item .post-item-content h2 {
font-size: 18px;
}
.post-single-image figure,
.post-single-image img {
aspect-ratio: 1 / 0.70;
}
.post-item .post-item-btn {
padding-top: 15px;
margin-top: 15px;
}
.post-entry h1 {
font-size: 28px !important;
}
.post-entry h2 {
font-size: 24px !important;
}
.post-entry h3 {
font-size: 20px;
}
.post-entry h4 {
font-size: 18px;
}
.post-entry h5 {
font-size: 16px;
}
.post-entry h6 {
font-size: 14px;
}
.post-entry blockquote {
padding: 65px 20px 20px 20px !important;
}
.post-entry blockquote p {
font-size: 16px !important;
}
.tag-links {
gap: 10px;
}
.error-page-content-heading h2 {
font-size: 26px !important;
}
} .alignnone {
margin: 5px 0 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0 !important;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
max-width: 96%;
padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: var(--e-global-color-divider);
clip: auto !important;
clip-path: none;
color: var(--e-global-color-primary);
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
.gallery-caption,
.bypostauthor {
position: inherit;
}
.has-medium-font-size,
.has-large-font-size,
.has-x-large-font-size {
line-height: 1.4em;
}
.wp-block-navigation__responsive-container-content ul ul li {
padding-left: 0;
margin-bottom: 0;
}
.wp-block-navigation__responsive-container-content ul ul li:before {
display: none;
}
ul.wp-block-post-template {
list-style: none !important;
padding: 0;
}
ul.wp-block-post-template li {
padding-left: 0;
}
.wp-block-post-template li:before {
display: none;
}
.wp-block-post-template .wp-block-post-excerpt__excerpt {
color: var(--e-global-color-text);
font-weight: 400;
}
.wp-block-post-featured-image,
.wp-block-post-author,
.wp-block-avatar,
.wp-block-post-date,
.wp-block-post-navigation-link,
.wp-block-search,
.wp-block-buttons,
.wp-block-image,
.wp-block-audio,
.wp-block-cover,
.wp-block-media-text,
.wp-block-table,
.wp-block-button,
.wp-block-embed {
margin-bottom: 20px;
}
.wp-block-gallery {
margin-bottom: 20px !important;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
border: none;
background: var(--e-global-color-secondary);
border-radius: 4px;
}
.wp-block-search .wp-block-search__input {
background: var(--e-global-color-secondary);
border: none;
outline: 0;
box-shadow: none;
border-radius: 4px;
padding: 10px 20px;
}
.wp-block-search .wp-block-search__button {
border-radius: 4px;
background: var(--e-global-color-accent);
color: var(--e-global-color-white) !important;
border: none;
outline: 0;
box-shadow: none;
transition: all 0.4s ease-in-out;
}
.wp-block-search .wp-block-search__button:hover {
background: var(--e-global-color-primary) !important;
}
.wp-block-social-links li {
padding-left: 0 !important;
}
.wp-block-social-links li:before {
display: none;
}
.wp-block-tag-cloud a {
font-family: var(--e-global-typography-text-font-family);
font-size: 16px !important;
font-weight: 500 !important;
line-height: 1em;
border: 0 !important;
background-color: var(--e-global-color-accent);
color: var(--e-global-color-white) !important;
text-transform: capitalize;
padding: 12px 20px;
margin-bottom: 10px;
border-radius: 100px;
transition: all 0.3s ease-in-out;
}
.wp-block-tag-cloud a:hover {
background: var(--e-global-color-accentsecondary);
color: var(--e-global-color-primary) !important;
}
.wp-block-latest-comments {
padding-left: 0;
}
.wp-block-latest-comments a {
color: var(--e-global-color-primary);
}
.wp-block-button__link {
width: auto;
}
.wp-block-button .wp-element-button,
.wp-block-button.is-style-outline .wp-element-button,
.wp-element-button,
.wp-block-button .wp-block-button__link,
.wp-block-file .wp-block-file__button {
font-family: var(--e-global-typography-accent-font-family);
font-size: 16px;
background: var(--e-global-color-accent);
border: 0;
color: var(--e-global-color-white) !important;
font-weight: 600;
line-height: 1em;
padding: 18px 25px;
opacity: 1;
transition: all 0.3s ease-in-out;
border-radius: 100px;
}
.wp-block-button:where(.is-style-outline)>.wp-block-button__link:not(.has-background) {
color: var(--e-global-color-white) !important;
}
.wp-block-button.is-style-outline .wp-element-button {
background: var(--e-global-color-primary);
color: var(--e-global-color-white) !important;
}
.wp-block-button .wp-element-button:hover,
.wp-block-button.is-style-outline .wp-element-button:hover,
.wp-element-button:hover,
.wp-block-button .wp-block-button__link:hover,
.wp-block-file .wp-block-file__button:hover {
background: var(--e-global-color-primary) !important;
}
.wp-block-file a {
font-size: 16px;
}
.wp-block-column p:last-child {
margin-bottom: 0;
}
.wp-block-cover {
color: var(--e-global-color-white);
}
.wp-block-image figcaption {
text-align: center;
}
.wp-block-gallery ul li {
padding-left: 0;
}
.wp-block-gallery ul li:before {
display: none !important;
}
.wp-block-quote.is-style-large {
padding-top: 30px;
padding-bottom: 30px;
}
.wp-block-categories-dropdown,
.wp-block-archives-dropdown {
margin-bottom: 20px;
}
.wp-block-categories-dropdown select,
.wp-block-archives-dropdown select {
border-radius: 4px;
background: var(--e-global-color-secondary);
border: none;
padding: 10px 20px;
}
.wp-caption .wp-caption-text {
margin-top: 6px;
}
.gallery.gallery-columns-2,
.gallery.gallery-columns-3,
.gallery.gallery-columns-4,
.gallery.gallery-columns-5,
.gallery.gallery-columns-6,
.gallery.gallery-columns-7,
.gallery.gallery-columns-8,
.gallery.gallery-columns-9 {
display: flex;
flex-wrap: wrap;
}
div:not(.elementor-image-gallery) .gallery .gallery-item {
margin-right: 30px;
margin-bottom: 30px;
}
div:not(.elementor-image-gallery) .gallery .gallery-item img {
width: 100%;
height: auto;
}
div:not(.elementor-image-gallery) .gallery.gallery-columns-1 .gallery-item {
width: 100%;
}
div:not(.elementor-image-gallery) .gallery.gallery-columns-2 .gallery-item {
width: calc(50% - 15px);
}
.elementor-image-gallery .gallery.gallery-columns-2 figure.gallery-item {
width: 50%;
}
div:not(.elementor-image-gallery) .gallery.gallery-columns-2 .gallery-item:nth-of-type(2n + 2) {
margin-right: 0;
}
div:not(.elementor-image-gallery) .gallery.gallery-columns-3 .gallery-item {
width: calc(33.33% - 20px);
}
.elementor-image-gallery .gallery.gallery-columns-3 figure.gallery-item {
width: 33.33%;
}
div:not(.elementor-image-gallery) .gallery.gallery-columns-3 .gallery-item:nth-of-type(3n + 3) {
margin-right: 0;
}
div:not(.elementor-image-gallery) .gallery.gallery-columns-4 .gallery-item {
width: calc(25% - 22.5px);
}
.elementor-image-gallery .gallery.gallery-columns-4 figure.gallery-item {
width: 25%;
}
div:not(.elementor-image-gallery) .gallery.gallery-columns-4 .gallery-item:nth-of-type(4n + 4) {
margin-right: 0;
}
div:not(.elementor-image-gallery) .gallery.gallery-columns-5 .gallery-item {
width: calc(20% - 24px);
}
.elementor-image-gallery .gallery.gallery-columns-5 figure.gallery-item {
width: 20%;
}
div:not(.elementor-image-gallery) .gallery.gallery-columns-5 .gallery-item:nth-of-type(5n + 5) {
margin-right: 0;
}
div:not(.elementor-image-gallery) .gallery.gallery-columns-6 .gallery-item {
width: calc(16.66% - 25px);
}
.elementor-image-gallery .gallery.gallery-columns-6 figure.gallery-item {
width: 16.66%;
}
div:not(.elementor-image-gallery) .gallery.gallery-columns-6 .gallery-item:nth-of-type(6n + 6) {
margin-right: 0;
}
div:not(.elementor-image-gallery) .gallery.gallery-columns-7 .gallery-item {
width: calc(14.28% - 25.7px);
}
.elementor-image-gallery .gallery.gallery-columns-7 figure.gallery-item {
width: 14.28%;
}
div:not(.elementor-image-gallery) .gallery.gallery-columns-7 .gallery-item:nth-of-type(7n + 7) {
margin-right: 0;
}
div:not(.elementor-image-gallery) .gallery.gallery-columns-8 .gallery-item {
width: calc(12.5% - 26.25px);
}
.elementor-image-gallery .gallery.gallery-columns-8 figure.gallery-item {
width: 12.5%;
}
div:not(.elementor-image-gallery) .gallery.gallery-columns-8 .gallery-item:nth-of-type(8n + 8) {
margin-right: 0;
}
div:not(.elementor-image-gallery) .gallery.gallery-columns-9 .gallery-item {
width: calc(11.11% - 26.66px);
}
.elementor-image-gallery .gallery.gallery-columns-9 figure.gallery-item {
width: 11.11%;
}
div:not(.elementor-image-gallery) .gallery.gallery-columns-9 .gallery-item:nth-of-type(9n + 9) {
margin-right: 0;
}
.elementor-image-gallery .gallery.gallery-columns-10 figure.gallery-item {
width: 10%;
}
.post-password-form input[type="password"] {
background: var(--e-global-color-secondary);
border: 0;
outline: 0;
box-shadow: none;
border-radius: 4px;
padding: 10px 20px;
}
.post-password-form input[type="submit"] {
font-family: var(--e-global-typography-accent-font-family);
font-size: 16px;
font-weight: 600;
line-height: 1em;
background: var(--e-global-color-accent);
color: var(--e-global-color-white);
border: 0;
border-radius: 4px;
padding: 16px 25px;
margin-left: 10px;
transition: all 0.4s ease-in-out;
}
.post-password-form input[type="submit"]:hover {
background: var(--e-global-color-primary);
}
aside.widget {
background: var(--e-global-color-secondary);
padding: 30px;
border-radius: 4px;
margin-bottom: 30px;
}
aside.widget a {
color: var(--e-global-color-accent);
font-family: inherit;
font-size: inherit;
font-weight: inherit;
}
aside.widget .wp-block-latest-comments a,
aside.widget.widget_tag_cloud a {
color: var(--e-global-color-primary);
}
aside.widget .tagcloud a {
display: inline-block;
font-family: var(--e-global-typography-text-font-family);
font-size: 16px !important;
font-weight: 500 !important;
line-height: 1em;
background-color: var(--e-global-color-accent);
color: var(--e-global-color-white);
border: 0 !important;
padding: 12px 20px;
border-radius: 100px;
text-transform: capitalize;
margin-bottom: 10px;
transition: all 0.3s ease-in-out;
}
aside.widget .tagcloud a:hover {
background: var(--e-global-color-accentsecondary);
color: var(--e-global-color-primary);
}
aside.widget .wp-block-heading,
aside.widget .widget-title {
font-family: var(--e-global-typography-secondary-font-family);
font-size: 20px;
color: var(--e-global-color-primary);
margin-bottom: 20px;
word-break: break-word;
}
aside.widget ul {
padding-left: 20px !important;
margin: 0;
list-style: inherit !important;
}
aside.widget ul li {
margin-bottom: 10px;
font-weight: 500;
color: var(--e-global-color-primary);
}
aside.widget ul li a {
color: var(--e-global-color-primary);
}
aside.widget ul ul {
margin-top: 10px;
margin-bottom: 0;
margin-left: -10px;
}
aside.widget ul li:last-child {
margin-bottom: 0;
}
aside.widget ul.wp-block-social-links {
padding-left: 0 !important;
}
aside.widget .wp-block-search .wp-block-search__input {
background-color: transparent;
border: 1px solid var(--e-global-color-divider);
}
aside.widget .wp-block-search {
margin-bottom: 0;
}
aside.widget .wp-block-search .wp-block-search__button {
padding-left: 15px;
padding-right: 15px;
}
aside.widget .wp-block-categories-dropdown,
aside.widget .wp-block-archives-dropdown {
margin-bottom: 0;
}
aside.widget select,
aside.widget .wp-block-categories-dropdown select,
aside.widget .wp-block-archives-dropdown select {
background: transparent;
border: 1px solid var(--e-global-color-divider);
padding: 10px 20px;
border-radius: 4px;
width: 100%;
outline: 0;
box-shadow: none;
}
aside.widget.widget_recent_entries ul li {
padding-left: 0;
}
aside.widget.widget_recent_entries ul li:before {
display: none;
}
aside.widget.widget_recent_entries .wp-block-latest-posts__post-excerpt,
aside.widget .wp-block-rss__item-excerpt,
aside.widget .rssSummary {
font-weight: 400;
color: var(--e-global-color-text);
}
aside.widget .wp-block-social-links li {
margin-bottom: 0;
}
aside.widget .wp-block-social-links {
padding: 0 !important;
}
aside.widget table {
width: 100%;
background: var(--e-global-color-white);
border-top: 1px solid var(--e-global-color-primary);
border-left: 1px solid var(--e-global-color-primary);
}
aside.widget table tr td,
aside.widget table tr th {
border-right: 1px solid var(--e-global-color-primary);
border-bottom: 1px solid var(--e-global-color-primary);
padding: 4px;
text-align: center;
}
aside.widget table caption {
text-align: center;
}
aside.widget_search .search-form {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
aside.widget_search .search-form label {
width: calc(100% - 100px);
}
aside.widget_search .search-form input {
width: 100%;
padding: 10px;
border: 1px solid var(--e-global-color-divider);
outline: 0;
box-shadow: none;
border-radius: 4px;
}
aside.widget .search-submit {
font-family: var(--e-global-typography-accent-font-family);
font-size: 16px;
line-height: 1em;
max-width: 86px;
background: var(--e-global-color-accent);
color: var(--e-global-color-white);
border: none;
outline: 0;
box-shadow: none;
border: 0 !important;
font-weight: 600;
padding: 17px 15px !important;
border-radius: 4px;
transition: all 0.3s ease-in-out;
}
aside.widget .search-submit:hover {
background: var(--e-global-color-primary);
}
aside.widget .has-login-form label {
margin-bottom: 5px;
}
aside.widget .has-login-form input[type="text"],
aside.widget .has-login-form input[type="password"] {
background: transparent;
border: 1px solid var(--e-global-color-divider);
outline: 0;
box-shadow: none;
border-radius: 4px;
padding: 10px 20px;
width: 100%;
}
aside.widget .has-login-form input[type="checkbox"] {
width: auto;
}
aside.widget .has-login-form input[type="submit"] {
font-family: var(--e-global-typography-accent-font-family);
font-size: 16px;
font-weight: 600;
line-height: 1em;
border-radius: 4px;
background: var(--e-global-color-accent);
color: var(--e-global-color-white) !important;
border: none;
outline: 0;
box-shadow: none;
transition: all 0.3s ease-in-out;
padding: 18px 25px;
}
aside.widget .has-login-form input[type="submit"]:hover {
background-color: var(--e-global-color-primary);
}
aside.widget .calendar_wrap {
text-align: center;
}
aside.widget .wp-block-social-links {
padding: 0 !important;
}
@media only screen and (max-width: 991px) {
div:not(.elementor-image-gallery) .gallery.gallery-columns-3 .gallery-item,
div:not(.elementor-image-gallery) .gallery.gallery-columns-4 .gallery-item,
div:not(.elementor-image-gallery) .gallery.gallery-columns-5 .gallery-item,
div:not(.elementor-image-gallery) .gallery.gallery-columns-6 .gallery-item,
div:not(.elementor-image-gallery) .gallery.gallery-columns-7 .gallery-item,
div:not(.elementor-image-gallery) .gallery.gallery-columns-8 .gallery-item,
div:not(.elementor-image-gallery) .gallery.gallery-columns-9 .gallery-item {
width: calc(50% - 15px);
}
div:not(.elementor-image-gallery) .gallery.gallery-columns-3 .gallery-item:nth-of-type(3n + 3),
div:not(.elementor-image-gallery) .gallery.gallery-columns-4 .gallery-item:nth-of-type(4n + 4),
div:not(.elementor-image-gallery) .gallery.gallery-columns-5 .gallery-item:nth-of-type(5n + 5),
div:not(.elementor-image-gallery) .gallery.gallery-columns-6 .gallery-item:nth-of-type(6n + 6),
div:not(.elementor-image-gallery) .gallery.gallery-columns-7 .gallery-item:nth-of-type(7n + 7),
div:not(.elementor-image-gallery) .gallery.gallery-columns-8 .gallery-item:nth-of-type(8n + 8),
div:not(.elementor-image-gallery) .gallery.gallery-columns-9 .gallery-item:nth-of-type(9n + 9) {
margin-right: 30px;
}
div.elementor-image-gallery .gallery.gallery-columns-2 .gallery-item:nth-of-type(2n + 2),
div.elementor-image-gallery .gallery.gallery-columns-3 .gallery-item:nth-of-type(3n + 3),
div.elementor-image-gallery .gallery.gallery-columns-4 .gallery-item:nth-of-type(4n + 4),
div.elementor-image-gallery .gallery.gallery-columns-5 .gallery-item:nth-of-type(5n + 5),
div.elementor-image-gallery .gallery.gallery-columns-6 .gallery-item:nth-of-type(6n + 6),
div.elementor-image-gallery .gallery.gallery-columns-7 .gallery-item:nth-of-type(7n + 7),
div.elementor-image-gallery .gallery.gallery-columns-8 .gallery-item:nth-of-type(8n + 8),
div.elementor-image-gallery .gallery.gallery-columns-9 .gallery-item:nth-of-type(9n + 9),
div.elementor-image-gallery .gallery.gallery-columns-10 .gallery-item:nth-of-type(10n + 10),
div:not(.elementor-image-gallery) .gallery.gallery-columns-3 .gallery-item:nth-of-type(2n + 2),
div:not(.elementor-image-gallery) .gallery.gallery-columns-4 .gallery-item:nth-of-type(2n + 2),
div:not(.elementor-image-gallery) .gallery.gallery-columns-5 .gallery-item:nth-of-type(2n + 2),
div:not(.elementor-image-gallery) .gallery.gallery-columns-6 .gallery-item:nth-of-type(2n + 2),
div:not(.elementor-image-gallery) .gallery.gallery-columns-7 .gallery-item:nth-of-type(2n + 2),
div:not(.elementor-image-gallery) .gallery.gallery-columns-8 .gallery-item:nth-of-type(2n + 2),
div:not(.elementor-image-gallery) .gallery.gallery-columns-9 .gallery-item:nth-of-type(2n + 2) {
margin-right: 0;
}
.sidebar-widget {
margin-top: 30px;
}
aside.widget {
padding: 20px;
}
aside.widget .wp-block-heading,
aside.widget .widget-title {
font-size: 18px;
}
.wp-block-search .wp-block-search__button,
.wp-block-button .wp-element-button,
.wp-block-button.is-style-outline .wp-element-button,
.wp-element-button,
.wp-block-button .wp-block-button__link,
.wp-block-file .wp-block-file__button,
.post-password-form input[type="submit"],
aside.widget .has-login-form input[type="submit"] {
padding: 15px;
}
.wp-block-tag-cloud a,
aside.widget .tagcloud a {
padding: 12px 15px;
}
aside.widget .search-submit {
padding: 15px !important;
}
}
@media only screen and (max-width: 767px) {
div:not(.elementor-image-gallery) .gallery.gallery-columns-2 .gallery-item,
div:not(.elementor-image-gallery) .gallery.gallery-columns-3 .gallery-item,
div:not(.elementor-image-gallery) .gallery.gallery-columns-4 .gallery-item,
div:not(.elementor-image-gallery) .gallery.gallery-columns-5 .gallery-item,
div:not(.elementor-image-gallery) .gallery.gallery-columns-6 .gallery-item,
div:not(.elementor-image-gallery) .gallery.gallery-columns-7 .gallery-item,
div:not(.elementor-image-gallery) .gallery.gallery-columns-8 .gallery-item,
div:not(.elementor-image-gallery) .gallery.gallery-columns-9 .gallery-item {
width: 100%;
}
div:not(.elementor-image-gallery) .gallery .gallery-item,
div:not(.elementor-image-gallery) .gallery.gallery-columns-2 .gallery-item:nth-of-type(2n + 2),
div:not(.elementor-image-gallery) .gallery.gallery-columns-3 .gallery-item:nth-of-type(3n + 3),
div:not(.elementor-image-gallery) .gallery.gallery-columns-4 .gallery-item:nth-of-type(4n + 4),
div:not(.elementor-image-gallery) .gallery.gallery-columns-5 .gallery-item:nth-of-type(5n + 5),
div:not(.elementor-image-gallery) .gallery.gallery-columns-6 .gallery-item:nth-of-type(6n + 6),
div:not(.elementor-image-gallery) .gallery.gallery-columns-7 .gallery-item:nth-of-type(7n + 7),
div:not(.elementor-image-gallery) .gallery.gallery-columns-8 .gallery-item:nth-of-type(8n + 8),
div:not(.elementor-image-gallery) .gallery.gallery-columns-9 .gallery-item:nth-of-type(9n + 9) {
margin-right: 0;
}
.elementor-image-gallery .gallery.gallery-columns-1 figure.gallery-item,
.elementor-image-gallery .gallery.gallery-columns-2 figure.gallery-item,
.elementor-image-gallery .gallery.gallery-columns-3 figure.gallery-item,
.elementor-image-gallery .gallery.gallery-columns-4 figure.gallery-item,
.elementor-image-gallery .gallery.gallery-columns-5 figure.gallery-item,
.elementor-image-gallery .gallery.gallery-columns-6 figure.gallery-item,
.elementor-image-gallery .gallery.gallery-columns-7 figure.gallery-item,
.elementor-image-gallery .gallery.gallery-columns-8 figure.gallery-item,
.elementor-image-gallery .gallery.gallery-columns-9 figure.gallery-item,
.elementor-image-gallery .gallery.gallery-columns-10 figure.gallery-item {
width: 100%;
}
.has-medium-font-size {
font-size: 20px !important;
}
.has-large-font-size {
font-size: 26px !important;
}
.has-x-large-font-size {
font-size: 30px !important;
}
.wp-block-navigation__responsive-container {
padding: 20px !important;
}
.wp-block-media-text .wp-block-media-text__content {
padding-left: 0;
padding-right: 0;
padding-top: 10px;
}
.post-password-form {
text-align: center;
}
.post-password-form input[type="password"] {
width: 100%;
margin: 10px 0;
}
} .page-single-post .comment-box {
max-width: 1100px;
margin: 80px auto 0;
}
.page-single-post .comment-box a,
.wp-block-post-comments-form a {
color: var(--e-global-color-accent);
}
.comment-box .comment-respond:not(:first-child) {
margin-top: 60px;
}
.page-single-post .comment-box .comment-reply-title,
.page-single-post .comment-box .title-comments,
.wp-block-post-comments-form .comment-reply-title,
.wp-block-post-comments-form .title-comments {
color: var(--e-global-color-primary);
font-size: 30px;
margin-bottom: 10px;
}
.page-single-post .comment-box .comment-reply-title,
.wp-block-post-comments-form .comment-reply-title {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.page-single-post .comment-box .comment-reply-title #cancel-comment-reply-link,
.wp-block-post-comments-form .comment-reply-title #cancel-comment-reply-link {
font-family: var(--e-global-typography-text-font-family);
font-size: 14px;
font-weight: 400;
background: var(--e-global-color-accent);
color: var(--e-global-color-white);
border-radius: 100px;
text-transform: capitalize;
padding: 4px 10px;
transition: all 0.3s ease-in-out;
}
.page-single-post .comment-box .comment-reply-title #cancel-comment-reply-link:hover,
.wp-block-post-comments-form .comment-reply-title #cancel-comment-reply-link:hover {
background: var(--e-global-color-primary);
}
.page-single-post .comment-box .title-comments {
margin-bottom: 30px;
}
.comment-form {
display: flex;
flex-wrap: wrap;
}
.comment-form p:last-child {
margin-bottom: 0;
}
.comment-form .comment-notes,
.comment-form .comment-form-comment,
.comment-form .comment-form-cookies-consent,
.comment-form .form-submit {
width: 100%;
}
.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-author,
.comment-form .comment-form-email {
width: calc(33.33% - 20px);
margin-right: 30px;
}
.comment-form .comment-form-url {
width: calc(33.33% - 20px);
}
.comment-form label {
display: block;
margin-bottom: 4px;
}
.comment-form textarea,
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
width: 100%;
padding: 12px 20px;
border: none;
box-shadow: none;
background: var(--e-global-color-secondary);
border-radius: 4px;
outline: 0;
}
.comment-form .comment-form-cookies-consent {
position: relative;
padding-left: 20px;
}
.comment-form .comment-form-cookies-consent label {
display: inline-block;
}
.comment-form .comment-form-cookies-consent input[type="checkbox"] {
margin-top: 0 !important;
margin-right: 4px;
top: 6px;
left: 0;
position: absolute;
}
.comment-form .form-submit .submit {
font-family: var(--e-global-typography-accent-font-family);
display: inline-block;
background: var(--e-global-color-accent);
color: var(--e-global-color-white);
font-size: 16px;
font-weight: 600;
line-height: 1em;
border: 0;
padding: 18px 25px;
border-radius: 100px;
position: relative;
overflow: hidden;
z-index: 0;
transition: 0.3s ease-in-out;
}
.comment-form .form-submit .submit:hover {
background: var(--e-global-color-primary);
}
.comment-list {
list-style: none;
padding: 0;
margin: 0;
}
.comment-list li {
list-style: none;
}
.comment-list .comment .comment-body {
margin-top: 30px;
padding-top: 30px;
border-top: 1px solid var(--e-global-color-divider);
}
.comment-list .comment:last-child {
margin-bottom: 0;
}
.comment-list .comment .comment-meta {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
}
.comment-list .comment .comment-meta .comment-author img {
max-width: 42px;
aspect-ratio: 1/1;
background: var(--e-global-color-secondary);
border-radius: 50%;
margin-right: 10px;
}
.comment-list .comment .comment-meta .comment-author b {
font-weight: 400;
}
.comment-list .comment .comment-meta .comment-author a {
color: var(--e-global-color-primary);
}
.comment-list .comment .comment-meta .comment-metadata a {
color: var(--e-global-color-text);
transition: all 0.4s ease-in-out;
}
.comment-list .comment .comment-meta .comment-metadata a:hover {
color: var(--e-global-color-accent);
}
.comment-list .comment .comment-meta .comment-metadata .comment-edit-link {
color: var(--e-global-color-accent);
margin-left: 10px;
}
.comment-list .comment .comment-content p:last-child {
margin-bottom: 0;
}
.comment-list .comment .reply a {
font-family: var(--e-global-typography-accent-font-family);
margin-top: 10px;
display: inline-block;
background: var(--e-global-color-accent);
padding: 2px 10px;
border-radius: 100px;
font-size: 14px;
color: var(--e-global-color-white) !important;
transition: all 0.4s ease-in-out;
}
.comment-list .comment .reply a:hover {
background: var(--e-global-color-primary);
}
.comment-content h1,
.comment-content h2,
.comment-content h3,
.comment-content h4,
.comment-content h5,
.comment-content h6 {
color: var(--e-global-color-primary);
margin: 0.8em 0;
}
.comment-content table {
width: 100%;
border-top: 1px solid var(--e-global-color-primary);
border-left: 1px solid var(--e-global-color-primary);
}
.comment-content table tr td,
.comment-content table tr th {
border-right: 1px solid var(--e-global-color-primary);
border-bottom: 1px solid var(--e-global-color-primary);
padding: 4px 10px;
}
.comment-content table tr th {
color: var(--e-global-color-primary);
font-size: 18px;
}
.comment-content ul {
padding-left: 20px;
margin: 0 0 1.7em;
}
.comment-body li {
list-style: initial;
}
.comment-content ul li {
font-weight: 500;
margin-bottom: 15px;
color: var(--e-global-color-primary);
}
.comment-content ul ul {
margin-top: 10px;
margin-bottom: 0;
}
.comment-content ol ol {
margin-top: 10px;
}
.comment-content ol li {
list-style: decimal;
margin-bottom: 10px;
}
@media only screen and (max-width: 991px) {
.page-single-post .comment-box {
margin-top: 40px;
}
.comment-box .comment-respond:not(:first-child) {
margin-top: 40px;
}
.page-single-post .comment-box .comment-reply-title,
.page-single-post .comment-box .title-comments,
.wp-block-post-comments-form .comment-reply-title,
.wp-block-post-comments-form .title-comments {
font-size: 24px;
}
.page-single-post .comment-box .comment-reply-title small {
width: 100%;
margin-top: 6px;
}
.comment-list .children {
padding-left: 20px;
}
.comment-form .form-submit .submit {
padding: 15px;
}
}
@media only screen and (max-width: 767px) {
.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url {
width: 100%;
margin-right: 0;
}
.comment-list .comment .comment-meta .comment-author,
.comment-list .comment .comment-meta .comment-metadata {
width: 100%;
}
.comment-list .comment .comment-meta .comment-metadata {
margin-top: 10px;
}
} body.admin-bar .main-header.ekit-sticky--effects {
top: 32px !important;
}
.main-header .e-con-inner {
transition: all 0.4s ease-in-out !important;
}
.main-header.ekit-sticky--effects .e-con-inner {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.main-header.ekit-sticky--effects .main-header-inner {
padding-left: 0;
padding-right: 0;
}
.main-header .ekit-menu-nav-link>i {
padding-right: 0;
}
.main-header.ekit-sticky--effects:before {
transform: scale(1);
}
.elementskit-navbar-nav>li.current-menu-item>a.active .elementskit-submenu-indicator {
color: var(--e-global-color-accent) !important;
}
.elementskit-dropdown i.elementskit-submenu-indicator {
transform: rotate(-90deg);
}
.elementskit-navbar-nav>.current-menu-ancestor a.ekit-menu-dropdown-toggle .elementskit-submenu-indicator,
.elementskit-navbar-nav>.menu-item-has-children:hover>a .elementskit-submenu-indicator {
fill: var(--e-global-color-accent) !important;
}
.header-menu .elementskit-navbar-nav>.current-menu-ancestor a.ekit-menu-dropdown-toggle .elementskit-submenu-indicator,
.header-menu .elementskit-navbar-nav>.menu-item-has-children:hover>a .elementskit-submenu-indicator {
fill: var(--e-global-color-accentsecondary) !important;
}
.elementskit-submenu-panel .dropdown-item .elementskit-submenu-indicator {
fill: var(--e-global-color-white);
transform: rotate(-90deg);
}
.elementskit-submenu-panel li:hover .elementskit-submenu-indicator,
.elementskit-submenu-panel li.active .elementskit-submenu-indicator {
fill: var(--e-global-color-accentsecondary);
}
.mobile-menu {
display: none;
}
.header-version-2 .mobile-menu,
.header-version-3 .mobile-menu,
.header-version-4 .mobile-menu {
display: block;
}
@media only screen and (max-width: 1024px) {
body.admin-bar .main-header.ekit-sticky--effects {
top: 46px !important;
}
.elementskit-dropdown i.elementskit-submenu-indicator {
transform: rotate(0deg);
padding: 0 !important;
}
.elementskit-navbar-nav-default .elementskit-dropdown-has>a svg.elementskit-submenu-indicator {
max-width: 12px;
max-height: 12px;
}
.elementskit-navbar-nav>.current-menu-ancestor a.ekit-menu-dropdown-toggle .elementskit-submenu-indicator,
.elementskit-navbar-nav>.menu-item-has-children:hover>a .elementskit-submenu-indicator {
fill: var(--e-global-color-accentsecondary) !important;
}
.elementskit-navbar-nav-default .elementskit-dropdown-has>a .elementskit-submenu-indicator {
padding: 0;
}
.elementskit-submenu-panel .dropdown-item .elementskit-submenu-indicator {
transform: rotate(0deg);
}
.elementskit-navbar-nav-default .elementskit-navbar-nav {
margin-top: 10px;
margin-bottom: 10px;
}
.elementskit-navbar-nav-default.elementskit-menu-offcanvas-elements {
transition: left 0.3s ease-in-out !important;
}
.elementskit-menu-overlay {
display: none !important;
}
.elementskit-menu-close .elementskit-menu-hamburger-icon,
.elementskit-menu-hamburger .elementskit-menu-hamburger-icon {
height: 2px;
margin-bottom: 5px;
}
.elementskit-menu-toggler svg path {
fill: var(--e-global-color-white);
}
.elementskit-menu-toggler:hover svg path {
fill: var(--e-global-color-white);
}
.elementskit-navbar-nav-default .elementskit-nav-identity-panel {
border-bottom: 1px solid var(--e-global-color-darkdivider);
}
.ekit_menu_responsive_tablet .elementskit-submenu-indicator {
border: none !important;
}
.elementskit-navbar-nav .elementskit-submenu-panel {
background: none !important;
margin-left: 20px;
}
.main-header-menu .elementskit-menu-hamburger .icon:before {
font-weight: 900;
}
.main-header-menu .elementskit-navbar-nav>li.current-menu-item>a .elementskit-submenu-indicator,
.main-header-menu .elementskit-navbar-nav>li>a .elementskit-submenu-indicator {
color: currentcolor !important;
fill: currentcolor !important;
}
.mobile-menu {
display: block;
}
.main-header-menu .elementskit-menu-hamburger {
line-height: 0;
}
}
@media only screen and (max-width: 767px) {
body.admin-bar .main-header.ekit-sticky--effects {
top: 0px !important;
}
} .footer-links ul li:last-child a {
padding-bottom: 0 !important;
}
.footer-links ul li a,
.footer-links-royal.footer-links ul li a {
display: inline-block;
}
.footer-links ul li {
position: relative;
}
.footer-links ul li:before {
content: '';
position: absolute;
left: 0;
top: 10px;
background: white;
border-radius: 50%;
width: 6px;
height: 6px;
}
p.footer-contents {
font-weight: 600;
}
.elementor-18 .elementor-element.elementor-element-4561dde .ekit-vertical-navbar-nav>li>a,
.elementor-18 .elementor-element.elementor-element-a9c56d8 .ekit-vertical-navbar-nav>li>a {
font-weight: 600;
}
.elementor-18 .elementor-element.elementor-element-4561dde .ekit-vertical-navbar-nav>li:hover>a {
color: #ca0a0f;
}
.elementor-18 .elementor-element.elementor-element-4561dde .ekit-vertical-navbar-nav>li>a:hover {
color: white;
}
.elementor-18 .elementor-element.elementor-element-a9c56d8 .ekit-vertical-navbar-nav>li:hover>a {
color: white;
}
.elementor-18 .elementor-element.elementor-element-a9c56d8 .ekit-vertical-navbar-nav>li>a:hover {
color: #ca0a0f;
}
.ekit_social_media li a:hover {
background-color: #ca0a0f !important;
background: #ca0a0f !important;
border-color: #ca0a0f !important;
}
.elementor-element.elementor-element-b6385f3.e-con-full.e-flex.e-con.e-child {
margin-top: 0px;
}
.elementor-18 .elementor-element.elementor-element-d1a3a67 .ekit_social_media>li>a {
border: 1px solid #ffffff;
}
.footer-form form.invalid {
border-bottom: 1px solid #E65757 !important;
}
.footer-form form.sent {
border-bottom: 1px solid #46B450 !important;
}
.footer-form .form-group {
display: flex;
flex-wrap: wrap;
overflow: hidden;
}
.footer-form .email-field {
width: calc(100% - 34px);
}
.footer-form .newsletter-btn input[type="submit"] {
background: url(//rollsfloor.com/wp-content/themes/rollsfloor/assets/images/wp-content/themes/tilux/assets/images/arrow-white-footer.svg) no-repeat center center;
background-size: 16px auto;
transition: all 0.4s ease-in-out;
}
.footer-form .wpcf7-not-valid-tip,
.footer-form .wpcf7-response-output {
display: none;
}
.footer-privacy-policy ul {
display: flex;
flex-wrap: wrap;
justify-content: end;
}
.footer-privacy-policy ul li:first-child:before {
display: none;
}
.footer-privacy-policy ul li:first-child a {
background-image: none !important;
padding-left: 0 !important;
}
.footer-privacy-policy ul li:last-child a {
padding-right: 0 !important;
}
.footer-privacy-policy.footer-links ul li:before {
background: var(--e-global-color-accentsecondary);
}
.footer-links-gold .elementskit-info-box-title {
font-family: var(--e-global-typography-text-font-family);
}
@media only screen and (max-width: 991px) {
.footer-links ul li a {
padding-bottom: 15px !important;
}
.footer-privacy-policy.footer-links ul li a {
padding-bottom: 0 !important;
}
}
@media only screen and (max-width: 767px) {
.footer-privacy-policy ul {
justify-content: center;
}
.footer-links ul li a {
padding-bottom: 10px !important;
}
} .footer-links-gold ul li:last-child a {
padding-bottom: 0 !important;
}
.footer-cta-box-gold {
backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px);
}
@media only screen and (max-width: 1024px) {
.footer-links-gold ul li a {
padding-bottom: 10px !important;
}
} .footer-form-silver {
backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px);
overflow: hidden;
}
.footer-form-silver .newsletter-btn input[type="submit"] {
background: url(//rollsfloor.com/wp-content/themes/rollsfloor/assets/images/wp-content/themes/tilux/assets/images/fome-arrow-bg.svg) no-repeat center right 5px;
background-size: 40px auto;
}
.footer-form-silver .wpcf7-response-output,
.footer-form-silver .wpcf7-not-valid-tip {
display: none;
}
.footer-form-silver .form-group {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.footer-form-silver .email-field {
width: calc(100% - 160px);
}
.footer-form-silver .newsletter-btn {
width: 160px;
}
.footer-form-silver .wpcf7-form-control {
width: 100%;
}
.footer-form-silver form.invalid .form-control {
border: 1px solid #E65757 !important;
}
.footer-form-silver form.sent .form-control {
border: 1px solid #46B450 !important;
}
@media only screen and (max-width: 991px) {
.footer-form-silver .newsletter-btn input[type="submit"] {
background-size: 36px auto;
}
}
@media only screen and (max-width: 767px) {
.footer-form-silver .newsletter-btn input[type="submit"] {
background: url(//rollsfloor.com/wp-content/themes/rollsfloor/assets/images/wp-content/themes/tilux/assets/images/fome-arrow-bg.svg) no-repeat center center;
background-size: 36px auto;
}
.footer-form-silver .newsletter-btn input[type="submit"] {
font-size: 0 !important;
}
.footer-form-silver .email-field {
width: calc(100% - 36px);
}
.footer-form-silver .newsletter-btn {
width: 36px;
}
} .column-2 .elementor-icon-list-items,
.column-3 .elementor-icon-list-items {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.column-2 .elementor-icon-list-items {
gap: 10px 40px;
}
.column-2 .elementor-icon-list-items .elementor-icon-list-item {
width: calc(50% - 20px);
}
.column-3 .elementor-icon-list-items .elementor-icon-list-item {
width: calc(33.33% - 13.33px);
}
.column-2 ul li .elementor-icon-list-icon+.elementor-icon-list-text,
.column-3 ul li .elementor-icon-list-icon+.elementor-icon-list-text {
align-self: start;
}
.sticky-column {
position: sticky;
top: 40px;
}
.image-height {
height: 100%;
}
@media only screen and (max-width: 991px) {
.column-3 .elementor-icon-list-items {
gap: 20px 10px;
}
.column-3 .elementor-icon-list-items .elementor-icon-list-item {
width: calc(50% - 20px);
}
}
@media only screen and (max-width: 767px) {
.column-3 .elementor-icon-list-items {
gap: 0;
}
.column-2 .elementor-icon-list-items .elementor-icon-list-item,
.column-3 .elementor-icon-list-items .elementor-icon-list-item {
width: 100%;
}
.image-height {
height: auto;
}
}    .highlighted-section-title {
backdrop-filter: blur(50px);
-webkit-backdrop-filter: blur(50px);
overflow: hidden;
border-radius: 40px;
}
.highlighted-section-title.section-title .elementor-heading-title {
padding-left: 16px;
}
.section-title {
line-height: 0;
}
.section-title .elementor-heading-title {
padding-left: 15px;
display: inline-block;
position: relative;
font-family: var(--e-global-typography-text-font-family) !important;
}
.section-title .elementor-heading-title::before {
content: '';
position: absolute;
top: 50%;
left: 0;
bottom: 0;
transform: translateY(-50%);
background-color: #ca0a0f;
border-radius: 50%;
mask-image: url(//rollsfloor.com/wp-content/themes/rollsfloor/assets/images/wp-content/themes/tilux/assets/images/icon-sub-heading.svg);
mask-repeat: no-repeat;
width: 5px;
height: 5px;
}
.tilux-hide-small-icon .section-title .elementor-heading-title::before {
display: none;
}
.tilux-hide-small-icon .section-title .elementor-heading-title {
padding-left: 0 !important;
}
@media only screen and (max-width: 991px) {
.highlighted-section-title.section-title .elementor-heading-title {
padding-left: 15px;
}
.section-title .elementor-heading-title {
padding-left: 13px;
}
} .backdrop-filter {
backdrop-filter: blur(50px);
-webkit-backdrop-filter: blur(50px);
} .elementor-18 .footer-links .elementskit-dropdown,
.elementor-18 .footer-links .elementskit-submenu-panel {
display: none !important;
}
.elementor-18 .elementor-element.elementor-element-c461586 {
align-items: flex-start;
}
.elementor-18 .elementor-element.elementor-element-33ff5fe,
.elementor-18 .elementor-element.elementor-element-de7d227,
.elementor-18 .elementor-element.elementor-element-3ebd72c {
align-self: flex-start;
}
.footer-contact-list {
display: flex;
flex-direction: column;
gap: 18px;
}
.footer-contact-item {
display: flex;
align-items: flex-start;
gap: 14px;
}
.footer-contact-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border: 1px solid rgba(255, 255, 255, 0.18);
border-radius: 50%;
color: #ffffffe8;
font-size: 14px;
flex: 0 0 38px;
}
.footer-contact-copy p {
margin: 0 0 6px;
color: var(--e-global-color-white);
font-size: 15px;
}
.footer-contact-copy p:last-child {
margin-bottom: 0;
}
.footer-contact-copy a {
color: var(--e-global-color-white);
word-break: break-word;
}
.footer-contact-copy a:hover {
color: white;
}
.hero {
height: 100vh;
}
.hero .elementor-background-video-container:before {
background: linear-gradient(180deg, var(--e-global-color-primary) 0%, transparent 45%, var(--e-global-color-primary) 85.39%);
}
.hero .elementor-invisible,
.hero .at-heading-animation,
.hero .at-animation-heading-none,
.hero .at-animation-heading-style-3,
.hero .at-image-animation,
.hero .at-animation-image-style-1,
.about-us-image-box-1,
.about-us-image-box-1 .elementor-widget-image,
.about-us-image-box-1 img {
opacity: 1 !important;
transform: none !important;
transition: none !important;
animation: none !important;
-webkit-animation: none !important;
-webkit-animation-delay: 0s !important;
animation-delay: 0s !important;
transition-delay: 0s !important;
will-change: auto !important;
}
.about-us-image-box-1 img {
aspect-ratio: 1 / 1.44;
object-fit: cover;
}
.about-us-image-box-2 img {
aspect-ratio: 1 / 0.745;
object-fit: cover;
}
.about-us-body-image img {
aspect-ratio: 1 / 1.1006;
}
.collection-item-content .elementskit-infobox .elementskit-info-box-title {
border-bottom: 1px solid var(--e-global-color-darkdivider);
}
.collection-item .collection-item-btn {
position: relative;
visibility: hidden;
opacity: 0;
transform: scale(0);
margin-left: auto;
z-index: 1;
transition: all 0.4s ease-in-out;
}
.collection-item:hover .collection-item-btn {
visibility: visible;
opacity: 1;
transform: scale(1);
}
.collection-item .collection-item-btn:hover {
transform: rotate(45deg);
}
.why-choose-us-image img {
aspect-ratio: 1 / 1.1447;
}
.satisfy-client-content p {
font-family: var(--e-global-typography-secondary-font-family);
}
.company-supports-logo img {
width: 100%;
max-width: 175px;
height: 40px;
}
.product-box .elementskit-infobox .btn-wraper {
border-top: 1px solid var(--e-global-color-darkdivider);
padding-top: 30px;
line-height: 1.1em;
}
.product-box .elementskit-infobox .btn-wraper a svg {
width: 18px;
height: auto;
transition: all 0.4s ease-in-out;
}
.product-box .elementskit-infobox .btn-wraper a:hover svg {
transform: rotate(45deg);
}
.product-qualities-counter-box .elementor-counter .elementor-counter-title {
text-align: center;
}
.product-qualities-image-1 img {
aspect-ratio: 1 / 1.2;
object-fit: cover;
}
.product-qualities-image-2 img {
aspect-ratio: 1 / 1.45;
object-fit: cover;
}
.fullwidth-interactive-links .ekit-interactive-links-image-container .ekit-interactive-links-image:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(180deg, transparent 41%, rgb(from var(--e-global-color-primary) r g b / 90%) 82.3%);
z-index: 1;
}
.fullwidth-interactive-links .ekit-interactive-links-image-container .ekit-interactive-links-image img {
height: 100%;
transform: scale(1);
transition: all 0.7s ease;
}
.fullwidth-interactive-links .ekit-interactive-links-image-container .ekit-interactive-links-image.ekit-interactive-active img {
transform: scale(1.05);
}
.fullwidth-interactive-links .ekit-interactive-links-list {
flex-wrap: wrap;
width: 100%;
flex-direction: row;
height: 100%;
}
.fullwidth-interactive-links .ekit-interactive-links-list .ekit-interactive-links-list-link {
position: relative;
overflow: hidden;
justify-content: flex-end;
padding: 400px 48px 48px;
width: 25%;
}
.fullwidth-interactive-links .ekit-interactive-links-list .ekit-interactive-links-list-link:last-child {
border: none !important;
}
.fullwidth-interactive-links .ekit-interactive-links-list .ekit-interactive-links-list-link .ekit-interactive-links-list-link-title:before {
display: none;
}
.core-features-image img {
aspect-ratio: 1 / 1.17;
}
.features-accordion .elementskit-accordion .elementskit-card:last-child .elementskit-card-body {
padding-bottom: 0 !important;
}
.features-accordion .elementskit-card .elementskit-btn-link {
font-family: var(--e-global-typography-secondary-font-family);
}
.features-accordion .elementskit-card:last-child .elementskit-btn-link[aria-expanded="false"] {
padding-bottom: 0 !important;
}
.features-accordion .elementskit-card .elementskit-btn-link[aria-expanded="true"] {
padding-bottom: 15px !important;
}
.features-accordion .elementskit-accordion .elementskit-card .number {
margin-right: 5px;
}
.our-core-features:before {
left: auto;
right: -8.854vw;
bottom: -6.771vw;
top: auto;
width: 23.438vw;
height: 26.042vw;
transform: rotate(7deg);
}
.cta-box-counter-item .elementskit-funfact-inner .number-percentage-wraper,
.cta-box-contact-content .elementskit-infobox .box-body p {
font-family: var(--e-global-typography-secondary-font-family);
}
.cta-box-counter-item::before {
content: '';
position: absolute;
top: 0;
right: -40px;
width: 1px;
height: 100%;
background: var(--e-global-color-darkdivider);
transform: rotate(10deg);
}
.cta-box-counter-item:last-child::before {
display: none;
}
.cta-box-counter-item .elementskit-funfact-inner .funfact-icon,
.partners-item-header .elementskit-funfact-inner .funfact-icon {
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--e-global-color-accent);
border-radius: 50%;
transition: all 0.4s ease-in-out;
}
.cta-box-counter-item:hover .elementskit-funfact-inner .funfact-icon {
background-color: var(--e-global-color-accentsecondary);
}
.cta-box-counter-item .elementskit-funfact-inner .funfact-content {
text-align: left;
}
.partners-item-header {
overflow: hidden;
}
.partners-item-header .elementskit-funfact-inner .number-percentage-wraper {
font-family: var(--e-global-typography-primary-font-family);
margin-bottom: -20px;
}
.testimonial-slider .elementskit-single-testimonial-slider {
backdrop-filter: blur(50px);
-webkit-backdrop-filter: blur(50px);
}
.testimonial-slider .elementskit-single-testimonial-slider .elementskit-watermark-icon {
width: 50px;
height: 50px;
background-color: var(--e-global-color-accent);
border: 1px solid var(--e-global-color-white);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.testimonial-slider .elementskit-single-testimonial-slider .elementskit-client_logo img {
width: 100%;
max-width: 50px;
border-radius: 50%;
}
.testimonial-slider .elementskit-single-testimonial-slider .elementskit-commentor-content p {
font-family: var(--e-global-typography-secondary-font-family);
}
.testimonial-slider .elementskit-single-testimonial-slider .elementskit-border-hr {
width: 100%;
}
.testimonial-slider .elementskit-single-testimonial-slider.ekit_testimonial_style_2 {
border-bottom: 0;
}
.our-blog .elementskit-post-image-card {
position: relative;
overflow: hidden;
min-height: 500px;
align-content: end;
}
.our-blog .ekit-wid-con .elementskit-post-image-card .elementskit-entry-thumb:after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(180deg, transparent 50%, rgb(from var(--e-global-color-primary) r g b / 90%) 90%);
height: 100%;
width: 100%;
z-index: 2;
}
.our-blog .elementskit-entry-header {
position: absolute !important;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.our-blog .elementskit-post-image-card:has(:not(.elementskit-entry-header .elementskit-entry-thumb)) {
background: var(--e-global-color-primary);
}
.our-blog .elementskit-post-image-card .elementskit-entry-thumb,
.our-blog .elementskit-post-image-card .elementskit-entry-thumb img {
height: 100%;
object-fit: cover;
transition: all 0.6s ease-in-out !important;
}
.our-blog .ekit-wid-con .elementskit-post-image-card:hover .elementskit-entry-thumb img {
transform: scale(1.06);
opacity: 1 !important;
}
.our-blog .entry-title {
padding-bottom: 25px;
border-bottom: 1px solid var(--e-global-color-darkdivider);
}
.our-blog .btn-wraper {
line-height: 1.2em;
}
.our-blog .btn-wraper a svg {
width: 18px;
height: auto;
margin-left: 10px;
transition: all 0.4s ease-in-out;
}
.our-blog .btn-wraper a:hover svg {
transform: rotate(45deg);
stroke: none;
}
@media only screen and (max-width: 1024px) {
.hero {
height: auto;
}
.hero .elementor-background-video-container:before {
background: var(--e-global-color-primary);
}
.about-us-image-box-1 img {
aspect-ratio: 1 / 1.2;
}
.why-choose-us-image img {
aspect-ratio: 1 / 0.8;
}
.product-box .elementskit-infobox .btn-wraper {
padding-top: 20px;
}
.fullwidth-interactive-links .ekit-interactive-links-list .ekit-interactive-links-list-link {
padding: 270px 20px 20px;
width: 50%;
}
.fullwidth-interactive-links .ekit-interactive-links-image-container .ekit-interactive-links-image:before {
background: var(--e-global-color-primary);
opacity: 60%;
}
.core-features-image img {
aspect-ratio: 1 / 0.8;
}
.features-accordion .elementskit-card .elementskit-btn-link[aria-expanded="true"] {
padding-bottom: 10px !important;
}
.cta-box-counter-item::before {
right: -15px;
}
.partners-item-header .elementskit-funfact-inner .number-percentage-wraper {
margin-bottom: -15px;
}
.testimonial-slider .elementskit-single-testimonial-slider .elementskit-commentor-content {
margin-bottom: 0;
}
.our-blog .elementskit-post-image-card {
min-height: 420px;
}
.our-blog .entry-title {
padding-bottom: 20px;
}
}
@media only screen and (max-width: 991px) {
.company-supports-logo img {
max-width: 145px;
height: 34px;
}
}
@media only screen and (max-width: 767px) {
.about-us-image-box-1 img {
aspect-ratio: 1 / 1.44;
}
.about-us-body-image img {
aspect-ratio: 1 / 1.321;
}
.company-supports-content .elementor-divider-separator:before,
.company-supports-content .elementor-divider-separator:after {
display: none;
}
.fullwidth-interactive-links .ekit-interactive-links-list .ekit-interactive-links-list-link {
padding: 40px 20px 20px;
width: 100%;
}
.why-choose-us-image img {
aspect-ratio: 1 / 1.1447;
}
.core-features-image img {
aspect-ratio: 1 / 1.17;
}
.our-core-features::before {
right: -45px;
bottom: -40px;
width: 150px;
height: 150px;
}
.cta-box-counter-item::before {
display: none;
}
.our-blog .elementskit-post-image-card {
min-height: 370px;
}
.our-blog .entry-title {
padding-bottom: 15px;
}
} .hero-gold:before {
background: linear-gradient(0deg, transparent 82.42%, rgb(from var(--e-global-color-primary) r g b / 80%) 100%), linear-gradient(270deg, transparent 42.26%, rgb(from var(--e-global-color-primary) r g b / 80%) 78.56%);
}
.about-us-image-1-gold img {
aspect-ratio: 1 / 1.072;
object-fit: cover;
}
.about-us-image-2-gold img {
aspect-ratio: 1 / 2.07;
}
.about-us-image-box-2-gold .learn-more-circle-gold {
transform: translateX(-50%);
}
.contect-circle-gold {
animation: infiniterotate 20s infinite linear;
}
.contect-circle-gold:hover {
animation-play-state: paused;
}
@keyframes infiniterotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.about-us-items-list-gold .elementskit-infobox p {
font-family: var(--e-global-typography-secondary-font-family);
}
.about-us-body-list-gold::before {
content: '';
position: absolute;
top: 0;
right: -3.646vw;
background: var(--e-global-color-divider);
transform: rotate(10deg);
width: 1px;
height: 100%;
}
.collection-item-gold .elementskit-box-header .elementskit-info-box-icon img {
width: 100%;
object-fit: cover;
}
.collection-item-gold .elementskit-infobox .box-body .box-footer {
border-top: 1px solid var(--e-global-color-divider);
transition: all 0.3s ease-in-out;
}
.collection-item-gold:hover .elementskit-infobox .box-body .box-footer {
border-color: var(--e-global-color-darkdivider);
}
.collection-item-gold .elementskit-infobox .box-body .box-footer a svg {
width: 20px;
height: auto;
transition: all 0.4s ease-in-out;
}
.collection-item-gold .elementskit-infobox .box-body .box-footer a:hover svg {
transform: rotate(45deg);
}
.section-footer-counter .elementor-counter .elementor-counter-number-wrapper {
font-family: var(--e-global-typography-text-font-family);
}
.what-we-image-gold img {
object-fit: cover;
aspect-ratio: 1 / 1.546;
}
.what-we-image-box-2-gold:before {
top: 50%;
right: 30px;
left: auto;
transform: translateY(-50%) rotate(12deg);
border-radius: 4px;
width: 60px;
height: 280px;
}
.what-we-do-image-box-gold .learn-more-circle-gold {
transform: translate(-50%, -50%);
}
.what-we-counter-item-gold .elementor-counter-title {
text-align: center;
font-family: var(--e-global-typography-text-font-family);
}
.what-we-counter-item-gold.cta-box-counter-item::before {
right: -30px;
background: var(--e-global-color-divider);
}
.video-play-button-gold .video-content a {
backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px);
}
.video-play-button-gold .video-content a .ekit-video-popup-title {
font-family: var(--e-global-typography-secondary-font-family);
}
.intro-video-title-box-gold .elementor-heading-title {
background: linear-gradient(180deg, rgb(from var(--e-global-color-white) r g b / 30%) 0%, transparent 100%);
background-clip: text;
-webkit-background-clip: text;
}
.product-box-image-gold img {
aspect-ratio: 1 / 0.915;
object-fit: cover;
}
.product-box-body-gold .elementskit-infobox .box-body {
display: flex;
align-items: center;
justify-content: space-between;
}
.product-box-body-gold .btn-wraper a {
transition: 0.4s ease-in-out;
}
.product-box-body-gold .btn-wraper a:hover {
transform: rotate(45deg);
}
.surfaces-item-gold {
backdrop-filter: blur(30px);
}
.surfaces-img-slider-gold img {
aspect-ratio: 1 / 0.957;
object-fit: cover;
}
.surfaces-item-slider-gold .swiper-pagination {
right: 10px !important;
max-width: 220px;
top: auto !important;
margin-top: 0 !important;
background-color: var(--e-global-color-divider);
border-radius: 4px;
backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px);
padding: 10px;
z-index: 1;
}
.surfaces-item-slider-gold .elementor-counter .elementor-counter-number-wrapper {
background: var(--e-global-color-accent);
background-clip: text;
-webkit-background-clip: text;
border-bottom: 1px solid var(--e-global-color-divider);
transition: all 0.3s ease-in-out;
}
.surfaces-item-slider-gold-box {
height: auto !important;
}
.surfaces-item-slider-gold,
.surfaces-item-slider-gold>*,
.surfaces-item-slider-gold .elementskit-advanced-slider,
.surfaces-item-slider-gold .swiper,
.surfaces-item-slider-gold .swiper-wrapper,
.surfaces-item-slider-gold .swiper-slide,
.surfaces-item-slider-gold .swiper-slide>.widgetarea_warper,
.surfaces-item-slider-gold .swiper-slide>.widgetarea_warper>.ekit-widget-area-container,
.surfaces-item-slider-gold .swiper-slide>.widgetarea_warper>.ekit-widget-area-container>.elementor,
.surfaces-item-slider-gold .swiper-slide>.widgetarea_warper>.ekit-widget-area-container>.elementor>.elementor-element,
.surfaces-item-slider-gold .swiper-slide>.widgetarea_warper>.ekit-widget-area-container>.elementor>.elementor-element>.e-con-inner,
.surfaces-item-slider-gold .swiper-slide>.widgetarea_warper>.ekit-widget-area-container>.elementor>.elementor-element>.e-con-inner>.elementor-widget-image,
.surfaces-item-slider-gold .swiper-slide>.widgetarea_warper>.ekit-widget-area-container>.elementor>.elementor-element>.e-con-inner>.elementor-widget-image>img {
height: 100% !important;
}
.features-image-gold img {
aspect-ratio: 1 / 0.893;
object-fit: cover;
}
.footer-form-gold {
backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px);
overflow: hidden;
}
.footer-form-gold .newsletter-btn input[type="submit"] {
background: url(//rollsfloor.com/wp-content/themes/rollsfloor/assets/images/wp-content/themes/tilux/assets/images/fome-arrow-bg.svg) no-repeat center right 5px;
background-size: 40px auto;
}
.footer-form-gold .wpcf7-response-output,
.footer-form-gold .wpcf7-not-valid-tip {
display: none;
}
.footer-form-gold .form-group {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.footer-form-gold .email-field {
width: calc(100% - 160px);
}
.footer-form-gold .wpcf7-form-control {
width: 100%;
}
.cta-box-content-gold {
position: relative !important;
}
.cta-box-content-gold:before {
top: 0;
width: 120px;
height: 120px;
animation: infiniterotate 20s infinite linear alternate;
z-index: 0;
}
.cta-box-image-gold {
animation: infiniterotate 20s infinite linear alternate;
}
.network-image-gold img {
aspect-ratio: 1 / 0.695;
}
.network-item-content-gold .elementor-counter-title {
font-family: var(--e-global-typography-text-font-family);
}
.our-testimonials-gold::before {
right: -8.854vw;
bottom: -6.771vw;
left: auto;
top: auto;
width: 23.438vw;
height: 26.042vw;
transform: rotate(7deg);
z-index: 0;
}
.testimonial-slider-gold .elementskit-client_logo img {
border-radius: 4px;
width: 60px;
}
.testimonial-slider-gold .ekit-wid-con .ekit_testimonial_style_2 {
border-bottom: none;
}
@media only screen and (max-width: 1024px) {
.surfaces-img-slider-gold img {
height: auto;
aspect-ratio: 1 / 0.67;
}
.cta-box-content-gold::before {
width: 95px;
height: 95px;
left: 0;
}
.cta-box-image-gold {
opacity: 30%;
}
}
@media only screen and (max-width: 991px) {
.hero-gold:before {
background: var(--e-global-color-primary);
}
.footer-form-gold .email-field {
width: calc(100% - 140px);
}
.footer-form-gold .newsletter-btn input[type="submit"] {
background-size: 36px auto;
}
.testimonial-slider-gold .elementskit-client_logo img {
width: 50px;
}
.testimonial-slider-gold .ekit-wid-con .elementskit-commentor-content {
margin-bottom: 0 !important;
}
}
@media only screen and (max-width: 767px) {
.about-us-items-list-gold .elementskit-infobox {
display: block;
}
.about-us-client-box-gold .elementskit-infobox {
display: flex;
}
.about-us-body-list-gold::before {
display: none;
}
.what-we-image-box-2-gold::before {
right: 20px;
height: 200px;
}
.what-we-counter-item-gold.cta-box-counter-item::before {
right: -10px;
display: block;
}
.surfaces-img-slider-gold img {
aspect-ratio: 1 / 0.8;
}
.surfaces-item-slider-gold .swiper-pagination {
width: 55% !important;
}
.features-item-gold .elementskit-infobox {
flex-wrap: wrap;
justify-content: center;
}
.features-item-gold .elementskit-info-box-title {
text-align: center;
}
.cta-box-content-gold::before {
width: 70px;
height: 70px;
}
.footer-form-gold .newsletter-btn input[type="submit"] {
background: url(//rollsfloor.com/wp-content/themes/rollsfloor/assets/images/wp-content/themes/tilux/assets/images/fome-arrow-bg.svg) no-repeat center center;
background-size: 36px auto;
}
.footer-form-gold .newsletter-btn input[type="submit"] {
font-size: 0 !important;
}
.footer-form-gold .email-field {
width: calc(100% - 40px);
}
} .hero-list-silver ul {
display: flex;
flex-wrap: wrap;
gap: 10px 30px;
}
.hero-counter-item-silver {
position: relative;
min-width: 21% !important;
}
.hero-counter-item-silver:before {
content: '';
position: absolute;
top: 0;
right: -2.778vw;
bottom: 0;
transform: rotate(6deg);
background: var(--e-global-color-darkdivider);
width: 1px;
height: 100%;
}
.hero-counter-item-silver:last-child:before {
display: none;
}
.hero-counter-item-silver .elementor-counter-title {
font-family: var(--e-global-typography-text-font-family);
}
.hero-image-silver img {
aspect-ratio: 1 / 0.894;
object-fit: cover;
}
.about-us-image-box-1-silver img {
aspect-ratio: 1 / 1.4959;
object-fit: cover;
}
.about-us-image-box-2-silver img {
aspect-ratio: 1 / 1.4053;
object-fit: cover;
}
.about-us-list-silver ul {
display: flex;
flex-wrap: wrap;
gap: 15px 20px;
}
.about-us-list-silver ul li {
width: calc(50% - 10px);
}
.product-box-image-silver {
overflow: hidden;
}
.product-box-image-silver:before {
content: ' ';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, transparent 50%, rgba(13, 13, 13, 0.80) 100%);
z-index: 1;
}
.product-box-image-silver img {
transition: all 0.6s ease-in-out;
}
.product-box-silver:hover .product-box-image-silver img {
transform: scale(1.06);
}
.why-choose-image-box-1-silver img {
aspect-ratio: 1 / 1.4;
}
.why-choose-image-box-2-silver img {
aspect-ratio: 1 / 1.302;
object-fit: cover;
}
.skills-progress-bars-silver .content-group .skill-bar-content {
margin: 0 0 15px 44px !important;
text-align: right;
}
.skills-progress-bars-silver .content-group .skill-bar-content .skill-title {
font-family: var(--e-global-typography-text-font-family);
}
.skills-progress-bars-silver .single-skill-bar .number-percentage-wraper {
right: auto;
left: 0;
}
.feature-image-box-1-silver img {
aspect-ratio: 1 / 2.2782;
}
.feature-image-box-2-silver img {
aspect-ratio: 1 / 1.4713;
}
.feature-cta-counter-box-silver .elementor-counter-title {
font-family: var(--e-global-typography-text-font-family);
}
.surface-item-image-silver img {
aspect-ratio: 1 / 1;
object-fit: cover
}
.surface-item-icon-silver {
height: var(--container-widget-width);
align-content: center;
transform: translate(-50%, -50%) scale(0.3);
opacity: 0;
transition: all 0.5s ease-in-out !important;
}
.surface-item-silver .elementor-widget-container {
display: flex;
align-items: center;
justify-content: center;
}
.surface-item-silver:hover .surface-item-icon-silver {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
.global-presence-image-silver img {
aspect-ratio: 1 / 0.47;
object-fit: cover;
}
.global-presence-box-silver::before,
.global-presence-box-silver::after {
content: "";
position: absolute;
top: auto;
bottom: 0;
left: -4px;
width: 4px;
height: 4px;
background-color: var(--e-global-color-background);
border-radius: 0;
mask: url(//rollsfloor.com/wp-content/themes/rollsfloor/assets/images/wp-content/themes/tilux/assets/images/image-corner-bg-shape.svg);
-webkit-mask: url(//rollsfloor.com/wp-content/themes/rollsfloor/assets/images/wp-content/themes/tilux/assets/images/image-corner-bg-shape.svg);
mask-repeat: no-repeat;
mask-size: cover;
}
.global-presence-box-silver::after {
right: -4px;
left: auto;
transform: rotate(-270deg);
}
.network-counter-item-silver .elementskit-funfact-inner {
align-items: start !important;
}
.network-counter-item-silver .number-percentage-wraper {
font-family: var(--e-global-typography-primary-font-family);
}
.product-slider-item-image-silver img {
aspect-ratio: 1 / 1.026;
object-fit: cover;
transition: all 0.6s ease-in-out;
}
.product-slider-item-silver:hover .product-slider-item-image-silver img {
transform: scale(1.06);
}
.product-slider-item .swiper-nav-button:hover svg path {
fill: var(--e-global-color-white);
}
.product-slider-item .swiper-nav-button.swiper-button-next,
.product-slider-item .swiper-nav-button.swiper-button-prev {
transition: all 0.3s ease-in-out;
}
.testimonial-slider-silver .elementskit-single-testimonial-slider {
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
}
.testimonial-slider-silver .elementskit-single-testimonial-slider .elementskit-commentor-bio {
border-top: 1px solid var(--e-global-color-darkdivider);
padding-top: 30px;
}
@media only screen and (max-width: 1024px) {
.hero-counter-item-silver {
min-width: 28% !important;
}
.why-choose-image-box-1-silver img {
aspect-ratio: 1 / 1.2;
}
.feature-image-box-1-silver img {
aspect-ratio: 1 / 1.91;
}
.feature-image-box-2-silver img {
aspect-ratio: 1 / 1.2;
}
.network-counter-item-silver .elementskit-funfact-inner {
display: block !important;
text-align: center;
}
.global-presence-box-silver::after {
right: 0
}
.global-presence-box-silver::before {
left: 0
}
.testimonial-slider-silver .elementskit-single-testimonial-slider .elementskit-commentor-bio {
padding-top: 20px;
}
.testimonial-slider-silver .elementskit-single-testimonial-slider .elementskit-commentor-content {
margin-bottom: 0;
}
}
@media only screen and (max-width: 767px) {
.hero-counter-item-silver:before {
right: -10px;
}
.hero-counter-item-silver .elementor-counter-number-wrapper {
--counter-prefix-grow: 1 !important;
}
.hero-counter-item-silver .elementor-counter-title {
text-align: center;
}
.about-us-list-silver ul {
gap: 0;
}
.about-us-list-silver ul li {
width: 100%;
}
.product-box-image-silver.image-height {
height: 100%;
}
.why-choose-item-silver .elementskit-infobox {
display: block;
text-align: center !important;
}
.feature-image-box-1-silver.image-height,
.feature-image-box-2-silver.image-height {
height: 100%;
}
.company-supports-content .elementor-divider-separator {
justify-content: center;
}
} .our-values-image img {
object-fit: cover;
aspect-ratio: 1 / 0.565;
}
.work-process-item-image img {
aspect-ratio: 1 / 1;
object-fit: cover;
}
.work-process-item-image.elementor-widget-image {
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
}
.work-process-item-body .ekit-badge {
backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px);
}
.team-item-image img {
aspect-ratio: 1 / 1.179;
object-fit: cover;
transition: all 0.6s ease-in-out;
}
.team-item:hover .team-item-image img {
transform: scale(1.06);
}
.team-social-list {
height: 0;
opacity: 0;
visibility: hidden;
transition: all 0.5s ease-in-out;
}
.team-item:hover .team-social-list {
height: 60px;
opacity: 1;
visibility: visible;
margin-bottom: 20px;
}
.faq-image img {
aspect-ratio: 1 / 1.279;
}
@media only screen and (max-width: 991px) {
.our-values-image img {
height: auto;
}
.faq-image img {
height: auto;
aspect-ratio: 1 / 1.1;
}
}
@media only screen and (max-width: 767px) {
.our-value-item .elementskit-infobox {
display: block;
}
.team-item:hover .team-social-list {
height: 52px;
margin-bottom: 15px;
}
.faq-image img {
aspect-ratio: 1 / 1.279;
}
} .event-item {
position: relative;
min-height: 500px;
height: calc(100% - 30px);
border-radius: 4px;
padding: 40px;
margin-bottom: 30px;
overflow: hidden;
}
.event-item-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.event-item-image a {
display: block;
height: 100%;
}
.event-item-image a figure {
position: relative;
display: block;
height: 100%;
overflow: hidden;
}
.event-item-image a figure::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, transparent 41%, rgb(from var(--e-global-color-primary) r g b / 90%) 82.3%);
z-index: 1;
}
.event-item.no-image:has(:not(.event-item-image)) {
background: var(--e-global-color-primary);
}
.event-item-image a figure img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.6s ease-in-out;
}
.event-item:hover .event-item-image a figure img {
transform: scale(1.06);
}
.event-item-body {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 30px;
}
.event-item-btn {
position: relative;
transform: scale(0);
margin-left: auto;
transition: all 0.5s ease-in-out;
z-index: 1;
}
.event-item:hover .event-item-btn {
transform: scale(1);
}
.event-item-btn a {
width: 50px;
height: 50px;
background: var(--e-global-color-accentsecondary);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.4s ease-in-out;
}
.event-item-btn a:hover {
background: var(--e-global-color-accent);
}
.event-item-btn a svg {
color: var(--e-global-color-white);
width: 16px;
height: auto;
transition: all 0.4s ease-in-out;
}
.event-item-btn a i {
font-size: 18px;
color: var(--e-global-color-white);
transform: rotate(-45deg);
transition: all 0.4s ease-in-out;
}
.event-item-btn a:hover svg {
transform: rotate(45deg);
}
.event-item-btn a:hover i {
transform: rotate(0deg);
}
.event-item-content {
position: relative;
max-width: 290px;
z-index: 1;
}
.event-item-content h2 {
font-size: 20px !important;
line-height: 1.4em !important;
color: var(--e-global-color-white) !important;
}
.event-item-content h2 a {
color: inherit;
}
@media only screen and (max-width: 991px) {
.event-item {
min-height: 400px;
padding: 30px;
}
}
@media only screen and (max-width: 767px) {
.event-item {
padding: 20px;
}
.event-item-content {
max-width: 100%;
}
.event-item-content h2 {
font-size: 18px !important;
}
.event-item-btn a {
width: 42px;
height: 42px;
}
.event-item-btn a svg {
width: 14px;
}
.event-item-btn a i {
width: 16px;
}
} .page-event-single-gallery .gallery figure img {
aspect-ratio: 1 / 1.189;
object-fit: cover;
}
@media only screen and (max-width: 991px) {
.page-event-single-gallery .gallery {
margin: 0 -20px -20px 0 !important;
}
.page-event-single-gallery .gallery.gallery-columns-4 figure.gallery-item {
padding: 0 20px 20px 0;
}
}
@media only screen and (max-width: 767px) {
.page-event-single-gallery .gallery.gallery-columns-4 figure.gallery-item {
width: 50%;
}
} .team-single-image img {
aspect-ratio: 1 / 1.237;
object-fit: cover;
}
.team-member-contact-item-content .box-body p {
font-family: var(--e-global-typography-secondary-font-family);
}
.sidebar-cta-item-content .elementskit-info-box-title {
border-bottom: 1px solid var(--e-global-color-darkdivider);
}
.sidebar-cta-contact-item-content .elementor-icon-list-text span {
font-weight: 600;
}
.member-qualifications-item-content .elementskit-info-box-title {
border-color: var(--e-global-color-divider);
}
.skills-progress-bars-royal .single-skill-bar .content-group {
width: 100% !important;
}
.skills-progress-bars-royal .skill-bar {
height: 10px !important;
}
.skills-progress-bars-royal .skill-bar .skill-track::after,
.skills-progress-bars-royal .skill-bar .skill-track::before {
display: none;
}
.skills-progress-bars-royal .skill-bar-content {
font-family: var(--e-global-typography-secondary-font-family);
line-height: 0;
}
.skills-progress-bars-royal .content-group .skill-bar-content {
margin: 0 44px 15px 0 !important;
}
.skills-progress-bars-royal .single-skill-bar .number-percentage-wraper {
font-family: var(--e-global-typography-secondary-font-family) !important;
position: absolute !important;
top: 4px !important;
right: 0;
}
@media only screen and (max-width: 991px) {
.team-single-image img {
aspect-ratio: 1 / 0.965;
}
.sidebar-cta-contact-item-content .elementor-icon-list-text span {
display: none;
}
}
@media only screen and (max-width: 767px) {
.team-single-image img {
aspect-ratio: 1 / 1.23;
}
.skills-progress-bars-royal .content-group .skill-bar-content {
margin: 0 44px 10px 0 !important;
}
} .product-item {
text-align: center;
margin-bottom: 30px;
}
.product-item-image {
margin-bottom: 20px;
}
.product-item-image a,
.product-item-image figure {
display: block;
border-radius: 4px;
overflow: hidden;
}
.product-item-image img {
width: 100%;
aspect-ratio: 1 / 1.082;
object-fit: cover;
border-radius: 4px;
transition: all 0.6s ease-in-out;
}
.product-item:hover .product-item-image img {
transform: scale(1.06);
}
.product-item-content h2 {
font-size: 20px !important;
line-height: 1.4em !important;
}
@media only screen and (max-width: 767px) {
.product-item-image {
margin-bottom: 15px;
}
.product-item-content h2 {
font-size: 18px !important;
}
} .fleets-sidebar {
position: sticky;
top: 30px;
margin-right: 15px;
}
.fleets-sidebar aside.widget {
background: transparent;
padding: 0;
border-radius: 0;
margin-bottom: 0;
}
.fleets-sidebar aside.widget .searchandfilter div>ul {
padding: 0 !important;
}
.fleets-sidebar aside.widget .searchandfilter div>ul>li {
width: 100%;
background: var(--e-global-color-secondary);
border-radius: 4px;
margin-bottom: 30px;
padding: 30px;
}
.fleets-sidebar aside.widget .searchandfilter div>ul>li:last-child {
margin-bottom: 0;
margin-top: -50px;
}
.fleets-sidebar aside.widget .searchandfilter div>ul>li>h4 {
font-size: 20px;
border-bottom: 1px solid var(--e-global-color-divider);
margin-top: 0;
margin-bottom: 25px;
padding-bottom: 25px;
}
.fleets-sidebar aside.widget .searchandfilter div>ul>li>ul {
width: 100%;
margin: 0;
padding: 0 !important;
}
.fleets-sidebar aside.widget .searchandfilter div>ul>li>ul>li {
position: relative;
width: 100%;
padding: 0;
margin-bottom: 20px;
}
.fleets-sidebar aside.widget .searchandfilter div>ul>li>ul>li:last-child {
margin-bottom: 0;
}
.fleets-sidebar aside.widget .searchandfilter div>ul>li>ul>li label {
padding-left: 35px;
font-size: 16px;
font-family: var(--e-global-typography-primary-font-family);
line-height: 1.4em;
}
.fleets-sidebar aside.widget .searchandfilter div>ul>li>ul>li label input[type=checkbox] {
position: absolute;
top: 0;
left: 0;
width: 24px;
height: 24px;
accent-color: var(--e-global-color-accent);
}
.fleets-sidebar aside.widget .searchandfilter div>ul>li:last-child input[type=submit] {
border: none;
padding: 18px 30px;
}
@media only screen and (max-width: 1024px) {
.fleets-sidebar {
margin-right: 0px;
}
.fleets-sidebar aside.widget .searchandfilter div>ul>li {
padding: 20px;
}
.fleets-sidebar aside.widget .searchandfilter div>ul>li>ul>li label input[type=checkbox] {
width: 20px;
height: 20px;
}
.fleets-sidebar aside.widget .searchandfilter div>ul>li>ul>li label {
padding-left: 30px;
}
}
@media only screen and (max-width: 991px) {
.fleets-sidebar {
position: inherit;
}
.fleets-sidebar .sidebar-widget {
margin-top: 0;
margin-bottom: 30px;
}
.fleets-sidebar aside.widget .searchandfilter div>ul>li>h4 {
margin-bottom: 20px;
padding-bottom: 20px;
}
}
@media only screen and (max-width: 767px) {
.fleets-sidebar aside.widget .searchandfilter div>ul>li>h4 {
font-size: 18px;
margin-bottom: 15px;
padding-bottom: 15px;
}
.fleets-sidebar aside.widget .searchandfilter div>ul>li>ul>li {
margin-bottom: 15px;
}
} .our-trade-image img {
aspect-ratio: 1 / 1.158;
}
.what-we-do-image img {
aspect-ratio: 1 / 0.45;
}
.packing-table {
overflow-x: auto;
cursor: grab;
}
.packing-table .dt-container {
margin-bottom: 0 !important;
}
.packing-table table {
border-collapse: collapse;
white-space: nowrap;
}
.packing-table table thead tr th {
font-family: var(--e-global-typography-primary-font-family), Sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 1.2em;
border-top: 1px solid var(--e-global-color-divider) !important;
border-left: 1px solid var(--e-global-color-divider) !important;
}
.packing-table .row-striping td {
line-height: 1em;
}
.packing-table .dt-layout-cell {
padding: 0 1px !important;
}
.packing-table::-webkit-scrollbar {
height: 7px;
}
.packing-table::-webkit-scrollbar-track {
background-color: var(--e-global-color-accentsecondary);
}
.packing-table::-webkit-scrollbar-thumb {
background: var(--e-global-color-accent);
}
@media only screen and (max-width: 991px) {
.our-trade-image img {
aspect-ratio: 1 / 0.8;
}
}
@media only screen and (max-width: 767px) {
.trade-item .elementskit-infobox {
display: block;
}
} .pricing-price .ekit-heading--title span {
font-family: var(--e-global-typography-text-font-family);
}
@media only screen and (max-width: 767px) {
.pricing-benefit-list .elementor-icon-list-items {
gap: 10px 20px;
}
} .testimonial-item-content p {
font-family: var(--e-global-typography-secondary-font-family);
} .photo-gallery img {
width: 100%;
aspect-ratio: 1 / 0.822;
object-fit: cover;
}
.photo-gallery .gallery-icon {
position: relative;
overflow: hidden;
border-radius: 4px;
}
.photo-gallery .gallery-icon a:after {
content: "";
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, .3);
transform: translate(-50%, -50%) rotate(-45deg);
z-index: 1;
}
.photo-gallery .gallery-icon a:hover:after {
height: 250%;
transition: all 600ms linear;
background-color: transparent;
} .video-gallery-img .ekit-video-item a i,
.video-gallery-img .ekit-video-item a svg {
width: 60px;
height: 60px;
display: flex !important;
align-items: center;
justify-content: center;
z-index: 1;
transition: all 0.5s ease-in-out !important;
color: var(--e-global-color-white) !important;
}
.video-gallery-img .ekit-video-item a::before {
transform: scale(0);
transition: all 0.4s ease-in-out !important;
border-radius: 4px;
}
.video-gallery-img .ekit-video-item a:hover:before {
opacity: 50% !important;
transform: scale(1);
border-radius: 4px;
} .page-category-list ul li,
.page-category-list ul li a {
justify-content: space-between;
flex-direction: row-reverse;
}
.page-category-list ul li .elementor-icon-list-icon svg {
transition: all 0.4s ease-in-out !important;
margin-right: 0 !important;
}
.page-category-list ul li:hover .elementor-icon-list-icon svg {
transform: rotate(45deg);
}
.page-category-list ul li .elementor-icon-list-text {
font-family: var(--e-global-typography-primary-font-family) !important;
padding-inline-start: 0 !important;
padding-right: 5px;
transition: all 0.4s ease-in-out;
}
.faq-accordion.features-accordion .elementskit-card .elementskit-btn-link[aria-expanded="true"] {
padding-bottom: 25px !important;
}
.faq-accordion.features-accordion .elementskit-card:last-child .elementskit-btn-link[aria-expanded="false"] {
border-bottom: none;
}
@media only screen and (max-width: 991px) {
.faq-accordion.features-accordion .elementskit-card .elementskit-btn-link[aria-expanded="true"] {
padding-bottom: 20px !important;
}
}
@media only screen and (max-width: 767px) {
.faq-accordion.features-accordion .elementskit-card .elementskit-btn-link[aria-expanded="true"] {
padding-bottom: 15px !important;
}
} .wpcf7-spinner {
display: none;
}
.wpcf7-not-valid-tip {
color: #E65757 !important;
font-size: 14px;
line-height: 1.1em;
font-weight: 400;
}
.wpcf7-response-output {
margin: 20px 0 0 0 !important;
padding: 5px 10px !important;
border-radius: 30px !important;
border: 1px solid #E65757 !important;
line-height: 1.1em;
color: #E65757 !important;
}
.wpcf7-form.sent .wpcf7-response-output {
color: #46B450 !important;
border-color: #46B450 !important;
}
.ekit-wid-con a:focus-visible,
.ekit-wid-con button:focus-visible,
.ekit-wid-con input:focus-visible,
.ekit-wid-con textarea:focus-visible {
outline: none;
}
@media only screen and (max-width: 767px) {
.contact-info-box-list ul {
gap: 10px;
}
} .catalogue-item-image img {
aspect-ratio: 1 / 1.085;
object-fit: cover;
transition: all 0.6s ease-in-out;
}
.catalogue-item:hover .catalogue-item-image img {
transform: scale(1.06);
}
img.ata-site-logo-img.elementor-animation- {
width: 145px !important;
}
.elementor-17 .elementor-element.elementor-element-7f70780 .elementskit-navbar-nav>li>a:hover {
color: #ed1c24;
}
.elementor-17 .elementor-element.elementor-element-7f70780 .elementskit-navbar-nav .elementskit-submenu-panel {
background-color: #ca0a0f;
border-style: none;
border-radius: 4px 4px 4px 4px;
min-width: 235px;
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5);
}
.elementor-17 .elementor-element.elementor-element-7f70780 .elementskit-submenu-panel {
padding: 10px 5px 10px 5px;
}
.elementor-17 .elementor-element.elementor-element-7f70780 .elementskit-navbar-nav .elementskit-submenu-panel>li:hover>a {
color: #e9e9ea;
}
.elementor-17 .elementor-element.elementor-element-7f70780 .elementskit-navbar-nav .elementskit-submenu-panel>li>a {
background-color: #FFFFFF00;
font-size: 15px;
font-weight: 500;
line-height: 1.2em;
padding: 8px 20px 8px 20px;
color: var(--e-global-color-white);
}
.elementor-12 .elementor-element.elementor-element-8be1cea .elementor-icon-list-icon i {
color: #ca0a0f;
}
.elementor-12 .elementor-element.elementor-element-06f8469 .ekit_creative_button:not(.ekit_tamaya) {
background-color: #ca0a0f;
}
.elementor-kit-9 h3 {
color: white;
}
.elementor-12 .elementor-element.elementor-element-49e0fa6 .ekit_creative_button:not(.ekit_tamaya) {
background-color: #ca0a0f;
}
p.sub-heading-description {
color: #ffffffd1;
font-size: 18px;
text-align: center;
width: 80%;
}
h2.main-heading-section {
color: white;
}
.elementskit-info-box-icon i {
color: #ca0a0f;
}
.elementor-12 .elementor-element.elementor-element-90591c3 {
background: linear-gradient(45deg, black, #ca0a0f);
}
.home-products-card-image img,
.home-products-card {
height: 340px !important;
min-height: 340px !important;
}
.elementor-18 .elementor-element.elementor-element-990cb1d:not(.elementor-motion-effects-element-type-background),
.elementor-18 .elementor-element.elementor-element-990cb1d>.elementor-motion-effects-container>.elementor-motion-effects-layer {
background-color: unset !important;
background: unset !important;
padding: 0px !important;
}
.elementor-17 .elementor-element.elementor-element-afd9735 {
padding-top: 0px;
padding-bottom: 0px;
}
.elementor-12 .elementor-element.elementor-element-1d6635e,
.elementor-12 .elementor-element.elementor-element-236f955 {
border-top: none;
padding-top: 0px;
margin-top: 0px;
}
.elementor-17 .elementor-element.elementor-element-7f70780 .elementskit-menu-hamburger {
background-color: #c90b10;
}
.elementor-18 .elementor-element.elementor-element-12e6936 {
padding-top: 25px;
padding-bottom: 0px;
padding-left: 0px !important;
padding-right: 0px !important;
margin-left: 0px !important;
margin-right: 0px !important;
width: 100% !important;
}
.elementor-18 .elementor-element.elementor-element-259ed1a img {
width: 100%;
max-width: 160px;
}
img.attachment-full.size-full.wp-image-1156 {
height: 600px;
}
.hero {
min-height: 700px;
}
@media(max-width: 1024px) {
.elementskit-navbar-nav-default .elementskit-navbar-nav>li>a {
justify-content: space-between;
}
}
@media (max-width: 767px) {
.elementor-18 .elementor-element.elementor-element-f138fa7 {
padding: 10px !important;
}
img.attachment-full.size-full.wp-image-1156 {
height: auto;
}
.elementor-element.elementor-element-92d9728.elementor-widget.elementor-widget-text-editor p {
text-align: center;
}
.footer-bottom-social {
justify-content: center;
width: 100%;
}
.sticky-social-sidebar {
z-index: 9 !important;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.elementor-17 .elementor-element.elementor-element-ba56a7f {
--width: 17%;
}
.elementor-17 .elementor-element.elementor-element-f8e8139 {
--width: 54%;
}
} .elementskit-menu-container .elementskit-navbar-nav {
display: flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
white-space: nowrap !important;
}
.elementskit-menu-container .elementskit-navbar-nav > li.nav-item {
position: relative !important;
}
.elementskit-menu-container .elementskit-navbar-nav > li > .elementskit-dropdown {
position: absolute !important;
top: 100% !important;
left: 0 !important;
z-index: 1000 !important;
min-width: 220px !important;
}
.elementskit-menu-container .elementskit-dropdown > li.nav-item {
position: relative !important;
}
.elementskit-menu-container .elementskit-dropdown > li > .elementskit-dropdown {
position: absolute !important;
top: 0 !important;
left: 100% !important;
right: auto !important;
z-index: 1001 !important;
min-width: 220px !important;
}
.elementskit-menu-container .elementskit-navbar-nav .menu-item-has-children > a,
.elementskit-menu-container .elementskit-dropdown .menu-item-has-children > a,
.menu-item-has-children > a {
position: relative !important;
padding-right: 1.85em !important;
} .elementskit-menu-container .elementskit-submenu-indicator,
.elementskit-menu-container .ekit-submenu-indicator-icon,
.elementskit-submenu-indicator,
.ekit-submenu-indicator-icon {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
} .elementskit-menu-container .elementskit-navbar-nav > li.menu-item-has-children > a::after,
.elementskit-menu-container .elementskit-navbar-nav > li.elementskit-dropdown-has > a::after,
.elementskit-navbar-nav > li.menu-item-has-children > a::after,
.elementskit-navbar-nav > li.elementskit-dropdown-has > a::after,
li.nav-item.menu-item-has-children > a::after {
content: "\203A" !important;
position: absolute !important;
right: 0.4em !important;
top: 50% !important;
transform: translateY(-50%) rotate(90deg) !important;
color: currentColor !important;
font-size: 14px !important;
line-height: 1 !important;
vertical-align: middle !important;
font-style: normal !important;
font-weight: normal !important;
opacity: 1 !important;
visibility: visible !important;
} .elementskit-menu-container .elementskit-dropdown li.menu-item-has-children > a::after,
.elementskit-menu-container .elementskit-dropdown li.elementskit-dropdown-has > a::after,
.elementskit-dropdown li.menu-item-has-children > a::after,
.elementskit-dropdown li.elementskit-dropdown-has > a::after {
content: "\203A" !important;
position: absolute !important;
right: 0.4em !important;
top: 50% !important;
transform: translateY(-50%) !important;
color: currentColor !important;
font-size: 14px !important;
line-height: 1 !important;
vertical-align: middle !important;
font-style: normal !important;
font-weight: normal !important;
opacity: 1 !important;
visibility: visible !important;
} @media (max-width: 1024px) { .elementor-17 .elementor-element-6daa84a {
position: relative !important;
top: auto !important;
left: auto !important;
right: auto !important;
width: 100% !important;
z-index: 9999 !important;
box-sizing: border-box !important;
} .elementor-17 .elementor-element-afd9735 {
flex-wrap: wrap !important;
align-items: center !important;
width: 100% !important;
min-height: 60px !important;
} .elementskit-menu-container {
white-space: normal !important;
} .elementor-17 .ekit-wid-con .elementskit-navbar-nav,
.elementskit-menu-container .elementskit-navbar-nav {
display: block !important;
flex-wrap: unset !important;
white-space: normal !important;
width: 100% !important;
} .elementor-17 .elementskit-navbar-nav > li.nav-item,
.elementskit-menu-container .elementskit-navbar-nav > li.nav-item {
position: static !important;
display: block !important;
width: 100% !important;
}  .elementor-17 .elementskit-navbar-nav > li > .elementskit-dropdown,
.elementskit-menu-container .elementskit-navbar-nav > li > .elementskit-dropdown,
.elementor-17 .elementskit-dropdown > li > .elementskit-dropdown,
.elementskit-menu-container .elementskit-dropdown > li > .elementskit-dropdown {
display: none !important;
position: static !important;
top: auto !important;
left: auto !important;
right: auto !important;
width: 100% !important;
min-width: 0 !important;
box-shadow: none !important;
z-index: auto !important;
overflow: hidden !important;
max-height: 0 !important;
transition: max-height 0.3s ease !important;
} .elementor-17 .elementskit-navbar-nav > li.rfs-open > .elementskit-dropdown,
.elementskit-menu-container .elementskit-navbar-nav > li.rfs-open > .elementskit-dropdown,
.elementor-17 .elementskit-dropdown > li.rfs-open > .elementskit-dropdown,
.elementskit-menu-container .elementskit-dropdown > li.rfs-open > .elementskit-dropdown,
.elementskit-dropdown li.submenu-open > .elementskit-dropdown,
.elementskit-dropdown li.submenu-open > .elementskit-submenu-panel {
display: flex !important;
flex-direction: column !important;
max-height: none !important;
overflow: visible !important;
visibility: visible !important;
background-color: #05014a !important;
padding: 8px 0 !important;
opacity: 1 !important;
width: 100% !important;
} .elementskit-dropdown > li.rfs-open > .elementskit-dropdown,
.elementskit-menu-container .elementskit-dropdown > li.rfs-open > .elementskit-dropdown,
.elementskit-dropdown > li.rfs-open > .elementskit-submenu-panel,
.elementskit-menu-container .elementskit-dropdown > li.rfs-open > .elementskit-submenu-panel {
display: flex !important;
flex-direction: column !important;
max-height: none !important;
overflow: visible !important;
visibility: visible !important;
background-color: rgba(29, 29, 29, 0.95) !important;
padding: 8px 0 !important;
opacity: 1 !important;
width: 100% !important;
position: static !important;
} .elementor-17 .elementskit-dropdown > li.nav-item,
.elementskit-menu-container .elementskit-dropdown > li.nav-item {
position: static !important;
display: block !important;
width: 100% !important;
} .elementor-17 .elementskit-dropdown > li.rfs-open > .elementskit-dropdown,
.elementskit-menu-container .elementskit-dropdown > li.rfs-open > .elementskit-dropdown {
display: flex !important;
flex-direction: column !important;
max-height: 2000px !important;
overflow: visible !important;
visibility: visible !important;
background-color: rgba(29, 29, 29, 0.95) !important;
padding: 8px 0 !important;
opacity: 1 !important;
width: 100% !important;
position: static !important;
} .elementskit-dropdown > li.rfs-open > .elementskit-dropdown li {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
width: 100% !important;
}
.elementskit-dropdown li.menu-item-has-children > a {
display: block !important;
position: relative !important;
padding-right: 1.85em !important;
}
.elementskit-dropdown > li.rfs-open > .elementskit-dropdown > li > a {
padding-left: 20px !important;
} .elementskit-dropdown li.menu-item-has-children > a::after,
.elementskit-dropdown li.elementskit-dropdown-has > a::after {
content: "\203A" !important;
position: absolute !important;
right: 0.4em !important;
top: 50% !important;
transform: translateY(-50%) rotate(90deg) !important;
color: currentColor !important;
font-size: 14px !important;
line-height: 1 !important;
opacity: 1 !important;
visibility: visible !important;
transition: transform 0.25s ease !important;
} .elementskit-dropdown > li.rfs-open > .elementskit-dropdown > li.rfs-open > .elementskit-dropdown li {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
width: 100% !important;
}
.elementskit-dropdown > li.rfs-open > .elementskit-dropdown > li.rfs-open > .elementskit-dropdown > li > a {
padding-left: 40px !important;
}  .elementskit-navbar-nav > li.rfs-open.menu-item-has-children > a::after,
.elementskit-navbar-nav > li.rfs-open.elementskit-dropdown-has > a::after,
li.nav-item.rfs-open.menu-item-has-children > a::after {
transform: translateY(-50%) rotate(-90deg) !important;
} .elementskit-dropdown li.rfs-open.menu-item-has-children > a::after,
.elementskit-dropdown li.rfs-open.elementskit-dropdown-has > a::after {
transform: translateY(-50%) rotate(90deg) !important;
} .elementskit-dropdown > li.rfs-open > .elementskit-dropdown li.rfs-open.menu-item-has-children > a::after,
.elementskit-dropdown > li.rfs-open > .elementskit-dropdown li.rfs-open.elementskit-dropdown-has > a::after {
transform: translateY(-50%) rotate(90deg) !important;
} .elementskit-navbar-nav > li.menu-item-has-children > a::after,
.elementskit-navbar-nav > li.elementskit-dropdown-has > a::after,
li.nav-item.menu-item-has-children > a::after {
transform: translateY(-50%) rotate(90deg) !important;
}
.elementskit-menu-container .elementskit-dropdown li.menu-item-has-children > a::after,
.elementskit-menu-container .elementskit-dropdown li.elementskit-dropdown-has > a::after,
.elementskit-dropdown li.menu-item-has-children > a::after,
.elementskit-dropdown li.elementskit-dropdown-has > a::after {
transform: translateY(-50%) rotate(90deg) !important;
} .elementskit-navbar-nav a,
.elementskit-dropdown a {
display: block !important;
white-space: normal !important;
word-break: break-word !important;
padding-top: 8px !important;
padding-bottom: 8px !important;
min-height: 44px !important; line-height: 1.4 !important;
color: var(--e-global-color-secondary, #FFFFFF) !important;
} .elementskit-dropdown a {
color: #FFFFFF !important;
} .elementskit-dropdown,
.elementskit-dropdown ul {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
}
.elementskit-dropdown li,
.elementskit-dropdown ul li {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
background-color: transparent !important;
list-style: none !important;
width: 100% !important;
}
.elementskit-dropdown > li > a {
padding-left: 20px !important;
} body.post-type-archive-product .elementskit-navbar-nav > li > .elementskit-dropdown,
body.single-product .elementskit-navbar-nav > li > .elementskit-dropdown {
position: static !important;
box-shadow: none !important;
}
body.post-type-archive-product .elementskit-dropdown > li > .elementskit-dropdown,
body.single-product .elementskit-dropdown > li > .elementskit-dropdown {
position: static !important;
left: auto !important;
box-shadow: none !important;
}
.elementor-17 .elementor-element.elementor-element .elementskit-menu-container {
background-color: #ca0a0f!important;
max-width: 100%;
border-radius: 0px 0px 0px 0px;
}
} @media (max-width: 480px) { .elementskit-menu-hamburger.elementskit-menu-toggler {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 44px !important;
min-height: 44px !important;
cursor: pointer !important;
} .ata-site-logo-img {
max-width: 120px !important;
height: auto !important;
}
} @media (max-width: 1024px) { .elementor-17 .elementor-element.elementor-element-7f70780 .elementskit-menu-container .elementskit-navbar-nav,
.elementor-17 .elementor-element.elementor-element-7f70780 .ekit-wid-con .elementskit-navbar-nav {
overflow: visible !important;
} .elementor-17 .elementor-element.elementor-element-7f70780 .elementskit-menu-container .elementskit-navbar-nav li.menu-item-has-children > a::after,
.elementor-17 .elementor-element.elementor-element-7f70780 .elementskit-menu-container .elementskit-navbar-nav li.elementskit-dropdown-has > a::after,
.elementor-17 .elementor-element.elementor-element-7f70780 .elementskit-menu-container .elementskit-dropdown li.menu-item-has-children > a::after,
.elementor-17 .elementor-element.elementor-element-7f70780 .elementskit-menu-container .elementskit-dropdown li.elementskit-dropdown-has > a::after {
content: "\203A" !important;
position: static !important;
display: inline-block !important;
margin-left: 6px !important;
transform: rotate(90deg) !important;
color: #FFFFFF !important;
font-size: 16px !important;
line-height: 1 !important;
font-style: normal !important;
font-weight: bold !important;
opacity: 1 !important;
visibility: visible !important;
width: auto !important;
height: auto !important;
padding: 0 !important;
background: none !important;
border: none !important;
pointer-events: none !important;
vertical-align: middle !important;
} .elementor-17 .elementor-element.elementor-element-7f70780 .elementskit-menu-container .elementskit-navbar-nav li.menu-item-has-children > a,
.elementor-17 .elementor-element.elementor-element-7f70780 .elementskit-menu-container .elementskit-dropdown li.menu-item-has-children > a,
.elementor-17 .elementor-element.elementor-element-7f70780 .elementskit-menu-container .elementskit-dropdown li.elementskit-dropdown-has > a {
position: relative !important;
padding-right: 2em !important;
} .elementor-17 .elementor-element.elementor-element-7f70780 .elementskit-menu-container .elementskit-navbar-nav > li.rfs-open.menu-item-has-children > a::after,
.elementor-17 .elementor-element.elementor-element-7f70780 .elementskit-menu-container .elementskit-navbar-nav > li.rfs-open.elementskit-dropdown-has > a::after {
transform: translateY(-50%) rotate(-90deg) !important;
}
} @media (max-width: 480px) { .elementskit-menu-hamburger.elementskit-menu-toggler {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 44px !important;
min-height: 44px !important;
cursor: pointer !important;
} .ata-site-logo-img {
max-width: 120px !important;
height: auto !important;
}
}