.etheme-contact-form-7 .wpcf7-form:after {
clear: both;
content: "";
font-size: 0;
height: 0;
display: block;
visibility: hidden;
}
.etheme-contact-form-7 .wpcf7-form label, .etheme-contact-form-7 .wpcf7-form .wpcf7-form-control-wrap {
display: block;
}
.etheme-contact-form-7 .wpcf7-form p {
margin-bottom: 0;
}
.etheme-contact-form-7.labels-hide .wpcf7-form label {
font-size: 0 !important;
}
.etheme-contact-form-7-title {
margin-bottom: 10px;
}
.etheme-contact-form-7-description {
margin-bottom: 20px;
}
.etheme-contact-form-7 .form-group {
vertical-align: middle;
}
.etheme-contact-form-7-button-full-width .wpcf7-form-control.wpcf7-submit {
width: 100%;
}
.etheme-custom-radio-checkbox input[type="checkbox"],.etheme-custom-radio-checkbox input[type="radio"] {
-webkit-appearance: none;
-moz-appearance: none;
border-style: solid;
border-width: 0;
outline: none;
min-width: 1px;
width: 15px;
height: 15px;
background: #ddd;
padding: 3px;
}
.etheme-custom-radio-checkbox input[type="checkbox"]:before, .etheme-custom-radio-checkbox input[type="radio"]:before {
content: "";
width: 100%;
height: 100%;
padding: 0;
margin: 0;
display: block;
}
.etheme-custom-radio-checkbox input[type="checkbox"]:checked:before,.etheme-custom-radio-checkbox input[type="radio"]:checked:before {
background: #999;
-webkit-transition: all 0.25s linear 0s;
transition: all 0.25s linear 0s;
}
.etheme-custom-radio-checkbox input[type="radio"] {
border-radius: 50%;
}
.etheme-custom-radio-checkbox input[type="radio"]:before {
border-radius: 50%;
} .etheme-wid-con .etheme-mailChimpForm .etheme_input_label {
display: inline-block;
margin-bottom: .5rem
}
.etheme-wid-con .etheme-mailChimpForm .etheme_form_group {
margin: 0;
}
.etheme-wid-con .etheme-mailChimpForm .etheme_form_control {
display: block;
width: 100%;
height: auto;
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
-webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
-o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
}
.etheme-wid-con .etheme-mailChimpForm .etheme_form_control::-moz-placeholder {
color: #6c757d;
opacity: 1
}
.etheme-wid-con .etheme-mailChimpForm .etheme_form_control::-webkit-input-placeholder {
color: #6c757d;
opacity: 1
}
.etheme-wid-con .etheme-mailChimpForm .etheme_form_control:-ms-input-placeholder {
color: #6c757d;
opacity: 1
}
.etheme-wid-con .etheme-mailChimpForm .etheme_form_control::-ms-input-placeholder {
color: #6c757d;
opacity: 1
}
.etheme-wid-con .etheme-mailChimpForm .etheme_form_control::placeholder {
color: #6c757d;
opacity: 1
}
.etheme-wid-con .etheme-mailChimpForm .etheme_form_control:focus {
color: #495057;
background-color: #fff;
border-color: #80bdff;
outline: 0;
-webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25)
}
.etheme-wid-con .etheme-mail-submit {
position: relative;
z-index: 1;
font-size: 16px;
padding: 15px 40px 15px 40px;
border-style: solid;
border-width: 0px 0px 0px 0px;
color: #ffffff;
background-color: #374a5e;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 5px;
width: 100%;
line-height: 26px
}
.etheme-wid-con .etheme-mail-submit svg {
max-width: 16px;
height: auto;
vertical-align: middle
}
.etheme-wid-con .etheme-mail-submit:before {
position: absolute;
content: "";
bottom: 0;
left: 0;
height: 100%;
width: 100%;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
z-index: -1;
opacity: 0;
background-size: 101% 101%;
border-radius: inherit
}
.etheme-wid-con .etheme-mail-submit:hover:before {
opacity: 1
}
.etheme-wid-con .etheme_input_group {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100%
}
.etheme-wid-con .etheme_input_group .etheme_form_control {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 1%
}
.etheme-wid-con .etheme_input_group .etheme_form_control.etheme_append_input {
border-radius: 5px 0px 0px 5px
}
.etheme-wid-con .etheme_input_group_prepend {
margin-right: -1px
}
.etheme-wid-con .etheme_inline_form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.etheme-wid-con .etheme_inline_form .etheme_input_wraper {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.etheme-wid-con .etheme_inline_form .etheme-mail-submit {
width: 100%
}
.etheme-wid-con .etheme-mail-submit {
padding: 11.5px 40px
}
.etheme-wid-con .etheme-mail-message {
display: none;
padding: 10px 15px;
margin-bottom: 10px;
border-radius: 5px
}
.etheme-wid-con .etheme-mail-message.error {
color: #721c24;
background-color: #f8d7da;
border: 1px solid #f5c6cb
}
.etheme-wid-con .etheme-mail-message.success {
color: #155724;
background-color: #d4edda;
border: 1px solid #c3e6cb
}
.etheme-wid-con .elementor-inline-items .elementor-icon-list-item {
display: inline-block
}
.etheme-wid-con .etheme_input_group_prepend+.etheme_form_control {
border-radius: 0px 5px 5px 0px
}
.etheme-wid-con .etheme-mail-message {
display: none;
padding: 10px 15px;
margin-bottom: 10px;
border-radius: 5px
}
.etheme-wid-con .etheme-mail-message.error {
color: #721c24;
background-color: #f8d7da;
border: 1px solid #f5c6cb
}
.etheme-wid-con .etheme_inline_form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.etheme-wid-con .etheme_inline_form .etheme_submit_input_holder {
-ms-flex-item-align: end;
align-self: flex-end
}
.etheme-wid-con .etheme_input_group_append .etheme_input_group_text {
border-radius: 0px 5px 5px 0px;
margin-left: -1px
}
.etheme-wid-con .etheme_input_group_text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #495057;
text-align: center;
white-space: nowrap;
background-color: #e9ecef;
border: 1px solid #ced4da;
height: 100%;
padding: 15px;
border-radius: 5px 0 0 5px
}
.etheme-wid-con .etheme_input_group_text svg {
max-width: 20px;
height: auto;
vertical-align: middle
}
.etheme-wid-con .etheme_inline_form .etheme_form_group {
margin-bottom: 0px
}
.etheme-wid-con .elementskit_input_group .etheme_form_control {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 1%
}
.etheme-wid-con .elementskit_input_group .etheme_form_control.etheme_append_input {
border-radius: 5px 0px 0px 5px
} .et-advance-tabs {
display: block;
}
.et-advance-tabs .et-tabs-nav {
overflow: hidden;
}
.et-advance-tabs .et-tabs-nav > ul {
position: relative;
display: flex;
align-items: center;
list-style-type: none;
justify-content: center;
}
.et-advance-tabs .et-tabs-nav ul {
padding: 0;
margin: 0 -10px;
}
.et-advance-tabs .et-tabs-nav > ul li {
margin: 0 10px;
display: inline-flex;
align-items: center;
transition: all .3s;
}
.et-advance-tabs .et-tab-top-icon .et-tab-nav .et-tab-title:not(:only-child) {
margin-top: 7px;
}
.et-advance-tabs .et-tab-inline-icon .et-tab-nav .et-tab-title:not(:only-child) {
margin-left: 7px;
}
.et-advance-tabs .et-tabs-nav > ul .et-tab-nav {
line-height: 1;
position: relative;
justify-content: center;
cursor: pointer;
padding: 10px 0;
margin: 0 15px;
}
.et-advance-tabs .et-tabs-nav > ul .et-tab-nav:hover,
.et-advance-tabs .et-tabs-nav > ul .et-tab-nav.active,
.et-advance-tabs .et-tabs-nav > ul .et-tab-nav.active-default {
color: #A4004F;
}
.et-advance-tabs.active-caret-on .et-tabs-nav > ul li.active:after {
display: none;
}
.et-advance-tabs .et-tabs-nav > ul li.active:after {
display: block;
}
.et-advance-tabs.horizontal-style-1 .et-tabs-nav > ul .et-tab-nav:after,
.et-advance-tabs.horizontal-style-2 .et-tabs-nav > ul .et-tab-nav:after {
content: "";
height: 2px;
background-color: #A4004F;
position: absolute;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
transition: all 0.3s;
opacity: 0;
width: 0%;
}
.et-advance-tabs.horizontal-style-1 .et-tabs-nav > ul .et-tab-nav:after {
bottom: 0;
}
.et-advance-tabs.horizontal-style-2 .et-tabs-nav > ul .et-tab-nav:after {
top: 0;
}
.et-advance-tabs.horizontal-style-1 .et-tabs-nav > ul .et-tab-nav.active:after,
.et-advance-tabs.horizontal-style-1 .et-tabs-nav > ul .et-tab-nav:hover:after,
.et-advance-tabs.horizontal-style-2 .et-tabs-nav > ul .et-tab-nav.active:after,
.et-advance-tabs.horizontal-style-2 .et-tabs-nav > ul .et-tab-nav:hover:after{
opacity: 1;
width: 100%;
}
.et-tabs-content {
display: flex;
flex: 1 1 auto;
}
.et-advance-tabs .et-tabs-content > div {
display: none;
opacity: 0;
}
.et-advance-tabs .et-tabs-content > div.active, .et-advance-tabs .et-tabs-content > div.active-default {
display: block;
width: 100%;
padding: 1em;
opacity: 1;
-webkit-animation: fadeIn linear 0.3s;
animation: fadeIn linear 0.3s;
} .et-advance-tabs.horizontal-style-3 .et-tabs-nav > ul {
justify-content: flex-start;
padding-left: 0;
margin: 0;
}
.et-advance-tabs.horizontal-style-3 .et-tabs-nav > ul li:last-child {
border-right: 1px solid #E1E1E1;
}
.et-advance-tabs.horizontal-style-3 .et-tabs-nav > ul .et-tab-nav {
border-left: 1px solid #E1E1E1;
border-top: 1px solid #E1E1E1;
margin: 0;
padding-right: 15px;
padding-left: 15px;
}
.et-advance-tabs.horizontal-style-3 .et-tabs-content {
border: 1px solid #E1E1E1;
} .et-advance-tabs.horizontal-style-4 .et-tabs-nav ul .et-tab-nav {
background-color: #ffffff;
border-radius: 90px;
padding-right: 15px;
padding-left: 15px;
}
.et-advance-tabs.horizontal-style-4 .et-tabs-nav ul .active, .et-advance-tabs.horizontal-style-4 .et-tabs-nav ul .active-default {
background-color: #A4004F;
color: #FFFFFF;
} .et-advance-tabs.horizontal-style-5 .et-tabs-nav ul {
background: #FFFFFF;
border: 1px solid #EBEBEB;
border-radius: 80px;
display: inline-flex;
padding-left: 10px;
padding-right: 10px;
box-shadow: 0 7px 20px -12px grey;
}
.et-advance-tabs.horizontal-style-5 .et-tabs-nav ul .et-tab-nav {
background-color: #ffffff;
border-radius: 90px;
}
.et-advance-tabs.horizontal-style-5 .et-tabs-nav ul .et-tab-nav.active,
.et-advance-tabs.horizontal-style-5 .et-tabs-nav ul .et-tab-nav:hover,
.et-advance-tabs.horizontal-style-5 .et-tabs-nav ul .et-tab-nav.active-default {
opacity: 1;
}
.et-advance-tabs.horizontal-style-5 .et-tabs-nav {
display: flex;
justify-content: center;
} .et-tab-inline-icon .et-tab-nav a .fa {
margin-right: 10px;
}
.et-tab-top-icon .et-tab-nav {
display: flex;
flex-wrap: wrap;
text-align: center;
}
.et-tab-top-icon .et-tab-nav a {
display: flex;
flex-wrap: wrap;
text-align: center;
}
.et-tab-top-icon .et-tab-nav .fa,.et-tab-top-icon .et-tab-nav .et-tab-title {
flex: 1 1 100%;
line-height: 1;
}
.et-tab-top-icon .et-tab-nav a .et-tab-title {
margin-top: 10px;
} .et-advance-tabs.et-tabs-vertical {
display: flex;
}
.et-advance-tabs.et-tabs-vertical .et-tabs-nav {
flex: 0 0 auto;
}
.et-advance-tabs.et-tabs-vertical .et-tabs-nav > ul {
flex-flow: column wrap;
padding-left: 0px;
}
.et-advance-tabs.et-tabs-vertical .et-tabs-nav > ul > li {
width: 100%;
justify-content: start;
}
.et-advance-tabs.et-tabs-vertical .et-tabs-nav > ul li::after {
bottom: auto !important;
right: -10px;
top: calc(50% - 10px);
left: auto !important;
}
@media only screen and (max-width: 767px) {
.et-advance-tabs.horizontal-style-4 .et-tabs-nav > ul .et-tab-nav, .et-advance-tabs.horizontal-style-1 .et-tabs-nav > ul .et-tab-nav {
margin-bottom: 20px;
}
.et-advance-tabs.horizontal-style-2 .et-tabs-nav > ul .et-tab-nav {
margin-top: 20px;
}
.et-advance-tabs .et-tabs-nav > ul {
flex-wrap: wrap;
flex-flow: row wrap;
flex-direction: column;
}
.et-advance-tabs .et-tabs-nav > ul .et-tab-nav {
flex: 1 1 auto;
}
.responsive-vertical-layout.et-advance-tabs .et-tabs-nav > ul .et-tab-nav {
flex: 1 1 100%;
}
.et-advance-tabs.et-tabs-vertical {
flex-wrap: wrap;
}
.et-advance-tabs.et-tabs-vertical div.et-tabs-nav {
flex: 1 100%;
}
.et-advance-tabs.et-tabs-vertical ul {
flex: 1 100%;
}
.et-advance-tabs.et-tabs-vertical ul .et-tab-nav {
flex: 1 100%;
}
} .et-advance-tabs.et-tabs-vertical.vertical-style-1 .et-tabs-nav ul {
justify-content: left;
}
.et-advance-tabs.et-tabs-vertical.vertical-style-1 .et-tabs-nav ul li {
cursor: pointer;
border-top: 1px solid #E1E1E1;
border-left: 1px solid #E1E1E1;
margin: 0;
padding: 10px 297px 12px 26px;
position: relative;
}
.et-advance-tabs.et-tabs-vertical.vertical-style-1 .et-tabs-nav ul li:last-child {
border-bottom: 1px solid #E1E1E1;
}
.et-advance-tabs.et-tabs-vertical.vertical-style-1 .et-tabs-nav ul li span {
font-size: 14px;
}   .et-advance-tabs.et-tabs-vertical.vertical-style-1 .et-tabs-nav {
border-right: 1px solid #E1E1E1;
}
.et-advance-tabs.et-tabs-vertical.vertical-style-1 .et-tabs-nav ul li:after {
content: "";
background-color: #A4004F;
position: absolute;
width: 3px;
top: 50%;
right: 0;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
transition: all 0.3s;
opacity: 0;
height: 0%;
}
.et-advance-tabs.et-tabs-vertical.vertical-style-1 .et-tabs-nav > ul li.active:hover:after, .et-advance-tabs.et-tabs-vertical.vertical-style-1 .et-tabs-nav > ul li.active:after {
opacity: 1;
height: 100%;
}
.et-advance-tabs.et-tabs-vertical.vertical-style-1 .et-tabs-nav ul li.active-default:after {
opacity: 1;
height: 100%;
width: 3px !important;
}
.et-advance-tabs.et-tabs-vertical.vertical-style-1 .et-tabs-nav > ul li {
transition: all .3s;
} .et-advance-tabs.et-tabs-vertical.vertical-style-2 .et-tabs-nav ul {
justify-content: left;
}
.et-advance-tabs.et-tabs-vertical.vertical-style-2 .et-tabs-nav ul li {
transition: all 0.3s;
padding: 10px 297px 12px 26px;
font-size: 14px;
border-radius: 4px;
color: #888888;
background-color: #FAFAFA;
margin: 0 0 28px 0;
cursor: pointer;
}
.et-advance-tabs.et-tabs-vertical.vertical-style-2 .et-tabs-nav ul .active {
transition: all 0.3s;
background-color: #A4004F;
color: #FFFFFF;
}     .et-advance-tabs.et-tabs-vertical.vertical-style-2 .et-tabs-nav ul span {
padding-left: 3px;
}
.et-advance-tabs.et-tabs-vertical.vertical-style-2 .et-tabs-nav ul .active .et-advance-tabs.et-tabs-vertical.vertical-style-2 .et-tabs-nav ul .active-default span, .et-advance-tabs.et-tabs-vertical.vertical-style-2 .et-tabs-nav ul .active-default {
box-shadow: 0 9px 20px -8px grey;
}
.et-tabs-nav .swiper-button-prev.swiper-et-arrow-left, .et-tabs-nav .swiper-button-prev.swiper-et-arrow-right {
font-size: 15px;
}
.arrows-always .swiper-entry .swiper-button-prev,
.arrows-always .swiper-entry .swiper-button-next,
.arrows-always.swiper-entry .swiper-button-prev,
.arrows-always.swiper-entry .swiper-button-next {
visibility: visible;
opacity: 1;
}
.et-advance-tabs .et-tabs-nav ul .et-content-title {
font-size: 24px;
font-weight: bold;
order: -100;
}
.et-tabs-nav .center .et-content-title {
position: absolute;
left: 0;
}
.et-advance-tabs .et-tabs-nav .flex-end .et-content-title {
margin-right: auto;
} .middle-inside .swiper-entry .swiper-button-prev,
.middle-inside.swiper-entry .swiper-button-prev{
left: -15px;
}
.middle-inside .swiper-entry:hover .swiper-button-prev,
.middle-inside.swiper-entry:hover .swiper-button-prev{
left: -25px;
}
.middle-inside .swiper-entry .swiper-button-next,
.middle-inside.swiper-entry .swiper-button-next{
right: -15px;
}
.middle-inside .swiper-entry:hover .swiper-button-next,
.middle-inside.swiper-entry:hover .swiper-button-next{
right: -25px;
} .bottom .swiper-navigation {
text-align: center;
}
.bottom .swiper-navigation .swiper-custom-left,
.bottom .swiper-navigation .swiper-custom-right {
position: static;
display: inline-flex;
opacity: 1;
visibility: visible;
margin: 0 var(--arrow-space, 10px);
}
.bottom .swiper-navigation .swiper-custom-left:after,
.bottom .swiper-navigation .swiper-custom-right:after {
display: none;
} .et-advance-tabs .et-tabs-nav > ul .navbar:after {
display: none;
}
.et-advance-tabs .et-tabs-nav > ul .navbar {
left: auto;
right: calc(var(--arrow-size, 50px) + var(--arrow-space, 10px));
order: 100;
z-index: auto;
margin: 0;
}
.et-advance-tabs .et-tabs-nav > ul .navbar + .navbar {
right: 0;
}
.et-advance-tabs .et-tabs-nav > ul.flex-end .navbar {
position: static;
} .et-advance-tabs .et-tabs-nav > ul.center {
justify-content: center;
}
.et-advance-tabs .et-tabs-nav > ul.end {
justify-content: end;
}
.et-advance-tabs .et-tabs-nav > ul.flex-end {
justify-content: flex-end;
}
@media only screen and (max-width: 768px) {
.et-advance-product-tabs.horizontal-style-4 .et-tabs-nav .et-content-title {
margin-bottom: 10px;
}
.et-advance-product-tabs .et-tabs-nav .center .et-content-title, .et-advance-product-tabs .et-tabs-nav .flex-end .et-content-title {
position: relative !important;
margin-left: 0 !important;
left: 0 !important;
}
.et-advance-tabs .et-tabs-nav > ul .navbar, .et-advance-tabs .et-tabs-nav > ul.flex-end .navbar {
position: absolute;
top: 0;
}
} .etheme-custom-masonry {
--min-height: 300px;
display: -ms-grid;
display: grid;
min-height: var(--min-height, 300px);
overflow: hidden;
-ms-grid-columns: (1fr)[12];
grid-template-columns: repeat(12,1fr);
-ms-grid-rows: (1fr)[12];
grid-template-rows: repeat(12,1fr);
grid-gap: 12px;
}
.etheme-custom-masonry .et-masonry-item {
position: relative;
overflow: hidden;
}
@media only screen and (max-width: 992px) {
.etheme-custom-masonry {
--min-height: 300px !important;
-ms-grid-columns: (1fr) minmax(var(--min-height, 300px));
grid-template-columns: repeat(auto-fill, minmax(var(--min-height, 300px), 1fr));
-ms-grid-rows: (1fr) minmax(var(--min-height, 300px));
grid-template-rows: repeat(auto-fill, minmax(var(--min-height, 300px), 1fr));
}
.etheme-custom-masonry .et-masonry-item,
.etheme-custom-masonry .et-masonry-item > a {
min-height: var(--min-height, 300px);
}
}
.etheme-custom-masonry .et-masonry-item .info-box {
padding: 5px;
}
.etheme-custom-masonry .et-masonry-item .info-box-inner {
transition: all .3s linear;
}
.etheme-custom-masonry .et-masonry-item .info-box-inner > span {
display: block;
}
.etheme-custom-masonry .et-masonry-item mark {
text-decoration: none;
color: currentColor;
}
.etheme-custom-masonry .grid-img {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 100%;
height: 100%;
display: inline-block;
transition: all .3s ease-in-out;
}
.etheme-custom-masonry .et-masonry-item[data-hover="ltr"] .grid-img,
.etheme-custom-masonry .et-masonry-item[data-hover="rtl"] .grid-img{
width: calc(100% + 20px);
}
.etheme-custom-masonry .et-masonry-item[data-hover="rtl"]:not(:hover) .grid-img {
transform: translateX(-20px);
}
.etheme-custom-masonry .et-masonry-item[data-hover="ltr"]:not(:hover) .grid-img{
transform: translateX(20px);
}
.etheme-custom-masonry .et-masonry-item[data-hover="ltr"] .grid-img {
position: relative;
}
.etheme-custom-masonry .et-masonry-item[data-hover="ltr"] .grid-img {
left: -20px;
}
.etheme-custom-masonry .et-masonry-item[data-hover="zoom-in"]:hover .grid-img,
.etheme-custom-masonry .et-masonry-item[data-hover="zoom-out"]:not(:hover) .grid-img {
transform: scale(1.2);
}
.etheme-custom-masonry .et-masonry-item[data-hover="border-in"] > a:after {
content: '';
position: absolute;
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
border: 1px solid #fff;
transition: all .7s cubic-bezier(0, 0, .44, 1.18);
z-index: 1;
}
.etheme-custom-masonry .et-masonry-item[data-hover="border-in"]:not(:hover) .grid-img {
transform: scale(1.2);
}
.etheme-custom-masonry .et-masonry-item[data-hover="border-in"]:not(:hover) > a:after {
transform: scale(1.1);
opacity: 0;
visibility: hidden;
}
.etheme-custom-masonry .et-masonry-item[data-overlay] > a:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: all .3s ease-in-out;
z-index: 1;
}
.etheme-custom-masonry .et-masonry-item[data-overlay]:hover > a:before {
background: rgba(0,0,0,.5);
}
.etheme-custom-masonry .et-masonry-item[data-content-hover="reveal"] .info-box-inner > *:not(.item-name) {
display: block !important;
transition: all .7s cubic-bezier(0, 0, .44, 1.18);
}
.etheme-custom-masonry .et-masonry-item[data-content-hover] .read-more:before {
background-color: currentColor;
}
.etheme-custom-masonry .et-masonry-item[data-content-hover="reveal"]:not(:hover) .info-box-inner > *:not(.item-name):not(.button) {
max-height: 0;
}
.etheme-custom-masonry .et-masonry-item[data-content-hover="reveal"]:not(:hover) .info-box-inner > .button {
transform: translateY(15px);
}
.etheme-custom-masonry .et-masonry-item[data-content-hover="reveal"]:not(:hover) .info-box-inner > *:not(.item-name) {
opacity: 0;
margin: 0 !important;
}
.etheme-custom-masonry .et-masonry-item[data-content-hover="reveal"]:hover .info-box-inner > *:not(.item-name){
max-height: 50px;
}
.etheme-custom-masonry .info-box {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
color: #f7f7f7;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
transition: all .3s ease-in-out;
z-index: 2;
}
.etheme-custom-masonry .info-box .star-rating {
margin: 0;
}
.etheme-custom-masonry .info-box .meta-post,
.etheme-custom-masonry .info-box .meta-post a,
.etheme-custom-masonry .info-box .post-comments-count {
color: inherit;
} @media only screen and (min-width: 992px) {
.etheme-custom-masonry[data-type="1"] .grid-1 {
grid-area: 1/1/13/7;
}
.etheme-custom-masonry[data-type="1"] .grid-2 {
grid-area: 1/7/7/10;
}
.etheme-custom-masonry[data-type="1"] .grid-3 {
grid-area: 7/7/13/10;
}
.etheme-custom-masonry[data-type="1"] .grid-4 {
grid-area: 1/10/7/13;
}
.etheme-custom-masonry[data-type="1"] .grid-5 {
grid-area: 7/10/13/13;
} .etheme-custom-masonry[data-type="2"] .grid-1 {
grid-area: 1/1/7/5;
}
.etheme-custom-masonry[data-type="2"] .grid-2 {
grid-area: 7/1/13/5;
}
.etheme-custom-masonry[data-type="2"] .grid-3 {
grid-area: 1/5/13/9;
}
.etheme-custom-masonry[data-type="2"] .grid-4 {
grid-area: 1/9/7/13;
}
.etheme-custom-masonry[data-type="2"] .grid-5 {
grid-area: 7/9/13/13;
} .etheme-custom-masonry[data-type="3"] .grid-1 {
grid-area: 1/1/7/9;
}
.etheme-custom-masonry[data-type="3"] .grid-2 {
grid-area: 1/9/7/13;
}
.etheme-custom-masonry[data-type="3"] .grid-3 {
grid-area: 7/1/13/5;
}
.etheme-custom-masonry[data-type="3"] .grid-4 {
grid-area: 7/5/13/13;
} .etheme-custom-masonry[data-type="4"] {
grid-template-columns: repeat(12,1fr);
-ms-grid-rows: (1fr)[6];
grid-template-rows: repeat(6,1fr);
}
.etheme-custom-masonry[data-type="4"] .grid-1 {
grid-area: 1/1/7/7;
}
.etheme-custom-masonry[data-type="4"] .grid-2 {
grid-area: 1/7/4/10;
}
.etheme-custom-masonry[data-type="4"] .grid-3 {
grid-area: 4/7/7/10;
}
.etheme-custom-masonry[data-type="4"] .grid-4 {
grid-area: 1/10/7/13;
} .etheme-custom-masonry[data-type="5"] {
grid-template-columns: repeat(12,1fr);
-ms-grid-rows: (1fr)[8];
grid-template-rows: repeat(8,1fr);
}
.etheme-custom-masonry[data-type="5"] .grid-1 {
grid-area: 1/1/6/6;
}
.etheme-custom-masonry[data-type="5"] .grid-2 {
grid-area: 6/1/9/6;
}
.etheme-custom-masonry[data-type="5"] .grid-3 {
grid-area: 1/6/5/9;
}
.etheme-custom-masonry[data-type="5"] .grid-4 {
grid-area: 5/6/9/9;
}
.etheme-custom-masonry[data-type="5"] .grid-5 {
grid-area: 1/9/4/13;
}
.etheme-custom-masonry[data-type="5"] .grid-6 {
grid-area: 4/9/9/13;
}
}
.etheme-custom-masonry.skeleton .grid-img:before {
content: attr(data-number);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.etheme-custom-masonry.skeleton .grid-img {
background: #ddd;
color: #888;
font-size: 2.3em;
font-weight: 600;
width: 100%;
} .elementor-element-edit-mode .etheme-map:empty {
min-height: 200px;
background: #fafafa;
color: #000;
}
.elementor-element-edit-mode .etheme-map:empty:before {
content: 'XStore Google Map';
font-size: 2rem;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
} .elementor-add-section-area-button.elementor-add-et-button {
background-color: #a4004f;
align-self: center;
margin-left: 5px;
vertical-align: bottom;
}