/* General */
:root {
--senza-primary-color: #000000;
--senza-primary-hover: #000000cc;
--senza-secondary-color: #000000;
--senza-secondary-hover: #000000cc;
--senza-background-color: #f3f3f3;
--senza-text-color: #516171;
--senza-text-default: #cccccc;
--senza-text-shadow: 1px 1px rgba(0, 0, 0, 0.1);
--senza-box-shadow: 0 0 5px rgba(0,0,0,0.1);
--senza-placeholder-color: #bbbbbb;
--senza-black-color: #000000;
--senza-black-default: #000000;
--senza-white-color: #ffffff;
--senza-white-hover: #ffffffcc;
--senza-white-default: #ffffff;
--senza-smoke-color: #fafafa;
--senza-gray-color: #bebebe;
--senza-cream-color: #fdf9f4;
--senza-orange-color: #ff982b;
--senza-background-overlay: rgba(0,0,0,0.15);
--senza-border-color: #dddddd;
--senza-border-dark: #555555;
--senza-border-radius-sm: 8px;
--senza-border-radius-md: 16px;
--senza-border-radius-lg: 24px;
--senza-default-font: "Spline Sans", sans-serif;
--senza-header-font: "Spline Sans", sans-serif;
--senza-button-height: 42px;
--senza-button-weight: 400;
--senza-icon-weight: 200;
--senza-section-y-padding: 4px;
--senza-section-x-padding: 100px;
}
* {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 100%;
scroll-padding-top: 100px;
height:100%;
}
body {
font-weight: normal;
font-style: normal;
font-weight: 400;
color: var(--senza-text-color);
font-family: var(--senza-default-font);
background: var(--senza-white-color);
font-size: 1rem;
line-height: 1.4;
overflow-x: hidden;
margin: 0;
right:0;
}
body.locked {
margin: 0;
height: 100%;
overflow: hidden;
}
h1 {
font-size: 3rem; /* 48px */
}
h2 {
font-size: 2rem; /* 32px */
}
h3 {
font-size: 1.75rem; /* 28px */
}
h4 {
font-size: 1.5rem; /* 24px */
}
h5 {
font-size: 1.25rem; /* 20px */
}
h6 {
font-size: 1.125rem; /* 18px */
}
@media (max-width: 992px) {
h1 {
font-size: 2.5rem; /* 40px */
}
h2, h3 {
font-size: 1.75rem; /* 28px */
}
h4, h5, h6 {
font-size: 1.125rem; /* 18px */
}
}
@media (max-width: 768px) {
h1 {
font-size: 2rem; /* 32px */
}
h2, h3 {
font-size: 1.5rem; /* 24px */
}
h4, h5, h6 {
font-size: 1.125rem; /* 18px */
}
}
@media (max-width: 576px) {
h1 {
font-size: 1.75rem; /* 28px */
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: var(--senza-black-color);
font-weight: 600;
margin: 0px;
font-family: var(--senza-default-font);
margin-bottom: 1rem;
line-height: 1.2;
text-transform: capitalize;
}
h1{
line-height:1.1;
}
a,
a:focus,
a:visited,
a:active {
color: inherit;
text-decoration: underline;
}
a:hover {
color: var(--senza-black-color);
text-decoration: underline;
-webkit-transition: color 0.25s ease;
-moz-transition: color 0.25s ease;
-ms-transition: color 0.25s ease;
-o-transition: color 0.25s ease;
transition: color 0.125s ease;
}
button {
border: none;
}
button:focus {
outline: none;
box-shadow: none;
}
ul,
ol {
margin: 0 0 0.5em 0.5em;
padding-left: 1em;
}
input, textarea {
display: inherit;
filter: none;
color: var(--senza-black-default);
padding:2px 8px;
background: var(--senza-white-default)!important;
border: 1px solid var(--senza-border-color)!important;
border-radius: var(--senza-border-radius-sm)!important;
}
input:focus,
textarea:focus {
border: 1px solid var(--senza-primary-color)!important;
outline: none!important;
box-shadow: none!important;
}
textarea::placeholder,
input::placeholder {
color: var(--senza-placeholder-color)!important;
}
textarea:-webkit-autofill,
input:-webkit-autofill {
-webkit-box-shadow: inset 0 0 0px 9999px white!important;
}
input{
height:var(--senza-button-height);
}
textarea{
height: 140px;
}
select, .woocommerce div.product form.cart .variations select {
width: 100%;
height: var(--senza-button-height);
padding: 0 28px 0 8px;
border-radius: var(--senza-border-radius-sm);
outline: none;
border: 1px solid var(--senza-black-color);
font-size: 1rem;
cursor: pointer;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE2IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIgMGw2IDZsNi02IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==') no-repeat;
background-position: calc(100% - 8px) center;
background-size: 12px;
-webkit-transition: none !important;
color: var(--senza-black-default);
background-color: var(--senza-white-default);
}
select::-ms-expand {
display: none;
}
.select2-container--default .select2-selection--single {
display: flex!important;
align-items: center!important;
height: var(--senza-button-height)!important;
padding: 0!important;
border: 1px solid var(--senza-border-color)!important;
border-radius: var(--senza-border-radius-sm)!important;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
height:42px!important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: var(--senza-button-height)!important;
}
.select2-dropdown{
border-radius: var(--senza-border-radius-sm)!important;
border: 1px solid var(--senza-border-color)!important;
overflow:hidden;
}
.select2-dropdown.select2-dropdown--below{
margin-top:4px!important;
}
.select2-dropdown.select2-dropdown--above{
margin-top:0!important;
}
.select2-search--dropdown{
padding:6px!important;
}
.select2-container, .select2-dropdown, .select2-search, .select2-results {
-webkit-transition: none !important;
-moz-transition: none !important;
-ms-transition: none !important;
-o-transition: none !important;
transition: none !important;
}
label {
margin-bottom: 0;
}
iframe {
width: 100%;
border: none;
display: inherit;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
img {
max-width: 100%;
height: auto;
transition: all 0.125s ease-in-out;
}
@media (max-width: 992px) {
.col-reverse-lg {
flex-direction: column-reverse !important;
}
}
@media (min-width: 1400px) {
.container {
max-width: 1344px;
}
}
.text-center {
text-align: center;
}
/* Background */
.background-cover {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.background-contain {
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
}
/* Page Section */
.senza-frontpage-section {
padding: 0;
}
.senza-page-section {
padding: var(--senza-section-x-padding) 0;
background: var(--senza-white-color);
}
@media (max-width: 768px) {
.senza-page-section {
padding: 50px 8px;
}
}
.senza-page-section ol,
.senza-page-section ul {
padding-left: 25px;
margin-bottom: 30px;
margin-left: 0;
}
.senza-page-section ol ol,
.senza-page-section ol ul,
.senza-page-section ul ol,
.senza-page-section ul ul {
margin-bottom: 0;
}
.senza-page-section .alignleft {
float: left;
margin-right: 1.5em;
margin-bottom: 1.5em;
}
.senza-page-title {
margin-bottom: 30px;
}
@media (max-width: 992px) {
.senza-page-section .order-first {
order: 1 !important;
}
}
@media (max-width: 576px) {
.senza-related-products-section.senza-page-section {
padding-bottom: 35px;
}
}
/* 404 Page */
.error-content-subtitle {
margin-bottom: 20px;
}
/* Section Wrapper, Border and Spacing */
.footer-wrapper, .section-wrapper {
position: relative;
padding: var(--senza-section-x-padding) 0;
background: var(--senza-white-color);
overflow:hidden;
}
.footer-wrapper{
padding-bottom:calc(var(--senza-section-x-padding) - 10px);
}
.senza-product-carousel-section.section-wrapper{
padding-bottom: 75px;
}
@media (max-width: 768px) {
.footer-wrapper,.section-wrapper {
padding: 75px var(--senza-section-y-padding);
}
.senza-product-carousel-section.section-wrapper{
padding-bottom: 40px;
}
}
.section-text {
margin-bottom: 30px;
}
.section-text h2 {
margin-bottom: 20px;
}
.section-text.section-text-light h2 {
color: var(--senza-white-color);
}
.section-bordered:not(.section-prev-fullwidth){
border-top:1px solid var(--senza-border-color);
}
.section-fluid:not(.section-prev-fullwidth){
padding-top:0;
}
/* Breadcrumb */
.senza-breadcrumb{
background: var(--senza-smoke-color);
}
.senza-breadcrumb-wrapper {
position: relative;
display:flex;
align-items:center;
height:50px;
padding: 0 24px;
color: var(--senza-black-color);
z-index: 1;
}
@media (max-width: 768px) {
.senza-breadcrumb-wrapper {
padding: 0 8px;
}
}
.senza-breadcrumb-content {
position: relative;
text-align: center;
z-index: 1;
}
.senza-breadcrumb-content .senza-breadcrumb-list {
display: flex;
align-items: center;
justify-content: flex-start;
margin: 0;
padding: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.senza-breadcrumb-content .senza-breadcrumb-list a.dot,
.senza-breadcrumb-content .senza-breadcrumb-list span.dot {
margin-left: 10px;
margin-right: 10px;
width: 8px;
height: 8px;
border-radius: 50%;
}
.senza-breadcrumb-title.with-breadcrumb {
margin-bottom: 15px;
}
.senza-breadcrumb-content .senza-breadcrumb-list li {
text-transform: capitalize;
list-style: none;
}
.senza-breadcrumb-content .senza-breadcrumb-list li.current {
font-weight: bolder;
color: var(--senza-black-color);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.senza-breadcrumb-content .senza-breadcrumb-list li a,
.senza-breadcrumb-content .senza-breadcrumb-list li a:focus,
.senza-breadcrumb-content .senza-breadcrumb-list li a:active,
.senza-breadcrumb-content .senza-breadcrumb-list li a:visited {
color: var(--senza-text-color);
text-decoration: none;
}
.senza-breadcrumb-content .senza-breadcrumb-list li a:hover {
background-size: 0% 1.5px, 100% 1.5px;
color: var(--senza-black-color);
text-decoration: none;
}
.senza-breadcrumb-content .senza-breadcrumb-list li:not(:last-child):after {
content: "/";
display: inline-block;
padding: 0 5px;
color: var(--senza-text-color);
font-weight:normal;
}
/* Buttons */
.theme-button {
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
height: var(--senza-button-height);
border-radius: var(--senza-border-radius-sm);
padding: 12px 24px;
font-size: 1rem;
font-weight: var(--senza-button-weight);
box-shadow: none;
text-decoration: none!important;
transition: all 0.25s ease;
line-height: 1;
cursor: pointer;
}
.theme-button-solid,
.theme-button-solid:focus,
.theme-button-solid:active,
.theme-button-solid:visited {
color: var(--senza-white-default)!important;
background: var(--senza-primary-color)!important;
}
.theme-button-solid:hover {
color: var(--senza-white-default)!important;
background: var(--senza-primary-hover)!important;
transition: all 0.25s ease;
}
.theme-button-light,
.theme-button-light:focus,
.theme-button-light:active,
.theme-button-light:visited {
color: var(--senza-black-color)!important;
background: var(--senza-white-color)!important;
transition: all 0.25s ease;
}
.theme-button-light:hover {
color: var(--senza-black-color)!important;
background: var(--senza-white-hover)!important;
transition: all 0.25s ease;
}
.theme-button-outline,
.theme-button-outline:focus,
.theme-button-outline:active,
.theme-button-outline:visited {
color: var(--senza-black-color)!important;
background: transparent!important;
border: 1px solid var(--senza-black-color)!important;
transition: all 0.25s ease;
}
.theme-button-outline:hover {
color: var(--senza-white-default)!important;
background: var(--senza-primary-color)!important;
border: 1px solid var(--senza-primary-color)!important;
transition: all 0.25s ease;
}
/* Slick Slider */
.slick-slider-section {
opacity: 0;
}
.slick-slider-section.slick-loaded{
opacity: 0;
animation: slick-fade-in 0.5s ease-in-out both;
}
@keyframes slick-fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.slick-arrow {
z-index: 99;
}
.slick-prev {
left: 0px;
}
.slick-next {
right: 0px;
}
.slick-arrow:before {
font-family: none;
font-size: 18px;
font-weight: var(--senza-icon-weight);
color: var(--senza-black-color);
}
.slick-arrow:hover:before{
color: var(--senza-primary-color);
}
.slick-dotted.slick-slider {
margin-bottom: 0;
}
.slick-dots {
display: flex;
align-items: center;
justify-content: center;
bottom: 25px;
z-index:9;
}
.slick-dots li button{
background: var(--senza-black-color);
}
.slick-dots li.slick-active button{
opacity: 1;
background: var(--senza-black-color);
}
/* Header */
.senza-header{
position:relative;
width:100%;
height:75px;
background: var(--senza-white-color);
z-index:99;
}
.senza-header.header-transparent{
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 99;
background:none;
}
.header-bar.header-scrolled{
box-shadow: var(--senza-box-shadow);
background: var(--senza-white-color);
}
.header-bar.header-popup{
box-shadow: none;
}
.header-sticky{
position: fixed;
top: 0;
left: 0;
right: 0;
width:100%;
z-index: 99;
background: var(--senza-white-color);
}
.senza-header.header-transparent .header-bar:not(.header-sticky).header-scrolled{
background:none;
opacity:0;
}
.senza-header.header-transparent .header-sticky:not(.header-scrolled){
background:none;
}
.senza-header.header-transparent .header-sticky.header-scrolled{
opacity:1;
}
.admin-bar .header-transparent,
.admin-bar .header-sticky{
top: 32px;
}
@media (max-width: 784px) {
.admin-bar .header-transparent,
.admin-bar .header-sticky{
top: 46px;
}
}
@media (max-width: 600px) {
.admin-bar .header-sticky.header-scrolled{
top: 0px;
}
}
.header-wrapper {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
gap:20px;
width:100%;
height:75px;
margin:0;
padding:0;
overflow:visible;
}
@media (max-width: 992px) {
.header-wrapper{
padding: 0 var(--senza-section-y-padding);
}
}
@media (min-width: 576px) {
.header-wrapper{
padding: 0;
}
}
.header-left, .header-mid,.header-right{
display: flex;
align-items: center;
}
.header-left{
justify-content:flex-start;
width:auto;
}
.header-mid{
justify-content:center;
width:75%;
}
.header-right{
justify-content:flex-end;
width:auto;
}
.header-menu-left .header-mid{
justify-content:flex-end;
}
.header-menu-left .header-right{
width: auto;
}
.menu a, .menu-item a {
text-decoration: none;
}
.menu a:hover, .menu-item a:hover{
color: var(--senza-black-color);
}
@media (max-width: 768px) {
.header-left, .header-right{
width:50%;
}
}
.header-menu-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-ms-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
visibility: hidden;
opacity: 0;
z-index: 9999;
}
.header-menu-overlay.active {
visibility: visible;
opacity: 1;
}
.header-side-menu {
position: fixed;
display: block;
top: 0;
right: -400px;
width:400px;
height: 100%;
padding-top: 0px;
text-align: left;
z-index: -1;
background:var(--senza-white-color);
pointer-events:none;
transition-duration: 200ms;
z-index:9999;
}
.header-side-menu .menu-nav{
position:relative;
padding:0;
margin:0 8px 0 20px;
height:calc(100% - 76px);
}
.header-side-menu.active{
pointer-events:auto;
right: 0px;
transition-duration: 300ms;
}
.header-side-menu-mask-top{
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 30px;
z-index: 1;
background: var(--senza-white-color);
-webkit-mask-image: linear-gradient(to bottom, #000 1px, transparent 25px);
mask-image: linear-gradient(to bottom, #000 1px, transparent 25px);
pointer-events:none;
}
.header-side-menu-mask-bottom{
position: absolute;
bottom: 0;
right: 0;
width: 100%;
height: 30px;
z-index: 1;
background: var(--senza-white-color);
-webkit-mask-image: linear-gradient(to top, #000 1px, transparent 25px);
mask-image: linear-gradient(to top, #000 1px, transparent 25px);
pointer-events:none;
}
.header-scrolled .header-side-menu{
border:none;
}
.admin-bar .header-side-menu,
.admin-bar.admin-offset .header-side-menu{
padding-top:32px;
}
@media (max-width: 768px) {
.admin-bar .header-side-menu,
.admin-bar.admin-offset .header-side-menu{
padding-top:46px;
}
}
@media (max-width: 600px) {
.admin-bar .header-side-menu{
padding-top:46px;
}
.admin-bar.admin-offset .header-side-menu{
padding-top:0px;
}
.header-side-menu{
right:-80vw;
width:80vw;
}
}
.header-side-menu .menu-nav ul.menu-items {
overflow: auto;
overflow-x: hidden;
height: 100%;
margin: 0;
padding: 8px 0;
font-size:1rem;
}
.header-side-menu .menu-nav ul.menu-items {
&::-webkit-scrollbar {
display: none;
}
}
.header-side-menu .menu-nav ul.menu-items li.menu-item a {
position: relative;
display: flex;
align-items: center;
margin: 0;
padding: 0;
line-height: 2.2;
color: var(--senza-text-color);
}
.header-side-menu .menu-nav ul.menu-items:not(.sub-menu) li.menu-item a{
font-weight: var(--senza-button-weight);
}
.header-side-menu .menu-nav ul.menu-items li.menu-item {
display: block;
width:100%;
margin: 0;
padding: 0;
}
.header-side-menu .menu-nav ul.menu-items li.current_page_ancestor>a,
.header-side-menu .menu-nav ul.menu-items li.current_page_parent>a,
.header-side-menu .menu-nav ul.menu-items li.current_page_item>a,
.header-side-menu .menu-nav ul.menu-items li.current_page_parent li.current_page_item>a{
color:var(--senza-black-color);
}
.header-side-menu .menu-nav ul.menu-items li.menu-item .sub-menu {
display: none;
position: relative;
top: 0;
left: 0;
margin: 0;
padding: 0 0 0 10px;
width: 100%;
box-shadow: none;
border: none;
background-color: transparent;
visibility: visible;
opacity: 1;
transition: none;
}
.header-side-menu .menu-nav ul.menu-items li.menu-item .sub-menu>li>a {
padding: 0;
}
.header-toggler {
display: none;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 0;
padding: 0;
border-radius: 0;
background-color: transparent;
cursor: pointer;
margin-top:2px;
height:20px;
width:20px;
}
.header-toggler span {
position: relative;
border-radius: 0;
display: block;
height: 1px;
padding: 0;
width: 22px;
cursor: pointer;
display: block;
transition: all 0.25s ease;
background-color: var(--senza-black-color);
}
.header-toggler:hover span {
background-color: var(--senza-black-color);
transition: background-color 0.125s ease;
}
.header-toggler span:not(:first-child) {
margin-top: 5px;
}
.header-toggler.active span:nth-of-type(1) {
transform: rotate( 45deg);
top: 6px;
transition: 0.125s ease;
}
.header-toggler.active span:nth-of-type(2) {
opacity: 0;
}
.header-toggler.active span:nth-of-type(3) {
transform: rotate( -45deg);
top: -6px;
transition: 0.125s ease;
}
.header-toggler.active span{
/*display:none;*/
}
@media (max-width: 992px) {
.header-toggler{
display:flex;
}
}
.header-icons {
display: flex;
gap: 30px;
margin:0;
}
@media (max-width: 992px) {
.header-icons{
gap:20px;
}
.header-icon.header-search-icon{
display:none;
}
}
.header-search-side-menu{
width:100%;
}
.header-search-side-menu input, .header-search-side-menu button{
height:42px!important;
}
.header-search-overlay{
position: fixed;
height: 100%;
width: 100%;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
background-color: #000000;
transition: all 0.25s ease-out 0s;
z-index: 9999;
}
.header-search-form {
position: fixed;
width:50%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0.9);
visibility: hidden;
opacity: 0;
transition: all 0.25s ease;
z-index: 9999;
}
.single-search-inner i, .search-form i, .header-search-form i{
color: var(--senza-white-default);
font-weight: var(--senza-icon-weight);
}
@media (max-width: 768px) {
.header-search-form{
width:75%;
}
}
.header-search-overlay.active{
opacity:0.9;
visibility:visible;
}
.header-search-form.active{
opacity:1;
visibility:visible;
transform: translate(-50%, -50%) scale(1);
}
.header-icon {
position: relative;
display: block;
height: 20px;
width:20px;
text-decoration: none;
}
@media (max-width: 768px) {
.header-icon {
width:15px;
}
}
.header-icon i {
color: var(--senza-black-color);
font-size: 22px;
font-weight: var(--senza-icon-weight);
cursor: pointer;
}
.header-icon:hover i {
color: var(--senza-black-color);
transition: all 0.125s ease;
}
.header-minicart-total {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
height: 20px;
width: 20px;
bottom: -12px;
right: -8px;
border-radius: 50%;
font-size: 12px;
line-height:0;
font-family: Arial, Helvetica, sans-serif!important;
color: var(--senza-white-default);
background: var(--senza-primary-color);
}
.header-site-name a,
.header-site-name a:focus,
.header-site-name a:visited,
.header-site-name a:active{
display:block;
width:100%;
font-weight:600;
font-style: normal;
font-family: var(--senza-header-font);
text-decoration:none;
color:var(--senza-black-color);
font-size:1.5rem;
}
.header-site-name, .header-site-logo{
width:100%;
text-align:left;
}
.header-site-logo a{
display:block;
}
.header-site-logo img{
max-height:36px;
}
.header-site-logo.header-site-logo-small img{
max-height:30px;
}
.header-site-logo.header-site-logo-medium img{
max-height:36px;
}
.header-site-logo.header-site-logo-large img{
max-height:42px;
}
@media (max-width: 992px) {
.header-site-logo img,.header-site-logo.header-site-logo-small img,.header-site-logo.header-site-logo-medium img,.header-site-logo.header-site-logo-large img{
max-height:30px;
}
}
/* Header Main */
.header-main-menu .menu a,
.header-main-menu .menu-item a {
text-decoration: none;
}
.header-main-menu ul{
display: flex;
flex-wrap: nowrap;
margin:0;
padding:0;
list-style:none;
cursor:pointer;
}
.header-main-menu ul li {
display: inline-block;
position: relative;
margin: 0 15px;
padding: 20px 0;
}
.header-main-menu ul li a {
position: relative;
display: block;
padding: 5px 0;
text-transform: capitalize;
line-height: 1;
white-space:nowrap;
}
.header-main-menu ul li a,
.header-main-menu ul li a:focus,
.header-main-menu ul li a:visited,
.header-main-menu ul li a:active{
text-decoration:none;
color: var(--senza-text-color);
}
.header-main-menu ul:not(.sub-menu)>li>a {
color: var(--senza-black-color);
background-image: linear-gradient(currentColor, currentColor), linear-gradient(currentColor, currentColor);
background-size: 0% 1.5px, 0% 1.5px;
background-position: 50% 100%, 50% 100%;
background-repeat: no-repeat;
transition: all 0.125s linear;
font-weight: var(--senza-button-weight);
/*font-family: var(--senza-header-font);*/
}
.header-main-menu ul>li:hover>a, .header-main-menu ul>li.current_page_item>a, .header-main-menu ul>li.current_page_parent>a {
background-size: 100% 1.5px, 100% 1.5px;
text-decoration:none;
color: var(--senza-black-color);
}
.header-main-menu ul li .sub-menu {
position: absolute;
left: 0;
top: 150%;
display:flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
width: 200px;
height: auto;
margin: 0px;
padding: 10px 5px 10px 0px;
opacity: 0;
visibility: hidden;
font-size: 1rem;
text-align: left;
border-radius: var(--senza-border-radius-sm);
/*border: 1px solid var(--senza-border-color);*/
box-shadow: var(--senza-box-shadow);
background: var(--senza-white-color);
z-index: 99;
transition: all 0.25s ease 0.1s;
}
.header-main-menu ul li:hover .sub-menu {
opacity: 1;
visibility: visible;
top: 65px;
}
.header-main-menu ul li .sub-menu li a {
position: relative;
display: flex;
align-items: center;
margin: 0;
padding: 0;
line-height: 2.2;
}
.header-main-menu ul li .sub-menu li a {
padding-left: 15px;
}
.header-main-menu ul li .sub-menu li {
display: block;
width:100%;
margin: 0;
padding: 0;
}
.header-main-menu ul li .sub-menu li:last-child {
border-bottom: 0;
margin-bottom: 0;
}
.header-main-menu ul>li .sub-menu li:last-child a {
padding-bottom: 0;
}
.header-main-menu ul li .sub-menu li .sub-menu {
left: 100%;
top: 50%;
}
.header-main-menu ul li .sub-menu li:hover .sub-menu {
top: 0%;
}
@media (max-width: 992px) {
.header-mid{
display:none;
}
}
/* Header Button */
.header-button a, .header-button-mobile a{
min-width:125px;
}
.header-button {
margin-left:40px;
}
.header-button-mobile {
display: none;
}
@media (max-width: 992px) {
.header-button {
display: none;
}
.header-button-mobile {
display: flex;
align-items:center;
justify-content: center;
margin:0;
margin-left:auto;
padding-bottom:25px;
}
}
.header-menu-top{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:75px;
margin:0;
padding:0 16px;
background: var(--senza-smoke-color);
}
.header-menu-close {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin:0;
margin-right: auto;
padding: 0;
border-radius: 0;
background-color: transparent;
cursor: pointer;
margin-bottom:4px;
}
.header-menu-close span {
position: relative;
border-radius: 0;
display: block;
height: 2px;
padding: 0;
width: 22px;
cursor: pointer;
display: block;
transition: all 0.25s ease;
background-color: var(--senza-black-color);
pointer-events:none;
}
.header-menu-close:hover span {
background-color: var(--senza-black-color);
transition: background-color 0.125s ease;
}
.header-menu-close span:not(:first-child) {
margin-top: 5px;
}
.header-menu-close span:nth-of-type(1) {
transform: rotate3d(0, 0, 1, 45deg);
top: 7px;
}
.header-menu-close span:nth-of-type(2) {
opacity:0;
}
.header-menu-close span:nth-of-type(3) {
transform: rotate3d(0, 0, 1, -45deg);
top: -7px;
}
.ddown-button{
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 30px;
width: 30px;
margin-left: auto;
padding: 0;
border-radius: var(--senza-border-radius-sm);
background-color: transparent;
transition: background-color 0.125s ease 0.005s;
}
.ddown-button:hover{
background-color: var(--senza-smoke-color);
transition: background-color 0.125s ease;
}
.ddown-button i{
transition: transform 0.125s ease;
font-weight: var(--senza-icon-weight);
font-size: 20px;
pointer-events: none;
}
.ddown-button.sub-menu-open i{
transform: rotate(90deg);
}
/* Header Nested Menus */
.header-main-menu ul li .sub-menu li .sub-menu{
display: none;
position: relative;
top: 0;
left: 0;
margin: 0;
padding: 0 0 0 10px;
width: 100%;
box-shadow: none;
border: none;
background-color: transparent;
visibility: visible;
opacity: 1;
transition: none;
}
/* Header Hidden Menu */
.header-main-menu ul>li.menu-list-more:hover>a{
background-size: 0% 1.5px, 0% 1.5px;
}
.menu-items>li.menu-item-hidden,
.menu-list-hidden>li.menu-item-hidden{
display:none!important;
}
/* Header Colors */
.header-side-menu ul.menu-items li a {
color: var(--senza-black-color);
text-transform: capitalize;
}
.header-side-menu ul.menu-items>li.menu-item:hover>a,
.header-side-menu ul.menu-items li a:hover {
color: var(--senza-black-color)!important;
}
.header-side-menu ul.menu-items li .sub-menu li a {
color: var(--senza-black-color);
text-transform: capitalize;
}
.header-side-menu ul.menu-items li .sub-menu li:hover>a {
color: var(--senza-black-color);
}
.header-icon:hover i{
color: var(--senza-primary-color);
}
.header-toggler:hover span, .header-menu-close:hover span{
background-color: var(--senza-primary-color);
}
.header-transparent .header-bar:not(.header-scrolled) .header-main-menu ul:not(.sub-menu) li a,
.header-transparent .header-bar:not(.header-scrolled) .header-site-name a,
.header-transparent .header-bar:not(.header-scrolled) .header-toggler span,
.header-transparent .header-bar:not(.header-scrolled) .header-icon i{
}
/* Footer */
.senza-footer {
padding-bottom:0px;
background: var(--senza-smoke-color);
}
.footer-wrapper{
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 50px;
background: transparent;
}
.footer-col{
width:auto;
max-width:100%;
}
.footer-col-mid{
display: flex;
align-items: center;
justify-content: center;
}
.footer-social-link {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
margin: 16px 0 0 0;
padding: 0;
}
@media (max-width: 992px) {
.footer-social-link {
gap: 16px;
margin-bottom: -16px;
}
}
@media (max-width: 576px) {
.footer-social-link {
gap: 8px;
}
}
.footer-social-link a {
text-decoration: none;
}
.footer-social-icon {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 18px;
}
.footer-social-icon a{
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
margin: 0;
padding: 0;
border-radius: var(--senza-border-radius-sm);
color: var(--senza-black-color);
background: var(--senza-background-color);
transition: all 0.125s ease;
}
.footer-social-icon a:hover{
color: var(--senza-white-default);
background: var(--senza-primary-hover);
transition: all 0.125s ease;
}
.senza-footer form{
width:100%;
}
@media (max-width: 992px) {
.footer-col{
width:100%;
}
.footer-col-left, .footer-col-right{
max-width: 100%;
}
.footer-col-left{
order:4;
}
.footer-col-right{
order:3;
margin-bottom:20px;
}
.footer-social-link {
justify-content:center;
}
}
@media (max-width: 768px) {
.footer-social-icon {
font-size: 16px;
}
}
.footer-item {
margin-bottom: 0px;
}
.footer-item-title {
text-transform: capitalize;
text-align:left;
white-space:nowrap;
}
.footer-item-text{
margin-bottom:0;
text-align:left;
line-height:1.6;
}
.footer-menu .sub-menu {
display: none;
}
.footer-menu ul {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
padding: 0;
margin: 0;
list-style: none;
font-size:1rem;
}
.footer-menu .menu-item {
padding: 0;
margin: 0;
}
.footer-copyright {
display: flex;
align-items: center;
min-height: 50px;
margin:0;
padding: 12px;
background: var(--senza-smoke-color);
border-top: 1px solid var(--senza-border-color);
}
.footer-menu{
margin-bottom:0;
}
.footer-copyright-text {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
text-align: center;
}
.senza-footer .footer-copyright-text p {
margin: 0;
padding: 0;
color: var(--senza-black-color);
font-size: 1rem;
}
.footer-copyright-text i{
margin: 0 2px;
}
.footer-form{
margin-top: 10px;
}
.footer-col-mid .footer-menu ul{
flex-direction:column;
align-items:flex-start;
gap:5px;
}
@media (max-width: 992px) {
.footer-wrapper{
flex-direction:column;
gap:0;
}
.footer-col-mid{
flex-direction:column;
gap:0;
}
.footer-col-mid .footer-menu-wrapper{
width:100%;
}
.footer-col-mid .footer-menu ul{
flex-direction:row;
align-items:center;
justify-content:flex-start;
gap:10px;
margin: -10px 0 30px 0;
}
.footer-item-title, .footer-item-text, .footer-form-text{
text-align:center;
}
}
.senza-footer .theme-contact-form-button button{
width:100%;
}
.senza-footer .theme-contact-form input, .senza-footer .theme-contact-form textarea, .senza-footer .theme-contact-form-button p{
margin-bottom:16px;
}
.senza-footer .theme-contact-form textarea{
height:80px;
}
.senza-footer .theme-contact-form .theme-contact-form-fullname{
padding-right:8px;
}
.senza-footer .theme-contact-form .theme-contact-form-email{
padding-left:8px;
}
@media (max-width: 992px){
.senza-footer .theme-contact-form .theme-contact-form-fullname{
padding-right:12px;
}
.senza-footer .theme-contact-form .theme-contact-form-email{
padding-left:12px;
}
}
@media (min-width: 768px){
.footer-menu .menu-nav{
max-height:unset!important;
}
}
@media (max-width: 992px) {
.footer-menu .menu-nav{
margin-top:24px;
}
.senza-footer,
.senza-footer .footer-col-mid,
.senza-footer .footer-col-mid .footer-menu ul{
text-align:center;
align-items:center;
justify-content: center;
}
.senza-footer form{
display:flex;
align-items:center;
justify-content:center;
margin: 0 auto;
}
}
@media (max-width: 768px) {
.senza-footer .footer-col-mid .footer-menu ul{
flex-direction:column;
align-items:flex-start;
gap:5px;
margin: 0 0 20px 0;
}
.footer-menu .menu-nav{
margin:0 0 4px 0;
}
.footer-item-title, .footer-item-text, .footer-form-text{
text-align:left;
font-size:1rem;
}
.footer-accordion .footer-item-title{
display:flex;
align-items:center;
justify-content:space-between;
cursor:pointer;
}
.footer-accordion .footer-item-title:after{
content: "\f068";
margin-left: auto;
padding-left:10px;
font-family: "Font Awesome 5 Pro" !important;
font-weight: var(--senza-icon-weight);
font-size: 18px;
color: var(--senza-black-color);
}
.footer-accordion .collapsed .footer-item-title:after {
content: "\f067";
}
.footer-accordion .collapsed .footer-item-title:after,
.footer-accordion .footer-item-title:after {
pointer-events:none;
user-select:none;
}
.footer-accordion .collapsed .footer-item-text,
.footer-accordion .collapsed .menu-nav {
overflow: hidden;
max-height: 0px;
transition: max-height 0.25s linear;
}
.footer-accordion .footer-item-text,
.footer-accordion .menu-nav {
max-height: 500px;
overflow: hidden;
transition: max-height 0.25s linear;
}
}
/* Footer Vertical */
.footer-vertical .footer-wrapper{
flex-direction:column;
gap:0;
}
.footer-vertical .footer-col{
width:100%;
}
.footer-vertical .footer-item-title, .footer-vertical .footer-item-text, .footer-vertical .footer-form-text{
text-align:center;
}
.footer-vertical .footer-col-mid{
flex-direction:column;
gap:0;
}
.footer-vertical .footer-col-right{
order:3;
margin-bottom:30px;
}
.footer-vertical .footer-col-left{
order:4;
}
.footer-vertical .footer-col-mid .footer-menu-wrapper{
width:100%;
}
.footer-vertical .footer-col-mid .footer-menu ul{
flex-direction:row;
align-items:center;
justify-content:flex-start;
gap:20px;
margin: -10px 0 30px 0;
}
.footer-vertical .footer-col-left .footer-item-text{
padding:0;
}
.footer-vertical,
.footer-vertical .footer-col-mid,
.footer-vertical .footer-col-mid .footer-menu ul{
text-align:center;
align-items:center;
justify-content: center;
}
.footer-vertical form{
display:flex;
align-items:center;
justify-content:center;
width:100%;
margin: 0 auto;
}
.footer-vertical .footer-social-link{
justify-content:center;
}
@media (max-width: 992px) {
.footer-vertical .footer-col-mid .footer-menu ul{
gap:10px;
}
}
@media (max-width: 768px) {
.footer-vertical .footer-col-mid .footer-menu ul{
flex-direction:column;
align-items:flex-start;
gap:5px;
margin: 0 0 20px 0;
}
.footer-vertical .footer-menu .menu-nav{
margin:0 0 4px 0;
}
.footer-vertical {
padding-bottom:50px;
}
.footer-vertical form{
width:100%;
}
.footer-vertical .footer-item-title, .footer-vertical .footer-item-text, .footer-vertical .footer-form-text{
text-align:left;
}
}
/* Notices Text Slider */
.senza-notices-section {
position: relative;
width: 100%;
padding: 0 24px;
background: var(--senza-black-default);
z-index: 1;
}
.header-scrolled .senza-notices-section{
/*position: fixed;*/
/*top:-50px;*/
}
.senza-notices-section.senza-notices-ticker{
padding:0;
}
.senza-notice-content{
font-size: 1rem;
color: var(--senza-white-default);
}
.senza-notice{
position: relative;
display: block;
top: 0;
width: 100%;
opacity: 0;
transition: all 0.5s ease 0.1s;
}
.senza-notice-content.slick-active .senza-notice{
opacity:1;
padding:0;
}
.senza-notice-content.slick-slide{
display: flex;
align-items: center;
justify-content:center;
padding: 0;
text-align: center;
}
.senza-notices-slider .slick-arrow{
width:auto;
height:auto;
opacity:0.7;
transition: opacity 0.125s ease;
}
.senza-notices-slider .slick-arrow:hover{
opacity:1;
}
.senza-notices-slider .slick-arrow:before{
color: var(--senza-white-default);
font-size:16px;
opacity:1;
}
.senza-notices-section, .senza-notice-content.slick-slide{
height: 40px;
}
@media (max-width: 768px) {
.senza-notices-section{
padding: 0 var(--senza-section-y-padding);
height: 50px;
}
.senza-notice-content.slick-slide{
height:50px;
}
}
@media (max-width: 992px) {
.senza-notice-content{
font-size:0.875rem;
line-height:1.1;
}
}
/* Hero Slider */
.senza-hero-slider-section {
position:relative;
padding: 0;
}
@media (max-width: 768px) {
.senza-hero-slider-section {
padding: 0;
}
}
.senza-hero-slider-background {
position: relative;
overflow: hidden;
height: calc(100vh - 75px); /* fallback */
height: calc(var(--senza-vh, 1vh) * 100 - 75px); /* dynamic vh using js */
}
.senza-notices-enabled .senza-hero-slider-background,
.senza-transparent-header .senza-hero-slider-background {
height: calc(100vh); /* fallback */
height: calc(var(--senza-vh, 1vh) * 100); /* dynamic vh using js */
}
.senza-hero-slider .senza-hero-slider-content-wrapper {
position: relative;
display: flex;
align-items: center;
justify-content: center;
text-align: left;
width: 100%;
height: 100%;
margin: 0;
padding: 75px 25px;
opacity: 1;
transition: all 0.5s;
z-index:1;
}
@media (max-width: 576px) {
.senza-hero-slider .senza-hero-slider-content-wrapper {
padding: 75px var(--senza-section-y-padding) 50px var(--senza-section-y-padding);
}
.senza-hero-slider-section:not(.senza-hero-slider-split) .senza-hero-slider-background{
height: 66vh;
}
.senza-hero-slider-section.senza-notices-enabled:not(.senza-hero-slider-split) .senza-hero-slider-background{
height: calc(66vh + 50px);
}
}
.senza-hero-slider.center_center .senza-hero-slider-content-wrapper {
justify-content: center;
text-align: center;
}
.senza-hero-slider.center_left .senza-hero-slider-content-wrapper {
justify-content: left;
text-align: left;
}
.senza-hero-slider.center_right .senza-hero-slider-content-wrapper {
justify-content: right;
text-align: right;
}
.senza-hero .slick-active .senza-hero-slider-content-wrapper {
opacity: 1;
transform: none;
}
.senza-hero-slider-content h1,
.senza-hero-slider-content p {
color: var(--senza-white-default);
text-shadow: var(--senza-text-shadow);
}
.senza-hero-slider-content h1{
/*margin-bottom: 0.5rem;*/
}
.senza-hero-slider-content a {
min-width:125px;
}
.senza-hero-slider .slick-dots li button{
background: var(--senza-white-default);
box-shadow: var(--senza-text-shadow);
}
.senza-hero-slider .slick-dots li.slick-active button{
opacity: 1;
background: var(--senza-white-default);
}
.senza-hero-slider .container{
height: 100%;
padding: 75px 12px;
overflow: hidden;
}
.senza-hero-slider .senza-hero-slider-content-box{
display: flex;
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
}
.senza-hero-slider .senza-hero-slider-content-box .row{
align-items:center;
justify-content:center;
height: 100%;
width: 100%;
gap:40px;
}
.senza-hero-slider-button{
margin-top: 32px;
}
@media (max-width: 768px) {
.senza-hero-slider-button{
margin-top: 12px;
}
.senza-hero-slider-split .senza-hero-slider-button{
margin-top: 24px;
}
}
/* Hero Cover */
.senza-notices-enabled.senza-hero-slider-cover .senza-hero-slider-content,
.senza-transparent-header.senza-hero-slider-cover .senza-hero-slider-content{
padding-top:50px!important;
}
.senza-notices-enabled.senza-transparent-header.senza-hero-slider-cover .senza-hero-slider-content{
padding-top:75px!important;
}
.senza-hero-slider-cover .center_center .senza-hero-slider-content{
display: flex;
flex-direction: column;
align-items: center;
flex-shrink: 0;
padding: 0;
text-align: center;
justify-content: center;
width: 100%;
height: 100%;
}
.senza-hero-slider-cover .center_left .senza-hero-slider-content{
text-align: left;
padding:0;
}
.senza-hero-slider-cover .center_right .senza-hero-slider-content{
text-align: right;
padding:0;
}
.senza-hero-slider-cover .center_right .senza-hero-slider-content-box{
text-align: right;
}
.senza-hero-slider-cover .center_center .senza-hero-slider-image{
flex-grow: 1;
width: 100%;
height: auto;
}
@media (max-width: 768px) {
.senza-hero-slider-cover .container{
padding: 50px 0;
}
.senza-hero-slider-cover .senza-hero-slider-content{
display:flex;
flex-direction:column;
justify-content:center;
width:100%;
height:100%;
}
.senza-hero-slider-cover .center_center .senza-hero-slider-content{
align-items:center;
padding: 0 32px;
}
.senza-hero-slider-cover .center_left .senza-hero-slider-content{
align-items: flex-start;
padding: 0 32px;
}
.senza-hero-slider-cover .center_right .senza-hero-slider-content{
align-items: flex-end;
padding: 0 32px;
}
}
/* Hero Split */
.senza-hero-slider-split .senza-hero-slider-background{
background-color: var(--senza-smoke-color);
height: calc(100vh);
height: calc(var(--senza-vh, 1vh) * 100);
}
@media (min-width: 768px) {
.senza-hero-slider-split .center_center .senza-hero-slider-background{
height: calc(125vh);
height: calc(var(--senza-vh, 1vh) * 125);
}
}
@media (min-width: 992px) {
.senza-transparent-header.senza-hero-slider-split :not(.center_center) .container{
padding: 125px 12px 75px 12px;
}
}
.senza-notices-enabled.senza-transparent-header.senza-hero-slider-split .container{
padding: 150px 12px 75px 12px;
}
.senza-notices-enabled.senza-hero-slider-split .container{
padding: 125px 12px 75px 12px;
}
.senza-notices-enabled.senza-hero-slider-split .center_center .container{
padding: 100px 12px 75px 12px;
}
.senza-transparent-header.senza-hero-slider-split .center_center .container{
padding: 125px 12px 75px 12px;
}
.senza-notices-enabled.senza-transparent-header.senza-hero-slider-split .center_center .container{
padding: 150px 12px 75px 12px;
}
.senza-hero-slider-split .center_left .senza-hero-slider-content-box .row{
flex-direction:row-reverse;
}
.senza-hero-slider-split .center_left .senza-hero-slider-content{
text-align: left;
padding-left:0;
}
.senza-hero-slider-split .center_right .senza-hero-slider-content-box .row{
flex-direction:reverse;
}
.senza-hero-slider-split .center_right .senza-hero-slider-content{
text-align: left;
padding-right:0;
}
.senza-hero-slider-split .center_center .senza-hero-slider-content-box .row{
flex-direction:column-reverse;
gap:40px;
}
.senza-hero-slider-split .center_right .senza-hero-slider-content-box{
display: flex;
flex-direction: column;
text-align: right;
}
.senza-hero-slider-split .center_center .senza-hero-slider-content{
flex-shrink: 0;
padding-left: 12px;
text-align: center;
}
.senza-hero-slider-split .center_center .senza-hero-slider-image{
flex-grow: 1;
width: 100%;
height: auto;
}
.senza-hero-slider-split .senza-hero-slider-image{
width: calc(66% - 45px);
height:100%;
}
.senza-hero-slider-split .center_left .slick-active .senza-hero-slider-image{
animation: splitSlideRight 0.5s ease;
}
.senza-hero-slider-split .center_right .slick-active .senza-hero-slider-image{
animation: splitSlideLeft 0.5s ease;
}
.senza-hero-slider-split .center_center .slick-active .senza-hero-slider-image{
animation: splitFadeIn 0.5s ease;
}
@keyframes splitSlideRight {
0% {
opacity: 0;
transform: translateX(25px) scale(1);
}
100% {
opacity: 1;
transform: translateX(0px) scale(1);
}
}
@keyframes splitSlideLeft {
0% {
opacity: 0;
transform: translateX(-25px) scale(1);
}
100% {
opacity: 1;
transform: translateX(0px) scale(1);
}
}
@keyframes splitFadeIn{
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@media (max-width: 768px) {
.senza-hero-slider-split .container{
padding: 50px 25px 50px 25px;
}
.senza-transparent-header.senza-hero-slider-split .center_center .container,
.senza-notices-enabled.senza-hero-slider-split .center_center .container,
.senza-transparent-header.senza-hero-slider-split .container,
.senza-notices-enabled.senza-hero-slider-split .container{
padding: 100px 25px 50px 25px;
}
.senza-notices-enabled.senza-transparent-header.senza-hero-slider-split .container{
padding: 150px 25px 50px 25px;
}
.senza-hero-slider-split .center_center .senza-hero-slider-content-box .row,
.senza-hero-slider-split .center_right .senza-hero-slider-content-box .row,
.senza-hero-slider-split .center_left .senza-hero-slider-content-box .row{
flex-direction:column-reverse;
gap:30px;
}
.senza-hero-slider-split .center_left .senza-hero-slider-content,
.senza-hero-slider-split .center_right .senza-hero-slider-content,
.senza-hero-slider-split .center_center .senza-hero-slider-content,
.senza-hero-slider-split .senza-hero-slider-content{
text-align: center;
padding: 0 12px;
}
.senza-hero-slider-split .center_left .senza-hero-slider-image,
.senza-hero-slider-split .center_right .senza-hero-slider-image,
.senza-hero-slider-split .center_center .senza-hero-slider-image{
flex-grow: 1;
width: 100%;
height: auto;
}
.senza-hero-slider-split .center_left .slick-active .senza-hero-slider-image,
.senza-hero-slider-split .center_right .slick-active .senza-hero-slider-image,
.senza-hero-slider-split .center_center .slick-active .senza-hero-slider-image{
animation: splitFadeIn 0.5s;
}
}
.senza-hero-slider-split .senza-hero-slider-content h1,
.senza-hero-slider-split .senza-hero-slider-content p{
color: var(--senza-black-default);
text-shadow: none;
}
/* Hero Offset */
.senza-hero-slider-foreground{
position:absolute;
bottom:0;
right: 50%;
transform: translateX(50%);
height:100%;
width:auto;
z-index:-1;
pointer-events:none;
}
.senza-notices-enabled .senza-hero-slider-foreground,
.senza-transparent-header .senza-hero-slider-foreground{
height:calc(100% - 50px);
}
.senza-notices-enabled.senza-transparent-header .senza-hero-slider-foreground{
height:calc(100% - 100px);
}
.senza-hero-slider.center_center .senza-hero-slider-foreground{
transform: translateX(50%);
}
.senza-hero-slider.center_center .slick-active .senza-hero-slider-foreground {
animation: offsetFadeIn 0.7s ease 1 forwards;
}
.senza-hero-slider.center_left .senza-hero-slider-foreground{
transform: translateX(calc(50% + 200px));
}
.senza-hero-slider.center_right .senza-hero-slider-foreground{
transform: translateX(calc(50% - 200px));
}
.senza-hero-slider.center_left .slick-active .senza-hero-slider-foreground {
animation: offsetSlideRight 0.7s ease;
}
.senza-hero-slider.center_right .slick-active .senza-hero-slider-foreground {
animation: offsetSlideLeft 0.7s ease;
}
@keyframes offsetFadeIn {
0% {
opacity: 0;
transform: translateX(calc(50% + 25px));
}
100% {
opacity: 1;
transform: translateX(50%);
}
}
@keyframes offsetSlideRight {
0% {
opacity: 0;
transform: translateX(calc(50% + 250px));
}
100% {
opacity: 1;
transform: translateX(calc(50% + 200px));
}
}
@keyframes offsetSlideLeft {
0% {
opacity: 0;
transform: translateX(calc(50% - 250px));
}
100% {
opacity: 1;
transform: translateX(calc(50% - 200px));
}
}
.senza-hero-slider-offset .senza-hero-slider-background{
background-color: var(--senza-smoke-color);
}
.senza-hero-slider-offset .senza-hero-slider-background:after{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--senza-background-overlay);
z-index: -2;
}
@media (max-width: 768px) {
.senza-hero-slider-offset .senza-hero-slider-background:after{
z-index:-1;
}
.senza-hero-slider.center_left .senza-hero-slider-foreground{
transform: translateX(calc(50% + 100px));
}
.senza-hero-slider.center_right .senza-hero-slider-foreground{
transform: translateX(calc(50% - 100px));
}
@keyframes offsetSlideRight {
0% {
opacity: 0;
transform: translateX(calc(50% + 150px));
}
100% {
opacity: 1;
transform: translateX(calc(50% + 100px));
}
}
@keyframes offsetSlideLeft {
0% {
opacity: 0;
transform: translateX(calc(50% - 150px));
}
100% {
opacity: 1;
transform: translateX(calc(50% - 100px));
}
}
}
/* Image Cards */
.senza-imagecard-wrapper {
display: flex;
flex-direction:row;
gap:30px;
flex-wrap: nowrap;
margin: 0;
padding: 0;
}
.senza-imagecard-wrapper {
&::-webkit-scrollbar {
display: none;
}
}
.senza-imagecard-content {
position:relative;
margin: 0;
padding: 0;
flex: 1 1 0;
min-width: 0;
box-sizing: border-box;
overflow:hidden;
scroll-snap-align: start;
}
.senza-imagecard-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 0;
object-fit: cover;
object-position: center;
z-index: -1;
}
.senza-imagecard-content:hover .senza-imagecard-image {
transform: scale(1.1);
transition: transform 0.4s ease;
}
@media (max-width: 992px) {
.senza-imagecard-wrapper {
display: flex;
flex-wrap: nowrap;
gap: 20px;
height: auto;
width: 100%;
margin: 0;
padding: 0;
overflow-y: hidden;
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
scroll-padding: 0;
}
.senza-imagecard-content{
flex: 0 0 calc(70% - 20px);
}
}
@media (max-width: 768px) {
.senza-imagecard-content {
flex: 0 0 calc(75% - 10px);
}
}
.senza-imagecard-title, .senza-imagecard-text {
margin-bottom: 12px;
color: var(--senza-white-default);
text-shadow: var(--senza-text-shadow);
}
.senza-imagecard-title{
margin-bottom: 8px;
}
a.senza-imagecard-button{
display:inline-block;
color: var(--senza-white-default);
text-shadow: var(--senza-text-shadow);
text-decoration:none;
font-size:1rem;
}
a.senza-imagecard-button span{
padding-bottom:2px;
background-image: linear-gradient(currentColor, currentColor), linear-gradient(currentColor, currentColor);
background-size: 0% 1px, 0% 1px;
background-position: 50% 100%, 50% 100%;
background-repeat: no-repeat;
transition: all 0.125s linear;
}
.senza-imagecard-content:hover a.senza-imagecard-button span{
background-size: 100% 1px, 100% 1px;
}
/* Image Cards Grid */
@media (min-width: 992px) {
.senza-imagecard-grid .senza-imagecard-wrapper {
display: grid;
grid-template-columns: 3fr 1fr 1fr 3fr; /* 4 columns total */
gap: 30px;
margin: 0;
padding: 0;
}
.senza-imagecard-grid .senza-imagecard-content:nth-child(1) {
grid-column: span 3; /* 3 width on row 1 */
grid-row: 1;
}
.senza-imagecard-grid .senza-imagecard-content:nth-child(2) {
grid-column: span 1; /* 1 width on row 1 */
grid-row: 1;
}
.senza-imagecard-grid .senza-imagecard-content:nth-child(3) {
grid-column: span 1; /* 1 width on row 2 */
grid-row: 2;
}
.senza-imagecard-content:nth-child(4) {
grid-column: span 3; /* 3 width on row 2 */
grid-row: 2;
}
}
/* Image Cards Text Align */
.senza-imagecard-card{
width:100%;
text-align:center;
user-select:none;
}
.senza-imagecard-card.align_left{
text-align:left;
}
.senza-imagecard-card.align_center{
text-align:center;
}
.senza-imagecard-card.align_right{
text-align:right;
}
/* Image Cards Boxed */
.senza-imagecard-boxed .senza-imagecard-content {
position: relative;
display:flex;
align-items:flex-end;
height: 50vh;
padding: 30px;
background-position: center center;
background-size: cover;
background-color: var(--senza-smoke-color);
border-radius: var(--senza-border-radius-lg);
z-index: 1;
transform: scale(1);
transition: all 0.125s ease;
}
/*
.senza-imagecard-boxed .senza-imagecard-content:hover{
transform:scale(0.99);
transition: all 0.25s ease;
box-shadow: 0 0 7px rgba(0, 0, 0, 0.7);
}
*/
.senza-imagecard-boxed .senza-imagecard-content:after{
position: absolute;
top: 0;
left: 0;
content: "";
width: 100%;
height: 100%;
background: var(--senza-background-overlay);
z-index: -1;
border-radius: var(--senza-border-radius-lg);
}
.senza-imagecard-boxed .senza-imagecard-content:hover:after{
opacity:0;
transition: opacity 0.125s ease;
}
.senza-imagecard-boxed .senza-imagecard-image{
border-radius: var(--senza-border-radius-md);
}
@media (max-width: 992px) {
.senza-imagecard-boxed .senza-imagecard-wrapper{
gap:20px;
}
.senza-imagecard-boxed .senza-imagecard-content{
flex: 0 0 75%;
height: 400px;
}
}
@media (max-width: 768px) {
.senza-imagecard-boxed .senza-imagecard-wrapper{
gap:10px;
}
.senza-imagecard-boxed .senza-imagecard-content{
height: 300px;
}
.senza-imagecard-boxed .senza-imagecard-content{
padding: 25px;
}
}
@media (max-width: 578px) {
.senza-imagecard-boxed .senza-imagecard-content{
height: 250px;
}
}
/* Image Cards Borders */
.senza-imagecard-section:not(.section-border-none){
background: var(--senza-background-color);
}
/* Image Cards Curved */
.section-border-curved.senza-imagecard-section:after {
content: "";
position:absolute;
left:0;
bottom:0;
width:100%;
height: 50px;
background: var(--senza-white-color);
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
pointer-events: none;
z-index:2;
transform: scale(-1.05);
}
.section-border-curved.senza-imagecard-section{
margin-bottom: 50px;
padding-bottom:150px;
}
@media (max-width: 768px) {
.section-border-curved.senza-imagecard-section:after{
height:25px;
}
.section-border-curved.senza-imagecard-section{
margin-bottom: 50px;
padding: 75px var(--senza-section-y-padding) 100px var(--senza-section-y-padding) ;
}
}
/* Image Cards Glitched */
.section-border-glitched.senza-imagecard-section:after{
content:"";
position:absolute;
left:0;
bottom:0;
width: 100%;
height: 40px;
background: var(--senza-white-color);
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-repeat: no-repeat;
background-size: 100% 100%;
pointer-events: none;
z-index:2;
}
.section-border-glitched.senza-imagecard-section{
margin-bottom:75px;
padding-bottom: calc(var(--senza-section-x-padding) + 40px);
}
@media (max-width: 768px) {
.section-border-glitched.senza-imagecard-section{
margin-bottom:50px;
padding-bottom: 100px;
}
}
/* Products Carousel */
.senza-product-carousel-section .container{
position:relative;
}
.senza-product-carousel-header h2{
width: calc(100% - 70px);
margin:0 0 30px 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.senza-product-carousel-section .woo-product-carousel .slick-prev{
right:54px;
}
.senza-product-carousel-section .woo-product-carousel .slick-next{
right:12px;
}
@media (max-width: 768px) {
.senza-product-carousel-section .woo-product-carousel .slick-prev{
right:48px;
}
}
/* Products Storefront */
.senza-product-storefront-header-title{
display:flex;
flex-direction: column;
margin-bottom: 30px;
width:100%;
}
ul.senza-product-storefront {
display: flex;
flex-wrap: wrap;
padding: 0;
margin: 0 -15px;
justify-content: flex-start;
}
.senza-product-storefront .senza-product-li {
position: relative;
width: calc(25% - 30px);
height: fit-content;
margin: 0 15px 30px 15px;
padding: 0;
text-align: center;
list-style: none;
}
@media (max-width: 992px) {
ul.senza-product-storefront{
margin: 0 -10px;
}
.senza-product-storefront .senza-product-li {
width: calc(50% - 20px);
margin: 10px 10px 20px 10px;
}
.senza-product-storefront-header-title{
margin-bottom: 20px;
}
}
@media (max-width: 768px) {
ul.senza-product-storefront{
margin: 0 -5px;
}
.senza-product-storefront .senza-product-li {
width: calc(50% - 10px);
margin: 10px 5px 20px 5px;
}
}
.senza-product-storefront .senza-product-thumbnail {
display: block;
position: relative;
width: 100%;
overflow: hidden;
border-radius: var(--senza-border-radius-md);
text-decoration: none;
}
.senza-product-storefront .senza-product-thumbnail img {
width: 100%;
height: auto;
display: block;
margin: 0;
padding: 0;
box-shadow: none;
}
.senza-product-storefront .senza-product-title {
text-decoration: none;
}
.senza-product-storefront .senza-product-title h2 {
display: block;
width: 100%;
margin: 0;
padding: 0;
font-size: 1rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 1.8;
text-transform:capitalize;
font-family: var(--senza-default-font);
font-weight: 500;
}
.senza-product-storefront .senza-product-title:hover h2 {
color: var(--senza-primary-hover);
transition: color 0.125s ease;
}
.senza-product-storefront .added_to_cart {
display: none;
}
.senza-product-storefront .senza-product-add-to-cart {
position: absolute;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: var(--senza-button-height);
margin-top: 0px;
border-radius: 0 0 var(--senza-border-radius-md) var(--senza-border-radius-md);
font-size: 1rem;
font-weight: var(--senza-button-weight);
box-shadow: none;
text-decoration: none;
line-height: 1;
cursor: pointer;
color: var(--senza-white-default);
background-color: var(--senza-primary-color);
transition: bottom 0.2s ease 0.1s;
opacity: 0;
visibility: hidden;
}
.senza-product-storefront .senza-product-add-to-cart:hover {
text-decoration: none;
color: var(--senza-white-default);
background: var(--senza-primary-hover);
}
.senza-product-storefront .senza-product-li:hover .senza-product-add-to-cart{
opacity: 1;
visibility: visible;
transition: background-color 0.25s ease, opacity 0.4s ease, visibility 0.4s ease;
}
.senza-product-storefront .senza-product-li:hover .senza-product-thumbnail img {
transform: scale(1.1);
transition: transform 0.25s ease;
}
.senza-product-storefront .senza-product-add-to-cart.loading {
opacity: 1;
visibility: visible;
pointer-events: none;
background: var(--senza-primary-color);
font-size:0!important;
bottom:0;
}
.senza-product-storefront .senza-product-add-to-cart.loading::after {
content: "Adding...";
display: block;
font-size:1rem;
}
.senza-product-storefront .senza-product-title h2{
color: var(--senza-black-color);
}
.senza-product-storefront .senza-product-price {
color: var(--senza-text-color);
}
.view-shop-button{
min-width:125px;
display:inline-flex;
margin-top: 30px;
}
@media (max-width: 768px) {
.view-shop-button{
margin-top: 20px;
}
}
/* Product Storefront - Categories */
.senza-product-categories-tabs-wrapper{
position:relative;
}
.senza-product-categories-tabs {
border: none;
display: flex;
flex-wrap: nowrap;
gap: 20px;
overflow-y: hidden;
white-space: nowrap;
margin: 0 100px 0 0;
padding: 0;
max-width: 100%;
height:42px;
-ms-overflow-style: none;
scrollbar-width: none;
}
.senza-product-categories-tabs::-webkit-scrollbar {
display: none;
}
.senza-product-categories-tab-btn{
position: absolute;
top: 0;
display: flex;
align-items: center;
justify-content:flex-end;
height: 42px;
width: 20px;
color: var(--senza-black-color);
font-weight: var(--senza-icon-weight);
font-size: 18px;
cursor:pointer;
transition: all 0.125s ease;
}
.senza-product-categories-tab-btn:hover{
color: var(--senza-primary-color);
}
.senza-product-categories-tab-prev{
right:56px;
}
.senza-product-categories-tab-next{
right:12px;
}
@media (max-width: 992px) {
.senza-product-categories-tabs {
margin: 0 80px 0 0;
}
.senza-product-categories-tab-btn{
/*display:none; flex*/
}
}
@media (max-width: 768px) {
.senza-product-categories-tab-prev{
right:50px;
}
.senza-product-categories-tabs {
gap:0;
}
}
.senza-product-categories-tab-btn.disabled{
opacity:0.3;
pointer-events:none;
}
.senza-product-categories-li a.nav-link,
.senza-product-categories-li a.nav-link:focus,
.senza-product-categories-li a.nav-link:visited,
.senza-product-categories-li a.nav-link:active{
display:flex;
align-items:center;
justify-content:center;
height: var(--senza-button-height);
color:var(--senza-text-color);
border: 1px solid transparent;
border-radius:var(--senza-border-radius-sm);
text-decoration:none;
text-transform:capitalize;
padding: 12px 18px;
user-select:none;
}
.senza-product-categories-li a.nav-link:hover{
color:var(--senza-black-color);
border: 1px solid transparent;
}
.senza-product-categories-li a.nav-link.active{
color:var(--senza-white-default);
background:var(--senza-primary-color);
border-radius:var(--senza-border-radius-sm);
border-color:transparent;
}
.senza-product-categories-panel{
position:relative;
margin-top:30px;
text-align:center;
}
@media (max-width: 992px) {
.senza-product-categories-panel{
margin-top:20px;
}
}
.senza-category-link{
min-width: 125px;
text-transform: capitalize;
margin-top: 30px;
}
@media (max-width: 768px) {
.senza-category-link{
margin-top: 20px;
}
}
/* Wishlisted Products */
.senza-wishlist-message{
margin-bottom: 20px;
}
ul.senza-wishlisted-products {
display: flex;
flex-wrap: wrap;
padding: 0;
margin: 0 -15px;
justify-content: flex-start;
}
.senza-wishlisted-products .senza-product-li {
position: relative;
width: calc(25% - 30px);
height: fit-content;
margin: 0 15px 30px 15px;
padding: 0;
text-align: center;
list-style: none;
}
@media (max-width: 992px) {
ul.senza-wishlisted-products{
margin: 0 -10px;
}
.senza-wishlisted-products .senza-product-li {
width: calc(50% - 20px);
margin: 10px 10px 20px 10px;
}
.senza-wishlisted-products-header-title{
margin-bottom: 20px;
}
}
@media (max-width: 768px) {
ul.senza-wishlisted-products{
margin: 0 -5px;
}
.senza-wishlisted-products .senza-product-li {
width: calc(50% - 10px);
margin: 10px 5px 20px 5px;
}
}
.senza-wishlisted-products .senza-product-thumbnail {
display: block;
position: relative;
width: 100%;
overflow: hidden;
border-radius: var(--senza-border-radius-md);
text-decoration: none;
}
.senza-wishlisted-products .senza-product-thumbnail img {
width: 100%;
height: auto;
display: block;
margin: 0;
padding: 0;
box-shadow: none;
}
.senza-wishlisted-products .senza-product-title {
text-decoration: none;
}
.senza-wishlisted-products .senza-product-title h2 {
display: block;
width: 100%;
margin: 0;
padding: 0;
font-size: 1rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 1.8;
text-transform:capitalize;
}
.senza-wishlisted-products .senza-product-title:hover h2 {
color: var(--senza-primary-hover);
transition: color 0.125s ease;
}
.senza-wishlisted-products .added_to_cart {
display: none;
}
.senza-wishlisted-products .senza-product-add-to-cart {
position: absolute;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: var(--senza-button-height);
margin-top: 0px;
border-radius: 0 0 var(--senza-border-radius-md) var(--senza-border-radius-md);
font-size: 1rem;
font-weight: var(--senza-button-weight);
box-shadow: none;
text-decoration: none;
line-height: 1;
cursor: pointer;
color: var(--senza-white-default);
background-color: var(--senza-primary-color);
transition: bottom 0.2s ease 0.1s;
opacity: 0;
visibility: hidden;
}
.senza-wishlisted-products .senza-product-add-to-cart:hover {
text-decoration: none;
color: var(--senza-white-default);
background: var(--senza-primary-hover);
}
.senza-wishlisted-products .senza-product-li:hover .senza-product-add-to-cart{
opacity: 1;
visibility: visible;
transition: background-color 0.25s ease, opacity 0.4s ease, visibility 0.4s ease;
}
.senza-wishlisted-products .senza-product-li:hover .senza-product-thumbnail img {
transform: scale(1.1);
transition: transform 0.25s ease;
}
.senza-wishlisted-products .senza-product-add-to-cart.loading {
opacity: 1;
visibility: visible;
pointer-events: none;
background: var(--senza-primary-color);
font-size:0!important;
bottom:0;
}
.senza-wishlisted-products .senza-product-add-to-cart.loading::after {
content: "Adding...";
display: block;
font-size:1rem;
}
.senza-wishlisted-products .senza-product-title h2{
color: var(--senza-black-color);
}
.senza-wishlisted-products .senza-product-price {
color: var(--senza-text-color);
}
/* Banner CTA */
.senza-banner-section{
position:relative;
overflow:hidden;
}
.senza-banner-large-background {
position: relative;
display:flex;
align-items:center;
height: calc(100vh - 125px); /* fallback */
height: calc(var(--senza-vh, 1vh) * 100 - 125px); /* dynamic vh using js */
padding:100px calc(var(--senza-section-y-padding) * 2);
z-index: 1;
background-position: center center;
background-size: cover;
background-color: var(--senza-white-color);
margin:0 -1px;
}
.senza-banner-small-background {
position: relative;
display:flex;
align-items:center;
height: auto;
min-height: 33vh;
padding:100px calc(var(--senza-section-y-padding) * 2);
z-index: 1;
background-position: center center;
background-size: cover;
background-color: var(--senza-white-color);
margin:0 -1px;
}
.senza-banner-background:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--senza-background-overlay);
z-index: -1;
}
.senza-banner-content-box{
display:flex;
flex-direction: column;
align-items:center;
justify-content:center;
}
.senza-banner-content-box-left,.senza-banner-content-box-right{
width: 100%;
text-align:center;
}
.center_left .senza-banner-content-box-left,
.center_left .senza-banner-content-box-right{
text-align:left;
}
.center_right .senza-banner-content-box-left,
.center_right .senza-banner-content-box-right{
text-align:right;
}
.senza-banner-content-box h1, .senza-banner-content-box p {
color: var(--senza-white-default);
text-shadow: var(--senza-text-shadow);
}
.senza-banner-button{
min-width:125px;
margin-top:16px;
}
/* Banner Horizontal */
.senza-banner-horizontal .senza-banner-content-box{
flex-direction: row;
}
.senza-banner-horizontal .senza-banner-content-box h1 {
margin-bottom:0.5rem;
}
.senza-banner-horizontal .senza-banner-content-box p {
margin-bottom: 0px;
}
.senza-banner-horizontal .senza-banner-content-box-left{
width: 60%;
text-align:center;
}
.center_left.senza-banner-horizontal .senza-banner-content-box-left{
text-align:left;
}
.center_right.senza-banner-horizontal .senza-banner-content-box-left{
text-align:right;
}
.senza-banner-horizontal .senza-banner-content-box-right{
width: 40%;
text-align:center;
}
.senza-banner-horizontal .senza-banner-button{
margin-top:0;
}
@media (max-width: 768px) {
.senza-banner-content-box,
.senza-banner-horizontal .senza-banner-content-box{
flex-direction: column;
}
.senza-banner-content-box-left,
.senza-banner-horizontal .senza-banner-content-box-left,
.senza-banner-content-box-right,
.senza-banner-horizontal .senza-banner-content-box-right{
text-align:center;
width: 100%;
}
.center_left .senza-banner-content-box-left,
.center_left .senza-banner-content-box-right,
.center_left.senza-banner-horizontal .senza-banner-content-box-left{
text-align:left;
}
.center_right .senza-banner-content-box-left,
.center_right .senza-banner-content-box-right,
.center_right.senza-banner-horizontal .senza-banner-content-box-left{
text-align:right;
}
.force_center .senza-banner-content-box-left,
.force_center .senza-banner-content-box-right,
.force_center .senza-banner-horizontal .senza-banner-content-box-left,
.force_center .senza-banner-horizontal .senza-banner-content-box-right,
.force_center.center_left .senza-banner-content-box-left,
.force_center.center_left .senza-banner-content-box-right,
.force_center.center_right .senza-banner-content-box-left,
.force_center.center_right .senza-banner-content-box-right,
.force_center.center_left.senza-banner-horizontal .senza-banner-content-box-left,
.force_center.center_right.senza-banner-horizontal .senza-banner-content-box-left{
text-align:center;
width: 100%;
}
.senza-banner-horizontal .senza-banner-content-box h1,
.senza-banner-horizontal .senza-banner-content-box p{
margin-bottom:1rem;
}
.senza-banner-button,
.senza-banner-horizontal .senza-banner-button{
margin-top:12px;
}
}
/* Banner Borders */
.section-border-curved.senza-banner-section .senza-banner-small-background,
.section-border-glitched.senza-banner-section .senza-banner-small-background{
min-height:66vh;
}
/* Banner Curved */
.section-border-curved.senza-banner-section:before {
content: "";
position:absolute;
left:0;
top:0;
width:100%;
height: 50px;
background: var(--senza-white-color);
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
pointer-events: none;
z-index:2;
}
.section-border-curved.senza-banner-section:after {
content: "";
position:absolute;
left:0;
bottom:0;
width:100%;
height: 50px;
background: var(--senza-white-color);
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
pointer-events: none;
z-index:2;
transform: scale(-1.05);
}
.section-border-curved.senza-banner-section{
margin: -50px 0 -25px 0;
}
@media (max-width: 992px) {
.section-border-curved.senza-banner-section{
margin:-50px 0;
}
}
@media (max-width: 768px) {
.section-border-curved.senza-banner-section{
margin:-25px 0;
}
.section-border-curved.senza-banner-section:before,
.section-border-curved.senza-banner-section:after {
height: 25px;
}
}
/* Banner Glitched */
.section-border-glitched.senza-banner-section:before{
content:"";
position:absolute;
right:0;
top:0;
width: 100%;
height: 40px;
background: var(--senza-white-color);
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-repeat: no-repeat;
background-size: 100% 100%;
pointer-events:none;
z-index:2;
transform:scale(-1);
}
.section-border-glitched.senza-banner-section:after{
content:"";
position:absolute;
left:0;
bottom:0;
width: 100%;
height: 40px;
background: var(--senza-white-color);
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-repeat: no-repeat;
background-size: 100% 100%;
pointer-events:none;
z-index:2;
}
/* Infoicon Wide */
.senza-infoicon-section{
padding:50px 0 10px 0;
background-color: var(--senza-background-color);
z-index:1;
border-top:1px var(--senza-border-dark)!important;
border-bottom:1px var(--senza-border-dark)!important;
overflow:hidden;
}
.senza-infoicon-content{
text-align:center;
margin-bottom:40px;
}
.senza-infoicon-icon {
font-size: 32px;
margin-bottom: 10px;
font-weight: var(--senza-icon-weight);
}
.senza-infoicon-title {
margin-bottom: 0px;
}
.senza-infoicon-text {
margin: 12px 0 0 0;
font-size:1rem;
color: var(--senza-text-color);
}
.senza-infoicon-icon, .senza-infoicon-title{
color: var(--senza-black-color);
}
@media (max-width: 992px) {
.senza-infoicon-section{
padding: 50px 0 30px 0;
}
}
/* Infoicon Borders */
.section-border-curved.senza-infoicon-section,
.section-border-glitched.senza-infoicon-section{
padding:125px 0 50px 0;
}
@media (max-width: 768px) {
.section-border-curved.senza-infoicon-section,
.section-border-glitched.senza-infoicon-section{
padding:100px 0 35px 0;
}
}
/* Infoicon Curved */
.section-border-curved.senza-infoicon-section:before {
content: "";
position:absolute;
left:0;
top:0;
width:100%;
height: 50px;
background: var(--senza-white-color);
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
pointer-events: none;
z-index:2;
}
@media (max-width: 768px) {
.section-border-curved.senza-infoicon-section:before{
height:25px;
}
}
/* Infoicon Glitched */
.section-border-glitched.senza-infoicon-section:before{
content:"";
position:absolute;
right:0;
top:0;
width: 100%;
height: 40px;
background: var(--senza-white-color);
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-repeat: no-repeat;
background-size: 100% 100%;
pointer-events:none;
z-index:2;
transform:scale(-1);
}
/* Infoicon Alt */
.senza-infoicon-boxed{
background-color: var(--senza-primary-color);
}
.senza-infoicon-boxed .senza-infoicon-icon,
.senza-infoicon-boxed .senza-infoicon-title,
.senza-infoicon-boxed .senza-infoicon-text{
color: var(--senza-black-default);
cursor: default;
}
.senza-infoicon-boxed .senza-infoicon-card{
background: #fafafacc;
border-radius: var(--senza-border-radius-md);
padding:25px;
transition: all 0.25s ease;
}
.senza-infoicon-boxed .senza-infoicon-card:hover{
background: var(--senza-smoke-color);
transition: all 0.25s ease;
}
@media (max-width: 992px) {
.senza-infoicon-boxed .senza-infoicon-content{
margin-bottom: 30px;
}
}
.senza-infoicon-boxed.section-border-curved.senza-infoicon-section,
.senza-infoicon-boxed.section-border-glitched.senza-infoicon-section{
padding: 135px 0 50px 0;
}
@media (max-width: 992px) {
.senza-infoicon-boxed.section-border-curved.senza-infoicon-section,
.senza-infoicon-boxed.section-border-glitched.senza-infoicon-section{
padding: 125px 0 50px 0;
}
}
@media (max-width: 768px) {
.senza-infoicon-boxed.section-border-curved.senza-infoicon-section,
.senza-infoicon-boxed.section-border-glitched.senza-infoicon-section {
padding: 100px 0 50px 0;
}
}
/* Shoppable Image */
.senza-shoppable-cta-content {
position: relative;
display: none;
flex-direction: column;
justify-content: center;
padding: 50px 75px;
border-radius: 0 0 var(--senza-border-radius-md) var(--senza-border-radius-md);
background-color: var(--senza-smoke-color);
overflow: hidden;
z-index: 1;
}
.senza-shoppable-cta-header {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.senza-shoppable-cta-header p {
text-align: center;
color: var(--senza-text-color);
}
.senza-shoppable-cta-header h2 {
text-align: center;
color: var(--senza-black-color);
}
.senza-shoppable-image-wrapper {
position: relative;
}
.senza-shoppable-image{
width: 100%;
height: 100%;
z-index: 0;
}
.senza-shoppable-image,
.senza-shoppable-image-map {
border-radius: var(--senza-border-radius-md);
background-color: var(--senza-background-color);
}
.senza-shoppable-image-map {
display: block;
width: 100%;
height: 100%;
max-width: 100%;
}
@media (min-width: 992px) {
.senza-shoppable-image-map{
border-radius: var(--senza-border-radius-md) 0 0 var(--senza-border-radius-md);
}
.senza-shoppable-cta-content {
display: flex;
height: 100%;
min-height: 66vh;
box-shadow: none;
border-radius: 0 var(--senza-border-radius-md) var(--senza-border-radius-md) 0;
}
.senza-shoppable-image,
.senza-shoppable-image-wrapper{
padding-right: 0;
}
.senza-shoppable-content-wrapper{
padding-left: 0;
}
.senza-shoppable-cta-header-mobile{
display:none;
}
}
/* Shoppable Image markers */
.senza-shoppable-image-marker-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index:0;
}
.senza-shoppable-image-marker {
position: absolute;
width: 20px;
height: 20px;
border-radius: 50%;
outline-offset: 2px;
background: var(--senza-secondary-color);
pointer-events: all;
cursor: pointer;
opacity:0;
visibility:hidden;
}
.senza-shoppable-image-marker.shoppable-marker-active{
background-color: var(--senza-primary-color);
}
.senza-shoppable-image-marker.shoppable-marker-active::after {
content: '';
display: block;
position: absolute;
top: calc(50% - 15px);
left: calc(50% - 15px);
width: 30px;
height: 30px;
opacity: 0.1;
border-radius: 50%;
background-color: var(--senza-primary-color);
z-index:-1;
}
.senza-shoppable-image-marker:not(.shoppable-marker-active)::after {
content: '';
display: block;
position: absolute;
top: calc(50% - 20px);
left: calc(50% - 20px);
width: 40px;
height: 40px;
opacity: 1;
border-radius: 50%;
background-color: var(--senza-secondary-color);
animation: ping 1.2s ease infinite;
z-index:-1;
}
@keyframes ping {
0% {
transform: scale(0.6); opacity: 1;
}
100% {
transform: scale(0.8); opacity: 0;
}
}
.senza-shoppable-image-marker.shoppable-marker-loaded{
opacity:1;
visibility:visible;
transition: opacity .5s ease, visibility 1s ease;
}
.senza-shoppable-marker-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: var(--senza-white-default);
font-size: 12px;
font-weight: var(--senza-icon-weight);
pointer-events: none;
transition: transform 0.25s ease;
}
@media (min-width: 992px) {
.senza-shoppable-marker-icon{
display:none;
}
}
.shoppable-marker-active .senza-shoppable-marker-icon {
transform: translate(-50%, -50%) rotate(45deg);
}
.senza-shoppable-popup{
position:absolute;
top:30px;
left:0px;
display: flex;
width:auto;
height:100px;
background: var(--senza-white-color);
border-radius:var(--senza-border-radius-sm);
overflow: hidden;
cursor: default;
z-index:1;
opacity:0;
visibility:hidden;
pointer-events:none;
transform: scale(0.9);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.senza-shoppable-popup.shoppable-popup-active {
opacity: 1;
visibility: visible;
pointer-events: all;
transform: scale(1);
transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out, transform 0.25s ease-in-out;
}
.senza-shoppable-thumbnail{
width:100px;
min-width:100px;
background-color: var(--senza-smoke-color);
}
.senza-shoppable-product{
display:flex;
align-items: center;
width:auto;
min-width: 175px;
padding:0 0 0 20px;
background: var(--senza-white-color);
}
.senza-shoppable-product-info{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
width: 100%;
height: 100%;
padding-right:10px;
}
.senza-shoppable-product-title{
color: var(--senza-black-color);
font-weight:bold;
font-size:1rem;
text-align:left;
margin-bottom:0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.senza-shoppable-product-price{
display:flex;
gap:5px;
margin-bottom:0;
text-align:left;
font-size:1rem;
}
.senza-shoppable-product-price, .senza-shoppable-product-price ins{
color: var(--senza-black-color);
text-decoration:none;
}
.senza-shoppable-product-button{
display:flex;
align-items:center;
justify-content:center;
width:40px;
height:100%;
background: var(--senza-white-color);
}
.senza-shoppable-product-link,
.senza-shoppable-product-link:focus,
.senza-shoppable-product-link:active,
.senza-shoppable-product-link:visited{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
color:var(--senza-white-default);
text-decoration:none;
background: var(--senza-primary-color);
}
.senza-shoppable-product-link:hover{
text-decoration:none;
color:var(--senza-white-default);
background: var(--senza-primary-hover);
transition: background-color 0.125s ease;
}
.senza-shoppable-product-link i{
font-weight: var(--senza-icon-weight);
}
@media (max-width: 768px) {
.senza-shoppable-product{
min-width: 150px;
}
}
/* Shoppable Carousel */
.senza-shoppable-carousel-wrapper{
position:relative;
margin-top: 24px;
display:flex;
align-items: center;
justify-content: center;
}
.senza-shoppable-carousel{
position:relative;
margin:0;
padding:0;
list-style: none;
width: 50%;
}
.senza-shoppable-carousel .senza-product-li{
position: absolute;
top:0;
left:0;
width: 100%;
height: fit-content;
margin: 0;
padding: 0;
text-align: center;
list-style: none;
opacity: 0;
visibility: hidden;
transform: translateX(50px);
transition: all 0.25s ease;
}
.senza-shoppable-carousel .senza-shoppable-product-li{
position:relative;
opacity:1;
visibility: visible;
transform: translateX(0px);
transition: all 0.5s ease;
}
.senza-shoppable-carousel .senza-product-thumbnail {
display: block;
position: relative;
width: 100%;
overflow: hidden;
border-radius: var(--senza-border-radius-md);
text-decoration: none;
background: var(--senza-white-color)!important;;
}
.senza-shoppable-carousel .senza-product-thumbnail img {
width: 100%;
height: auto;
display: block;
margin: 0;
padding: 0;
box-shadow: none;
}
.senza-shoppable-carousel .senza-product-title {
text-decoration: none;
}
.senza-shoppable-carousel .senza-product-title h2 {
display: block;
width: 100%;
margin: 0;
padding: 0;
font-size: 1rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 1.8;
text-transform:capitalize;
font-family: var(--senza-default-font);
font-weight: 500;
}
.senza-shoppable-carousel .senza-product-title:hover h2 {
color: var(--senza-primary-hover);
transition: color 0.125s ease;
}
.senza-shoppable-carousel .added_to_cart {
display: none;
}
.senza-shoppable-carousel .senza-product-add-to-cart {
position: absolute;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: var(--senza-button-height);
margin-top: 0px;
border-radius: 0 0 var(--senza-border-radius-md) var(--senza-border-radius-md);
font-size: 1rem;
font-weight: var(--senza-button-weight);
box-shadow: none;
text-decoration: none;
line-height: 1;
cursor: pointer;
color: var(--senza-white-default);
background-color: var(--senza-primary-color);
transition: bottom 0.2s ease 0.1s;
opacity: 0;
visibility: hidden;
}
.senza-shoppable-carousel .senza-product-add-to-cart:hover {
text-decoration: none;
color: var(--senza-white-default);
background: var(--senza-primary-hover);
}
.senza-shoppable-carousel .senza-product-li:hover .senza-product-add-to-cart{
opacity: 1;
visibility: visible;
transition: background-color 0.25s ease, opacity 0.4s ease, visibility 0.4s ease;
}
.senza-shoppable-carousel .senza-product-li:hover .senza-product-thumbnail img {
transform: scale(1.1);
transition: transform 0.25s ease;
}
.senza-shoppable-carousel .senza-product-add-to-cart.loading {
opacity: 1;
visibility: visible;
pointer-events: none;
background: var(--senza-primary-color);
font-size:0!important;
bottom:0;
}
.senza-shoppable-carousel .senza-product-add-to-cart.loading::after {
content: "Adding...";
display: block;
font-size:1rem;
}
.senza-shoppable-carousel .senza-product-title h2{
color: var(--senza-black-color);
}
.senza-shoppable-carousel .senza-product-price {
color: var(--senza-text-color);
}
.senza-shoppable-carousel .star-rating{
display:none!important;
}
/* Contact Form Section */
.senza-contact-wrapper{
position:relative;
display: flex;
flex-direction: column;
align-items: normal;
justify-content: space-between;
gap: 30px;
border-radius: var(--senza-border-radius-md);
padding: 75px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
z-index:1;
}
.senza-contact-horizontal .senza-contact-wrapper{
flex-direction: row;
}
.senza-contact-horizontal .senza-contact-form-wrapper{
min-width: calc(50% - 30px);
width: calc(50% - 30px);
}
.senza-contact-form{
width:100%;
}
@media (max-width: 992px) {
.senza-contact-wrapper{
padding: 50px;
}
.senza-contact-horizontal .senza-contact-wrapper{
flex-direction: column;
}
.senza-contact-horizontal .senza-contact-form-wrapper{
width: 100%;
}
}
@media (max-width: 768px) {
.senza-contact-wrapper{
padding: 25px;
}
}
.senza-contact-wrapper:after{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--senza-background-overlay);
z-index: -1;
border-radius: var(--senza-border-radius-md);
}
.senza-contact-heading, .senza-contact-title, .senza-contact-subtitle{
color: var(--senza-white-default);
text-shadow: var(--senza-text-shadow);
}
.senza-contact-heading{
margin-bottom:10px;
}
.senza-contact-title{
margin-bottom: 0;
}
.senza-contact-subtitle{
margin: 10px 0 0 0;
}
/* Contact Form 7 */
.wpcf7-form .wpcf7-response-output,
.wpcf7-form.sent .wpcf7-response-output {
margin: 16px 0!important;
padding: 8px!important;
color: var(--senza-text-color)!important;
border-radius: var(--senza-border-radius-sm)!important;
border: 1px solid var(--senza-primary-color)!important;
background: var(--senza-smoke-color)!important;
font-size: 0.875rem;
text-align: center;
}
.wpcf7-form.failed .wpcf7-response-output{
border: 1px solid red!important;
}
.wpcf7-not-valid-tip,
.wpcf7-form.invalid .wpcf7-response-output {
display: none;
}
.wpcf7-form.invalid input,
.wpcf7-form.invalid textarea {
border: 1px solid red!important;
}
.wpcf7-form.invalid .theme-newsletter-form .theme-button {
border: 1px solid red;
border-left: none;
}
.wpcf7-form.submitting {
pointer-events:none;
}
/* Contact Form */
.theme-contact-form input::placeholder,
.theme-contact-form textarea::placeholder,
.theme-newsletter-form input::placeholder,
.theme-newsletter-form textarea::placeholder {
font-size: 1rem;
}
.theme-contact-form input, .theme-newsletter-form input{
width: 100%;
height: var(--senza-button-height);
padding: 2px 8px;
margin-bottom: 24px;
border-radius: var(--senza-border-radius-sm);
border: 1px solid var(--senza-border-color);
outline: none;
font-size: 1rem;
}
.theme-newsletter-form input{
width:calc(100% - 50px);
border-radius: var(--senza-border-radius-sm) 0 0 var(--senza-border-radius-sm)!important;
border-right:none!important;
}
.theme-contact-form textarea{
width: 100%;
height: 140px;
padding: 2px 8px;
margin-bottom: 24px;
border-radius: var(--senza-border-radius-sm);
border: 1px solid var(--senza-black-color);
outline: none;
font-size: 1rem;
}
.theme-contact-form-button{
margin-bottom: -1rem;
}
@media (max-width: 992px) {
.theme-contact-form button {
width: 100%;
}
}
.theme-contact-form .input-icon,
.theme-newsletter-form .input-icon{
position: absolute;
display: flex;
align-items: center;
justify-content: center;
top: 0;
left: 0;
height: var(--senza-button-height);
width: var(--senza-button-height);
color: var(--senza-black-color);
font-weight: var(--senza-icon-weight);
}
.theme-newsletter-form {
position: relative;
width:100%;
}
.theme-newsletter-form .theme-button {
position: absolute;
top: 0;
right: 0;
width:50px;
border-radius: 0 var(--senza-border-radius-sm) var(--senza-border-radius-sm) 0!important;
line-height: 1.1;
font-size:0;
}
.theme-newsletter-form .theme-button:after {
content: "\f1d8";
margin-left: auto;
font-family: "Font Awesome 5 Pro" !important;
font-size: 20px;
font-weight: var(--senza-icon-weight);
color: var(--senza-white-default);
}
@media (max-width: 992px) {
.theme-newsletter-form .theme-button:after {
font-size:18px;
}
}
.theme-newsletter-form input,
.theme-newsletter-form p {
height: var(--senza-button-height);
margin: 0 !important;
}
@media (max-width: 768px) {
.theme-newsletter-form input{
margin-right:50px!important;
}
}
/* Search Form */
.single-search-inner,
.widget-search-form .search-form {
position: relative;
}
.single-search-inner button,
.widget-search-form .search-form button {
position: absolute;
top: 0;
right: 0;
height: var(--senza-button-height);
width: 50px;
color: var(--senza-white-default);
background: var(--senza-primary-color);
border-radius: 0 var(--senza-border-radius-sm) var(--senza-border-radius-sm) 0;
}
.single-search-inner button:hover,
.widget-search-form .search-form button:hover {
color: var(--senza-white-default);
background: var(--senza-primary-hover);
}
.single-search-inner input,
.widget-search-form .search-form input {
width: 100%;
height: var(--senza-button-height);
padding: 0 60px 0 10px;
border-radius: var(--senza-border-radius-sm);
border: 1px solid var(--senza-black-color);
}
.single-search-inner input::placeholder,
.widget-search-form .search-form input::placeholder {
color: var(--senza-text-color);
}
.single-search-inner button,
.widget-search-form .search-form button,
.theme-newsletter-form .theme-button,
.woocommerce-product-search button[type=submit],
.senza-apply-coupon-button{
border: 1px solid transparent;
border-left: none;
}
/* Blog Post */
.senza-posts-header-title{
display:flex;
justify-content:space-between;
margin-bottom: 20px
}
.senza-posts-header h3{
margin-bottom:10px;
}
.senza-posts-header p{
margin: -20px 0 30px 0;
}
.senza-posts-button-mobile a,
.senza-posts-button {
min-width:125px;
}
.senza-posts-button-mobile{
display:none;
}
@media (max-width: 768px) {
.senza-posts-button-mobile{
display:block;
text-align:center;
margin-top:-10px;
}
.senza-posts-button{
display:none;
}
}
.senza-posts{
display: flex;
flex-wrap: wrap;
padding: 0;
margin: 0;
justify-content: flex-start;
}
.senza-post-content{
text-align:left;
padding: 30px 0 0 0;
}
@media (max-width: 768px) {
.senza-post-content{
padding: 20px 0 0 0;
}
}
.senza-post-title {
margin: 0;
}
.senza-post-title a {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.senza-post-title a,
.senza-post-title a:focus,
.senza-post-title a:visited,
.senza-post-title a:active{
color:var(--senza-black-color);
text-decoration:none;
}
.senza-post-item:hover .senza-post-title a,
.senza-post-item .senza-post-title a:hover{
color:var(--senza-primary-color);
transition: color 0.125s ease;
}
.senza-post-thumbnail {
position: relative;
}
.senza-post-excerpt{
font-size:1rem;
margin:16px 0;
}
@media (max-width: 768px) {
.senza-post-excerpt{
margin:10px 0;
}
}
.senza-post-meta{
cursor:default;
}
.senza-post-meta:not(.senza-single-post-meta){
font-size: 0.75rem;
}
.senza-post-meta span {
display: inline-flex;
line-height: 1;
text-transform:uppercase;
}
.senza-post-meta span:not(:last-child) {
margin-right: 10px;
}
.senza-post-meta span i {
margin-right: 5px;
background: transparent;
font-weight: var(--senza-icon-weight);
}
.senza-post-meta, .senza-post-meta span, .senza-post-meta i, .senza-post-meta a{
color: var(--senza-black-color);
}
.senza-post-meta a:hover{
color: var(--senza-primary-color);
}
.senza-post-read-more{
margin-top:30px;
}
/* Blog Post Grid */
.senza-posts.senza-posts-grid{
margin: 0 -15px;
}
.senza-posts-grid .senza-post-item{
position: relative;
margin: 0 15px 40px 15px;
padding: 0;
width: calc((100% / 3) - 30px);
border:1px solid var(--senza-border-color);
border-radius: var(--senza-border-radius-md);
background: var(--senza-white-color);
border:none;
}
@media (min-width: 992px) {
.senza-posts-section .senza-posts-grid .senza-post-item{
margin-bottom:0;
}
}
@media (max-width: 992px) {
.senza-posts-section{
padding-bottom: 25px;
}
}
@media (max-width: 768px) {
.senza-posts-section{
padding-bottom: 50px;
}
}
.has-sidebar .senza-posts-grid .senza-post-item {
width: calc((100% / 2) - 30px);
}
.senza-posts-grid .senza-post-thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
border-radius: var(--senza-border-radius-sm) var(--senza-border-radius-sm) 0 0;
}
.senza-posts-grid .senza-post-thumbnail a{
display: block;
height: 400px;
overflow: hidden;
max-height:240px;
border-radius: var(--senza-border-radius-md);
}
@media (max-width: 992px) {
.senza-posts-grid .senza-post-item{
margin: 0 10px 40px 10px;
}
.has-sidebar .senza-posts-grid .senza-post-item,
.senza-posts-grid .senza-post-item {
width: calc((100% / 2) - 20px);
}
.senza-posts-grid .senza-post-thumbnail a{
max-height: 200px;
}
.senza-posts-grid .senza-post-thumbnail img{
min-height:160px;
}
}
@media (max-width: 768px) {
.senza-posts.senza-posts-grid{
margin:0;
}
.has-sidebar .senza-posts-grid .senza-post-item,
.senza-posts-grid .senza-post-item {
width: 100%;
margin:0 0 40px 0;
}
.senza-posts-grid .senza-post-thumbnail a{
height: auto;
max-height: unset;
}
.senza-post-thumbnail img{
min-height:200px;
}
}
@media (max-width: 576px) {
.senza-posts-grid .senza-post-thumbnail img{
min-height:160px;
}
}
.senza-posts-grid .senza-post-read-more{
display:none;
}
/* Blog Post Rows */
.senza-posts.senza-posts-rows{
margin: 0;
}
.senza-posts-rows .senza-post-item{
position: relative;
display:flex;
gap: 40px;
width: 100%;
margin: 0 0 40px 0;
padding: 0 0 40px 0;
border-bottom:1px solid var(--senza-border-color);
border-radius: 0;
background: var(--senza-white-color);
}
.senza-posts-rows .senza-post-item:last-child{
padding:0;
border:none;
}
.senza-posts-rows .senza-post-content{
display: flex;
flex-direction: column;
width: calc(100% - 340px);
padding: 0;
}
.senza-posts-rows .senza-post-thumbnail, .senza-posts-rows .senza-post-thumbnail .thumb{
width:300px;
height: 200px;
}
.senza-posts-rows .senza-post-thumbnail a{
display: block;
width: 100%;
height: 100%;
overflow: hidden;
border-radius: var(--senza-border-radius-md);
}
.senza-posts-rows .senza-post-thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
border-radius: var(--senza-border-radius-sm);
}
.senza-posts-rows .senza-post-read-more{
margin-top: auto;
}
@media (max-width: 768px) {
.senza-posts-rows .senza-post-item {
display:flex;
flex-direction:column;
width: 100%;
margin:0 0 40px 0;
padding:0;
border:none;
gap:30px;
}
.senza-posts-rows .senza-post-thumbnail, .senza-posts-rows .senza-post-thumbnail .thumb{
width:100%;
height: auto;
}
.senza-posts-rows .senza-post-thumbnail a{
height: 100%;
}
.senza-posts-rows .senza-post-thumbnail img{
min-height:200px;
}
.senza-posts-rows .senza-post-content{
width: 100%;
}
.senza-posts-rows .senza-post-read-more{
display:none;
}
}
@media (max-width: 576px) {
.senza-posts-rows .senza-post-thumbnail img{
min-height:160px;
}
}
/* Single Post */
.senza-single-post-meta{
margin: 20px 0 32px 0;
font-size:0.875rem;
}
.single-blog-inner .thumb img{
border-radius: var(--senza-border-radius-md);
width:100%;
height: auto;
max-height:400px;
margin-bottom:50px;
padding: 0;
object-fit: cover;
object-position: center;
}
.tag-and-share{
margin-top:50px;
}
/* Categories */
.senza-cat-and-tag {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
flex-wrap: wrap;
padding-top: 30px;
border-top: 1px solid var(--senza-border-color);
text-transform: capitalize;
}
.senza-cat-and-tag span {
color: var(--senza-black-color);
font-size: 1.125rem;
margin-right: 5px;
font-weight: 600;
}
.senza-cat-and-tag .tags a {
display: inline-block;
margin: 5px 0 5px 5px;
padding: 4px 16px;
color: var(--senza-black-color);
border: 1px solid var(--senza-black-color);
font-weight: 400;
font-size: 1rem;
border-radius: 50px;
text-decoration: none;
transition: all 0.125s ease;
}
.senza-cat-and-tag .tags a:hover {
color: var(--senza-white-default);
background: var(--senza-primary-color);
border-color: var(--senza-primary-color);
}
.senza-cat-and-tag .cats a:not(:last-child)::after {
content: ",";
}
.senza-cat-and-tag .cats a:hover {
color: var(--senza-primary-color);
}
/* Blog Comment */
.single-blog-inner {
border-radius: var(--senza-border-radius-md) var(--senza-border-radius-md) 0 0;
}
.blog-comment-wrapper{
border-top: 1px solid var(--senza-border-color);
margin-top:30px;
}
.blog-comment {
margin-top: 100px;
}
@media (max-width: 768px) {
.blog-comment {
margin-top: 50px;
}
}
.blog-comment .comment-list ul.children {
list-style: none;
}
.blog-comment h3 {
display: flex;
justify-content: space-between;
color: var(--senza-black-color);
margin: 0px;
margin-bottom: 30px !important;
font-size:1.125rem;
font-weight: 600;
font-family: var(--senza-default-font);
line-height: 1.1;
}
.blog-comment span.says {
display: none;
}
.blog-comment .comment-list {
margin-left: 0;
padding: 25px 25px 15px 25px;
list-style: none;
background: var(--senza-background-color);
border-radius: var(--senza-border-radius-md);
}
.blog-comment .comment-list li {
position: relative;
}
.comment-awaiting-moderation{
display: block;
margin: -10px 0 20px 0;
padding-left: 70px;
font-size: 1.125rem;
font-style:inherit;
font-weight: bold;
}
.comment-list .reply,
.comment-list .comment-metadata{
margin-top: -10px;
margin-bottom: 0;
padding-left: 60px;
}
.comment-list .comment-content{
margin-top: -16px;
margin-bottom: 0;
padding-left: 60px;
}
.comment-list #respond{
margin-bottom:20px;
}
@media (max-width: 992px) {
.comment-list .reply{
margin-top:-20px;
margin-bottom:15px;
font-size:1rem;
}
}
.comment-author.vcard {
display: flex;
align-items: start;
flex-wrap: wrap;
}
.comment-author.vcard img {
max-width: 40px;
margin-right: 20px;
border-radius: 50%;
}
.blog-comment .comment-author.vcard .fn {
margin-right: 5px;
color: var(--senza-primary-color);
font-weight: 600;
text-transform: capitalize;
}
.blog-comment .comment-author.vcard .fn a {
transition: 0.25s;
color: var(--senza-black-color);
text-decoration: none;
display:block;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
@media (max-width: 384px) {
.blog-comment .comment-author.vcard .fn a{
max-width:125px;
}
}
.blog-comment .comment-author.vcard .fn a:hover {
color: var(--senza-primary-color);
}
.blog-comment .comment-metadata {
margin-top: -10px;
margin-bottom: 20px;
font-size: 0.875rem;
}
.blog-comment .comment-metadata a:not(.comment-edit-link){
color:var(--senza-black-color);
text-decoration:none;
pointer-events:none;
}
.blog-comment .comment-metadata a.comment-edit-link{
margin-left:5px;
}
@media (min-width: 992px) {
.blog-comment .comment-reply-link {
margin-top: 0;
position: absolute;
top: 0;
right: 0;
}
}
.blog-comment .comment-reply-link {
margin-bottom: 30px;
border-radius: 30px;
}
#cancel-comment-reply-link {
margin:0 0 -10px 20px;
}
.wp-block-post-comments-form .comment-reply-title {
margin-bottom: 20px;
}
ol.wp-block-latest-comments, li.wp-block-latest-comments__comment{
padding:0;
margin:0;
}
.senza-sidebar .widget a.wp-block-latest-comments__comment-author{
text-decoration: underline;
}
.blog-comment-form .single-input-inner input {
height: 50px;
margin-bottom: 20px;
font-size: 1.125rem;
border-radius: var(--senza-border-radius-sm);
border: 1px solid var(--senza-primary-color);
}
.blog-comment-form .comment-form>.single-input-inner{
float:left;
width: 50%;
}
.blog-comment-form .comment-form input#author{
margin-right:10px;
}
.blog-comment-form .comment-form input#email{
margin-left:10px;
}
.blog-comment-form .comment-form input#author,.blog-comment-form .comment-form input#email{
width: calc(100% - 10px);
height: var(--senza-button-height);
padding: 2px 8px;
border-radius: var(--senza-border-radius-sm);
border: 1px solid var(--senza-border-color);
outline: none;
font-size: 1rem;
}
@media (max-width: 768px) {
.blog-comment-form .comment-form>.single-input-inner{
float:none;
width:100%;
}
.blog-comment-form .comment-form input#author,.blog-comment-form .comment-form input#email{
width:100%;
margin-left:0;
margin-right:0;
}
}
.blog-comment-form .comment-form-cookies-consent{
margin-top:24px;
}
.woocommerce .comment-form input#author,.woocommerce .comment-form input#email{
width: 100%;
height: var(--senza-button-height);
padding: 2px 8px;
border-radius: var(--senza-border-radius-sm);
border: 1px solid var(--senza-border-color);
outline: none;
font-size: 1rem;
}
.woocommerce .comment-form-author, .woocommerce .comment-form-email{
float:left;
width: calc(50% - 10px);
}
.woocommerce .comment-form-author{
margin-right:20px!important;
}
.woocommerce .comment-form-email{
margin-left:20px;
}
.woocommerce .comment-form-rating label{
margin-top:10px;
}
@media (max-width: 768px) {
.woocommerce .comment-form-author, .woocommerce .comment-form-email{
float:none;
width:100%;
margin-left:0;
margin-right:0;
}
.woocommerce .comment-form-rating label{
margin-top:0px;
}
}
.woocommerce #review_form #respond textarea,
.comment-form textarea {
width: 100%;
height: 140px;
margin-bottom: 20px;
font-size: 1.125rem;
border-radius: var(--senza-border-radius-sm);
border: 1px solid var(--senza-border-color);
}
@media (max-width: 576px) {
.comment-form input#author,.comment-form input#email, .comment-form textarea, .woocommerce #review_form #respond textarea{
width:100%;
}
}
.woocommerce #review_form #respond p.comment-form-cookies-consent{
height:auto;
margin-bottom:16px;
}
.woocommerce #review_form #respond p.comment-form-cookies-consent label{
margin-top:0;
}
.comment-form .comment-submit-button {
border: none!important;
}
@media (max-width: 992px) {
.comment-form .comment-submit-button {
margin-bottom: 30px;
}
}
.comment-form-cookies-consent {
display: flex;
align-items: center;
height: 20px;
gap: 10px;
font-size: 0.875rem;
}
.comment-form-cookies-consent,
.comment-form .logged-in-as {
margin-bottom: 24px;
}
.comment-form .logged-in-as {
margin-top: -16px;
font-size: 0.875rem;
}
.comment-form .form-submit {
margin-bottom: 0 !important;
}
.comment-form.logged-in-as a:hover {
color: var(--senza-primary-color);
}
.comment-form-title {
display: flex;
align-items: center;
}
.comment-form-title small {
margin-top: -10px;
}
/* Blog Misc */
.single-post p {
line-height: 1.8;
margin-bottom: 24px;
}
@media (max-width: 768px) {
.single-post p {
line-height: 1.6;
}
}
.blog-post-item .post-content blockquote cite,
.blog-post-item .post-content blockquote p {
color: var(--senza-primary-color);
}
.wp-block-quote {
margin: 20px 0;
padding: 20px;
color: var(--senza-black-color);
border-radius: var(--senza-border-radius-sm);
border-left: 4px solid var(--senza-primary-color);
background: var(--senza-gray-color);
}
.wp-block-quote.is-large {
padding-top: 30px;
}
.wp-block-quote.is-large:where(:not(.is-style-plain)) cite {
padding-bottom: 20px;
}
.wp-block-pullquote {
max-width: 100% !important;
margin: 20px 0;
padding: 30px 20px;
border-top: 4px solid var(--senza-primary-color);
border-bottom: 4px solid var(--senza-primary-color);
color: var(--senza-black-color);
background-color: var(--senza-gray-color);
}
.wp-block-pullquote.is-style-solid-color {
border: 0;
}
.wp-block-pullquote blockquote {
border: 0;
background-color: transparent;
}
.wp-block-pullquote blockquote:after {
display: none;
}
.wp-block-pullquote.has-background blockquote {
background-color: transparent;
border: 0;
}
.wp-block-pullquote.has-background blockquote:after {
display: none;
}
.senza-page-section .post-password-form input[type=password] {
width: 100%;
height: var(--senza-button-height);
padding: 7px 113px 7px 15px;
text-transform: capitalize;
line-height: 1;
border: 1px solid var(--senza-primary-color);
border-radius: var(--senza-border-radius-sm);
font-size: 0.875rem;
color: var(--senza-black-color);
background: var(--senza-white-color);
}
.senza-page-section .post-password-form input[type=submit] {
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
height: var(--senza-button-height);
margin-left: 10px;
padding: 12px 18px;
font-size: 1rem;
font-weight: 600;
box-shadow: none;
text-decoration: none;
transition: all 0.125s ease;
line-height: 1;
cursor: pointer;
color: var(--senza-white-color);
background: var(--senza-primary-color);
border: 1px solid var(--senza-primary-color);
border-radius: var(--senza-border-radius-sm);
}
.senza-page-section .post-password-form input[type=submit]:hover {
color: var(--senza-primary-color);
background: transparent;
border: 1px solid var(--senza-primary-color);
}
@media (max-width: 768px) {
.senza-page-section .post-password-form input[type=submit] {
margin-left: 0;
margin-top: 10px;
}
}
.wp-block-button__link,
.wp-block-button__link:focus,
.wp-block-button__link:visited,
.wp-block-button__link:active {
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
height: var(--senza-button-height);
margin: 0 0 30px 0;
padding: 12px 18px;
font-size: 1rem;
font-weight: 600;
box-shadow: none;
text-decoration: none;
transition: all 0.125s ease;
line-height: 1;
cursor: pointer;
color: var(--senza-white-color);
background: var(--senza-primary-color);
border: 1px solid var(--senza-primary-color);
border-radius: var(--senza-border-radius-sm);
}
.wp-block-button__link:hover {
background: var(--senza-primary-hover);
border: 1px solid var(--senza-primary-color);
text-decoration: none;
}
/* Sidebar and Widgets */
.senza-sidebar {
padding-left:8px;
}
.order-first .senza-sidebar {
padding-left:0;
padding-right: 8px;
}
@media (max-width: 992px) {
.order-first .senza-sidebar, .senza-sidebar {
margin-top:50px;
padding-left:0;
padding-right: 0;
}
}
.senza-sidebar .widget-title{
position: relative;
display: inline-block;
margin-bottom: 17px !important;
}
.senza-sidebar ul ul {
padding-left: 8px;
margin-top: 10px;
}
.senza-sidebar .widget {
margin-bottom: 32px;
padding: 20px 20px 30px 20px;
border: 1px solid var(--senza-border-color);
border-radius: var(--senza-border-radius-md);
background-color: var(--senza-white-color);
}
.senza-sidebar .widget:last-child{
margin-bottom:0;
}
.senza-sidebar .widget ul,
.senza-sidebar ul {
list-style: none;
margin: 0;
padding: 0;
}
.senza-sidebar .widget ul li,
.senza-sidebar ul li {
font-size: 1rem;
padding-bottom: 8px;
}
.senza-sidebar .widget ul ul {
padding-left: 1em;
}
.senza-sidebar ul.cart_list li img,
.senza-sidebar ul.product_list_widget li img {
width: 48px;
border-radius: var(--senza-border-radius-sm);
margin: 0 12px 0 0;
float: left;
background-color:var(--senza-smoke-color);
}
.senza-sidebar .widget a {
transition: 0.25s;
color: var(--senza-black-color);
text-decoration: none;
}
.senza-sidebar .widget a:hover {
color: var(--senza-primary-color);
}
.senza-sidebar .widget select,
.senza-sidebar select {
width: 100%;
height: 50px;
padding-left: 20px;
outline: none;
border-radius: var(--senza-border-radius-sm);
border: 1px solid var(--senza-border-color);
color: var(--senza-text-color);
background-color: var(--senza-white-color);
cursor: pointer;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}
.sidebar-recent-widget .post-thumbnail-image {
flex: 0 0 auto;
width: 80px;
height: 80px;
margin-right: 20px;
}
.sidebar-recent-widget .post-thumbnail-image img {
width: 100%;
height: 100%;
border-radius: var(--senza-border-radius-sm);
object-fit: cover;
object-position: center;
}
.sidebar-recent-widget .post-thumbnail-content:not(:last-child) {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid var(--senza-border-color);
}
.sidebar-recent-widget .post-title-date h6 {
margin-bottom: 0;
}
.senza-sidebar .widget .widget-search {
border: none;
padding: 0;
margin:0;
}
.senza-sidebar .wp-calendar-table caption {
text-align: center;
}
.senza-sidebar .wp-calendar-nav {
margin-bottom: 10px;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.senza-sidebar .wp-calendar-table {
width: 100%;
margin-bottom: 0;
}
.senza-sidebar .wp-calendar-table td {
padding: 3px 0px;
font-size: 0.875rem;
text-align: center;
}
.senza-sidebar .wp-block-search__button {
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
height: var(--senza-button-height);
padding: 12px 18px;
font-size: 1rem;
font-weight: 600;
box-shadow: none;
text-decoration: none;
transition: all 0.125s ease;
line-height: 1;
cursor: pointer;
color: var(--senza-white-default);
background: var(--senza-primary-color);
border: 1px solid var(--senza-primary-color);
border-radius: var(--senza-border-radius-sm);
}
.senza-sidebar .wp-block-search__button:hover {
background: var(--senza-primary-hover);
border: 1px solid var(--senza-primary-color);
text-decoration: none;
}
.senza-sidebar .wp-block-search__input {
height: var(--senza-button-height);
border-radius: var(--senza-border-radius-sm);
}
.senza-sidebar .tagcloud a {
display: inline-block;
margin: 0 5px 10px 0;
padding: 4px 16px;
border: 1px solid var(--senza-text-color);
font-weight: 400;
font-size: 1rem !important;
border-radius: 50px;
text-decoration: none;
}
.senza-sidebar .tagcloud a:hover {
color: var(--senza-white-color);
background: var(--senza-primary-color);
border-color: var(--senza-primary-color);
}
/* Pagination */
.wp-pagination {
display: flex;
justify-content: center;
gap: 10px;
width: 100%;
text-align: center;
}
.wp-pagination a,
.wp-pagination span {
display: inline-block;
width: 40px;
height: 40px;
padding: 0;
text-align: center;
line-height: 40px;
font-size: 0.875rem;
text-decoration: none;
font-weight: var(--senza-button-weight);
border-radius: var(--senza-border-radius-sm);
border: 1px solid var(--senza-black-color);
color: var(--senza-black-color);
user-select: none;
}
.wp-pagination a i{
font-weight: var(--senza-icon-weight);
}
.wp-pagination span.current {
color: var(--senza-white-default);
background: var(--senza-primary-color);
border: 1px solid transparent;
}
.wp-pagination a:hover {
color: var(--senza-white-default);
background: var(--senza-primary-color);
border: 1px solid transparent;
}
/* TinyMCE Table */
.wp-tinymce-table{
width:100%;
margin:8px 0;
border-collapse:collapse;
}
.wp-tinymce-table tr,
.wp-tinymce-table td {
border:1px solid var(--senza-border-color);
}
.wp-tinymce-table td{
padding: 0 10px;
}
.wp-tinymce-table tr td strong{
color:var(--senza-black-color);
}
/* Back to top */
.back-to-top {
position: fixed;
right: 32px;
bottom: 32px;
width: 48px;
height: 48px;
line-height: 48px;
font-size: 12px;
text-align: center;
text-decoration: none;
color: var(--senza-black-color);
background-color: var(--senza-white-color);
border-radius: 50%;
cursor: pointer;
transition: 0.25s;
z-index: 999;
visibility:hidden;
opacity:0;
pointer-events:none;
transform: scale(0.75);
box-shadow: 0 5px 40px -5px rgba(0,0,0,.1);
}
.back-to-top.active{
visibility:visible;
opacity:1;
pointer-events:auto;
transform: scale(1);
transition: all 0.125s ease;
}
@media (max-width: 768px) {
.back-to-top{
right: 20px;
bottom:20px;
}
}
.back-to-top i{
font-weight: normal;
}
.back-to-top:hover {
/*background-color: var(--senza-primary-hover);*/
transform: scale(1.1);
}
.locked .back-to-top{
display:none!important;
}
/* Misc */
.view-more-icon {
margin-left: 10px;
}
.view-more-icon-alt {
margin-left: 10px;
transform: rotate(-45deg);
}
.senza-error-message{
color: red;
}
.senza-homepage-section{
border-top:1px solid var(--senza-border-color);
}
.section-border-glitched:before, .section-border-glitched:after{
width:200%!important;
}
@media (max-width: 992px) {
.section-border-glitched:before, .section-border-glitched:after{
width:250%!important;
}
}
/* Customize icon */
#wp-admin-bar-customize{
display:none;
}
#wpadminbar #wp-admin-bar-theme-options>.ab-item:before{
content: "\f111";
top: 2px;
}
/* Headings */
.senza-hero-slider-heading, .senza-product-storefront-heading, .senza-product-carousel-heading, .senza-shoppable-cta-heading{
color: var(--senza-white-default);
}
.senza-heading-highlight {
background-size: 100% 100%;
background-position-y:100%;
background-color: var(--senza-secondary-color);
background-size: 100% 100%;
background-position-x: 0%;
padding: 0 4px;
}
.senza-heading-underline{
background-image: linear-gradient(var(--senza-secondary-color), var(--senza-secondary-color));
background-size: 100% .2em;
background-repeat: no-repeat;
background-position-y: 100%;
background-size: 100% .2em;
}
/* Wishlist Sidemenu */
.header-wishlist-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-ms-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
visibility: hidden;
opacity: 0;
z-index: 9999;
}
.header-wishlist-overlay.active {
visibility: visible;
opacity: 1;
}
.header-wishlist-panel {
position: fixed;
display: block;
top: 0;
right: -400px;
width:400px;
height: 100%;
padding-top: 0px;
text-align: left;
z-index: -1;
background:var(--senza-white-color);
pointer-events:none;
transition-duration: 200ms;
z-index:9999;
}
.header-wishlist-panel.active{
pointer-events:auto;
right: 0px;
transition-duration: 300ms;
}
.header-wishlist-mask-top{
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 30px;
z-index: 1;
background: var(--senza-white-color);
-webkit-mask-image: linear-gradient(to bottom, #000 1px, transparent 25px);
mask-image: linear-gradient(to bottom, #000 1px, transparent 25px);
pointer-events:none;
}
.header-wishlist-mask-bottom{
position: absolute;
bottom: 0;
right: 0;
width: 100%;
height: 30px;
z-index: 1;
background: var(--senza-white-color);
-webkit-mask-image: linear-gradient(to top, #000 1px, transparent 25px);
mask-image: linear-gradient(to top, #000 1px, transparent 25px);
pointer-events:none;
}
.header-wishlist-message{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
width: 100%;
height: 75px;
margin: 0;
padding: 8px;
background: var(--senza-smoke-color);
color: var(--senza-text-color);
text-align: center;
font-size: 1rem;
}
.header-scrolled .header-wishlist-panel{
border:none;
}
.admin-bar .header-wishlist-panel,
.admin-bar.admin-offset .header-wishlist-panel{
padding-top:32px;
}
@media (max-width: 768px) {
.admin-bar .header-wishlist-panel,
.admin-bar.admin-offset .header-wishlist-panel{
padding-top:46px;
}
}
@media (max-width: 600px) {
.admin-bar .header-wishlist-panel{
padding-top:46px;
}
.admin-bar.admin-offset .header-wishlist-panel{
padding-top:0px;
}
.header-wishlist-panel{
right:-80vw;
width:80vw;
}
}
.header-wishlist{
position:relative;
width:100%;
height: calc(100% - 75px);
}
.header-wishlist-container{
position:relative;
width:100%;
height:100%;
padding: 25px;
overflow: auto;
overflow-x: hidden;
}
.header-wishlist-container {
&::-webkit-scrollbar {
display: none;
}
}
.header-wishlist .senza-wishlist-empty,
.header-wishlist .senza-wishlist-loading,
.header-wishlist .senza-wishlist-error{
color: var(--senza-text-color);
text-align: center;
font-size: 1rem;
}
.header-wishlist .senza-wishlist-error{
color:red!important;
}
@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.header-wishlist ul.senza-wishlisted-products{
margin: 0 -10px;
}
.header-wishlist .senza-wishlisted-products .senza-product-li {
width: calc(50% - 20px);
margin: 0px 10px 20px 10px;
}
.header-wishlist .senza-wishlisted-products-header-title{
margin-bottom: 20px;
}
@media (max-width: 480px) {
.header-wishlist ul.senza-wishlisted-products{
margin: 0;
padding: 0;
}
.header-wishlist .senza-wishlisted-products .senza-product-li {
width: 100%;
margin: 0px 0px 20px 0px;
}
}