.widget_product_category_style_2 .box-content {
overflow: inherit;
}
.widget_product_category_style_2 .item { position: relative; margin-bottom: 20px; }
.widget_product_category_style_2 .item .img {
height: 200px;
text-align: center;
}
.widget_product_category_style_2 .item .img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.widget_product_category_style_2 .item .title {
margin-top: 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
opacity: 1;
background-color: #0000002e;
-ms-transform: rotate(10deg);
transform: rotateZ(10deg);
transition: all .5s ease;
text-align: center;
}
.widget_product_category_style_2 .item .title .heading {
color:#fff;
font-family: 'Great Vibes', sans-serif;
font-size:40px;
text-align: center;
margin: 0; width: 100%;
padding-top:50%; translateY(-50%);
padding-bottom:50%;
text-transform: capitalize;
}
.widget_product_category_style_2 .item .title .heading a {
color:#fff;
}
.widget_product_category_style_2 .item:hover .title {
-ms-transform: rotate(0deg);
transform: rotateZ(0deg);
}
@media (max-width: 768px) {
.widget_product_category_style_2 .box-content .row {
--bs-gutter-x:20px!important;
}
.widget_product_category_style_2 .item .title .heading {
font-size: 20px;
}
.widget_product_category_style_2 .item .title {
-ms-transform: rotate(0deg);
transform: rotateZ(0deg);
}
}.widget_product_style_1 { overflow: hidden; }
.widget_product_style_1 .box-content { overflow: hidden; position: relative; }
.product-slider-horizontal .item { background-color: #FFF; margin-bottom: var(--bs-gutter-x); }.widget_about_style_6 .row-flex-center {
display: flex; flex-wrap: wrap; flex-direction: row;
align-items: center;
max-width: 1000px; margin:50px auto 50px auto;
}
.widget_about_style_6 .row-flex-center.text_img {
flex-direction: row-reverse;
}
.widget_about_style_6 .about-image, .widget_about_style_6 .about-content {
flex: 0 0 50%; width: 50%;
}
.widget_about_style_6 .about-image {
transform: translateY(-50px);
}
.widget_about_style_6 .about-image img {
width: 100%;
-webkit-animation: move3 5s infinite;
animation: move3 5s infinite;
}
.widget_about_style_6 .about-image.text_img {
float: right;
}
.widget_about_style_6 .about-content {
background-color: var(--about-6-txt-bg); padding:20px;
min-height: 500px;
transform: translateY(50px);
}
.widget_about_style_6 .about-content .description {
margin-bottom: 40px;
}
.widget_about_style_6 .about-content p {
color: #777;
font-size: 14px;
line-height: 25px;
margin-bottom: 20px;
margin-top: 10px;
}
.widget_about_style_6 .about-content ul {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
list-style-type: none;
margin-right: -10px;
margin-bottom: 5px;
margin-top: 5px;
}
.widget_about_style_6 .about-content ul li {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
margin-top: 10px;
font-weight: 600;
color: #777;
position: relative;
padding-right: 10px;
padding-left: 22px;
}
.widget_about_style_6 .about-content .description {
margin-bottom: 20px;
}
.widget_about_style_6 .button .btn {
margin: 20px 0; border-radius: 5px;
}
@media(max-width: 768px) {
.widget_about_style_6 .about-image, .widget_about_style_6 .about-content {
flex: 0 0 100%; width: 100%;transform: translateY(0px);
}
}.widget_item_style_1 {
overflow: hidden; text-align: center;
}
.widget_item_style_1 .row-flex {
position: relative;
display: grid;
grid-template-columns: var(--item1-per-row);
gap:10px;
}
.widget_item_style_1 .item {
position: relative; overflow: hidden; text-align: center; background-position: center;
}
.widget_item_style_1 .item:before, .widget_item_style_1 .item:after {
content: "";
position: absolute;
background-repeat: no-repeat;
opacity: 0;
transition: all .5s;
-webkit-transform: scale(.1);
transform: scale(.1);
z-index: 0;
}
.widget_item_style_1 .item:before {
background-image: url('views/theme-store/widget/item/image/item-before.png');
height: 100%;
top: -30px;
left: -30px;
width: 100%;
}
.widget_item_style_1 .item:after {
background-image: url('views/theme-store/widget/item/image/item-after.png');
height: 290px;
bottom: -40px;
right: -30px;
width: 250px;
}
.widget_item_style_1 .item.active:after, .widget_item_style_1 .item.active:before,
.widget_item_style_1 .item:hover:after, .widget_item_style_1 .item:hover:before {
opacity: 1;
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
.widget_item_style_1 .item .img {
height: var(--item1-height); text-align: center;
}
.widget_item_style_1 .item .img img {
width: auto; height: 100%; display: inline-block;
border-radius: 5px;padding:5px; margin-top: 5px;
}
.widget_item_style_1 .item .title {
text-align: center; padding: 10px;
}
.widget_item_style_1 .item .title p.heading {
font-family: var(--font-header);
color: var(--item1-title); font-size: 30px; font-weight: 400; margin: 20px 0 20px 0;
}
.widget_item_style_1 .item .title p.description {
color: var(--item1-des); font-size: 14px; line-height: 20px;
max-width: 300px;
margin:0 auto;
}
.widget_item_style_1 .item:hover .img img {
-webkit-animation: toTopFromBottom .5s forwards;
animation: toTopFromBottom .5s forwards;
}
.widget_item_style_1 .item:hover .img img {
box-shadow: 0 0 10px 4px rgba(31,66,135,.1);
}
@media (max-width: 768px) {
.widget_item_style_1 .row-flex {
grid-template-columns: var(--item1-per-row-tablet);
}
.widget_item_style_1 .item .img { height: 50px; }
}
@media (max-width: 600px) {
.widget_item_style_1 .row-flex {
grid-template-columns: var(--item1-per-row-mobile);
}
.widget_item_style_1 .item .img { height: 50px; }
}
@media (max-width: 500px) {
.widget_item_style_1 .item .img { height: auto; }
}.widget_post_style_1 .box-content { position: relative; }
.widget_post_style_1 .item .img { height: 300px; width: 100%; }
.widget_post_style_1 .item .img img { height: 100%; width: 100%; object-fit: cover; }
.widget_post_style_1 .item .title {
padding: 10px;
}
.widget_post_style_1 .item .title .header {
font-size: 16px; line-height: 30px; height: 60px; font-family: var(--theme-color);
margin:10px 0; color: #000;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /* number of lines to show */
line-clamp: 2;
-webkit-box-orient: vertical;
}
.widget_post_style_1 .item .title .header a {
color: #000; outline: none;
}
.widget_post_style_1 .item .title .description {
margin-bottom: 18px; height: 55px;
text-align: initial;
color: #687385;
}
.widget_post_style_1 .item .title .post-info {
margin: 0 0 20px 0;
}
.widget_post_style_1 .item .title .read-more a {
color:#000;display: inline-block; position: relative;
transition: all 0.3s;
}
.widget_post_style_1 .item .title .read-more i {
color:red;position: relative;top:1px;
}
.widget_post_style_1 .item .title .read-more a:hover {
padding-left: 20px; color:var(--theme-color);
}
.widget_post_style_1 .item:hover {
box-shadow: 0 4px 20px 0 rgba(0,0,0,0.2), 0 0 0 transparent;
}
@media (max-width: 1200px) {
.widget_post_style_1 .item .img { height: 250px; }
}
@media (max-width: 600px) {
.widget_post_style_1 .item {padding:0;margin: 10px;}
.widget_post_style_1 .item .img { height: 200px; }
}:root {
--email-color:#fff;
}
.widget_email_style_1 .description {
width: 500px; max-width: 100%;
margin: 30px auto 50px auto;
color:#CCC;
}
.widget_email_style_1 .box-content {
width: 800px; max-width: 100%;
margin: 0 auto;
}
.widget_email_style_1 .form-group {
overflow: hidden;
background-color:#F4F2F0;
}
.widget_email_style_1 .form-group .input { float: left; width:calc(100% - 150px); padding-right: 10px; }
.widget_email_style_1 .form-group .input .form-control {
border:0;
height: 50px;
line-height: 50px;
border-radius: 8px;
margin-bottom: 0;
float: left;
width: 100%;
padding: 0 20px;
outline: none;
color: #7c7c7c;
font-size: 15px;
background-color: transparent;
}
.widget_email_style_1 .form-group .button { float: left; width:150px; }
.widget_email_style_1 .form-group .button button {
width:100%;
height: 50px;
line-height: 50px;
padding: 0 10px;
border-radius: 8px;
}
@media(max-width: 600px) {
}