| Server IP : 51.91.236.193 / Your IP : 216.73.216.224 Web Server : Apache System : Linux webm010.cluster128.gra.hosting.ovh.net 6.18.39-ovh-vps-grsec-zfs+ #1 SMP PREEMPT_DYNAMIC Tue Jul 21 12:03:15 CEST 2026 x86_64 User : institutah ( 16501) PHP Version : 7.2.34 Disable Function : _dyuweyrj4,_dyuweyrj4r,dl MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/i/n/s/institutah/www/wp-content/themes/makali/less/ |
Upload File : |
/* Layouts */
/* PAGE LAYOUT
-----------------------------*/
.small-body .page-wrapper {
min-height: 100vh;
position: relative;
.footer {
bottom: 0;
left: 0;
position: absolute;
right: 0;
}
}
.page-wrapper {
.clearfix();
background: @pagecontentbg;
}
body {
color: @textcolor;
font-family: @bodyfont;
font-size: @textsize;
line-height: 1.9;
-webkit-transition: opacity .24s ease-in-out;
-moz-transition: opacity .24s ease-in-out;
transition: opacity .24s ease-in-out;
}
@media(min-width: 992px){
.special-revlider{
padding-left: 40px !important;
padding-right: 40px !important;
}
}
.heightzero {
height: 0;
overflow: hidden;
}
.row-bg-top{
padding-top: @rowspace;
}
.row-bg-padding{
padding-top: @rowspace;
padding-bottom: @rowspace - 35px;
}
.wrapper {
margin: 0 auto;
position: relative;
width: 100%;
.row-container {
display: block;
margin: 0 auto;
max-width: @rowcontainer;
width: 100%;
&:after {
clear: both;
content: '';
display: block;
height: 0;
line-height: 0;
visibility: hidden;
}
}
// Box layout
&.box-layout {
overflow: hidden;
.box-shadow(0px 0px 10px 0px rgba(0, 0, 0, .2));
&:after {
clear: both;
content: '';
display: block;
height: 0;
line-height: 0;
visibility: hidden;
}
}
.box-body-inner {
margin: auto;
max-width: 1250px;
padding: 40px;
padding-bottom: 0;
}
&.box-body {
.header-container {
background: none;
}
.page-wrapper {
padding-bottom: 70px;
}
}
}
#primary_nd .item_link[title="logomenu"] .link_text{
background: url('../images/logo.png') no-repeat center !important;
text-indent: -9999px;
width: 125px;
max-width: 125px;
height: 28px !important;
}
.wrapper .vc_row.full-width,
.wrapper .vc_row[data-vc-full-width] {
.row-container {
margin-left: -15px;
margin-right: -15px;
max-width: none !important; // override
width: auto;
}
&.vc_row-no-padding {
.row-container {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
}
}
.wrapper .vc_row[data-vc-full-width] {
overflow: visible; /* override */
}
.wrapper {
.vc_col-has-fill > .vc_column-inner,
.vc_row-has-fill > .vc_column_container > .vc_column-inner {
padding-top: 0;
}
.vc_column_container > .vc_column-inner {
width: auto;
}
}
.wrapper .vc_row.vc_row-o-equal-height {
align-items: center;
}
.wrapper .vc_row.vc_row-flex > .vc_column_container > .vc_column-inner {
z-index: unset;
}
.vc_row {
margin-bottom: calc(@rowspace ~"-" 35px);
}
.vc_row.fix-bottom-space {
margin-bottom: @rowspace;
}
/* SHOP PAGE
-----------------------------*/
.shop-page {
.main-container {
padding-top: 0;
}
}
.shop-banner {
margin-bottom: 35px;
position: relative;
img {
width: 100%;
}
}
.fullwidth .shop-banner {
display: none;
}
.shop-title {
display: none;
}
/* PRODUCT PAGE
-----------------------------*/
.single-product {
.product-banner {
margin-bottom: 40px;
}
}
/* INNER BRANDS
-----------------------------*/
.inner-brands {
margin-bottom: 35px;
}
/* IMAGE HOVER
-----------------------------*/
// Image hover effect (in main-container, not include header, footer -> logo, image payment)
.main-container .wpb_single_image {
> .wpb_wrapper {
max-width: 100%; // for responsive FF and IE
}
}
.main-container {
.wpb_single_image a,
.image-hover-effect {
.image-hover-effect();
}
}
/* ICON
-----------------------------*/
.wrapper i.icon {
display: inline-block;
height: auto;
line-height: inherit;
margin: 0;
vertical-align: middle;
width: auto;
}
/* SLIDER REVOLUTION
-----------------------------*/
.wrapper{
.wpb_revslider_element {
margin-bottom: 35px;
.tp-caption {
a {
color: inherit;
display: block;
position: relative;
.transition(inherit);
&:hover {
color: inherit;
}
}
i {
font-size: 16px;
line-height: inherit !important;
margin-left: 5px;
vertical-align: top;
}
}
}
.slider-none-marginb{
margin-bottom: 0 !important;
.wpb_revslider_element{
margin-bottom: 0;
}
}
}
/*CAROUSEL
-----------------------------*/
/* PRODUCT CAROUSEL
-----------------------------*/
.roadthemes-slider {
.item-col {
max-width: 100%; /* override */
padding-left: 0; /* override */
padding-right: 0; /* override */
width: 100%;
flex: 0 1 auto; /* override */
}
}
.roadthemes-slider.roadthemes-products {
.shop-products {
margin-left: 0; /* override */
margin-right: 0; /* override */
.item-col {
margin-bottom: 0; /* override */
padding-left: 0; /* override */
padding-right: 0; /* override */
width: 300px; // slider not load
}
.owl-item {
.item-col {
width: 100%;
}
.product-wrapper {
margin-left: auto;
margin-right: auto;
}
}
.group {
display: block; /* override */
.item-col {
margin-bottom: 30px;
&:last-child {
margin-bottom: 0;
}
}
}
.owl-item.active {
.item-col {
.animation(zoomIn 500ms ease-in-out);
}
}
// item col have equal height
.owl-stage {
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex;
flex-flow: row wrap;
margin: auto;
.item-col {
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex;
min-height: 100%;
}
}
}
}
/* LIST PRODUCT
-----------------------------*/
.product-list {
.shop-products {
.group {
width: 100%; /* override */
.item-col {
margin-bottom: 20px;
&:last-child {
margin-bottom: 0;
}
}
}
.listview {
display: block;
}
.gridview {
display: none;
}
.row {
margin-left: 0;
margin-right: 0;
}
.list-col4 {
float: left;
width: 24%;
}
.list-col8 {
float: left;
padding: 0 0 0 20px;
width: 76%;
}
.product-name {
margin: 0 0 10px 0;
a {
font-size: 1em;
}
}
.price-box {
font-size: @pricefontsize;
margin-bottom: 5px;
}
.quickviewbtn,
.onsale,
.product-desc,
.actions {
display: none;
}
.star-rating {
margin: 0;
}
}
&.roadthemes-slider {
.owl-dots {
margin-top: 35px;
text-align: left;
}
}
}
/* CATEGORIES MENU
-----------------------------*/
.categories-menu-wrapper {
position: relative;
.categories-menu {
min-height: auto;
width: 100%;
z-index: 99;
&.show {
.catemenu {
height: auto;
overflow: visible;
}
}
.catemenu-toggler {
background: @primarycolor;
color: @white;
cursor: pointer;
font-size: 14px;
font-weight: 500;
height: 56px;
line-height: 56px;
padding: 0 20px;
width: 100%;
.border-radius(0);
span {
&:before {
content: '\f394';
display: inline-block;
float: left;
font-family: "Ionicons";
font-size: 19px;
margin-right: 10px;
vertical-align: top;
}
&:after {
content: '\f107';
display: inline-block;
float: right;
font-family: "FontAwesome";
font-size: 14px;
vertical-align: top;
}
}
}
.catemenu {
height: 0;
overflow: hidden;
.transition();
}
.catemenu-inner {
background: @categoriesbg;
border: 2px solid @primarycolor;
width: 100%;
}
.categories {
display: none;
}
/* for default wordpress menu (not selected menu location) */
& > ul {
display: none;
margin: 0;
& > li {
display: none;
}
}
/* for default wordpress menu (selected menu location) */
.categories-menu-container {
display: none;
position: relative;
z-index: 100;
ul {
background: @categoriesbg;
margin: 0;
padding: 0;
& > li {
list-style: none;
padding: 0 15px;
position: relative;
&.menu-item-has-children {
> a {
&:after {
border: none !important;
color: inherit;
content: '\f105';
display: inline-block;
font-family: FontAwesome;
font-size: 16px;
height: auto;
left: auto;
position: absolute;
right: 15px;
top: 50%;
width: auto;
.transform(translateY(-50%));
}
}
}
&:hover {
& > a {
color: @primarycolor;
}
> .sub-menu {
opacity: 1;
visibility: visible;
}
}
.sub-menu {
border: 1px solid @bordercolor;
left: 100%;
min-width: 200px;
opacity: 0;
position: absolute;
top: 0;
visibility: hidden;
z-index: 9;
.transition();
.sub-menu {
top: 10px;
}
}
//first level
& > a {
background-image: none;
border-bottom: 1px solid @bordercolor;
color: @menucolor;
display: block;
font-family: @menufont;
font-size: 12px;
font-weight: normal;
padding: 12px 15px;
text-decoration: none;
text-transform: none;
-webkit-transition: all .4s ease;
transition: all .4s ease;
&:hover {
color: @primarycolor;
}
}
}
}
}
/* for normal */
.categories {
height: auto;
& > .menu_holder {
width: 100%;
.menu_inner {
width: 100%;
.nav_logo {
display: none;
}
& > ul {
& > li {
background: none;
padding: 0 15px;
&.nav_search_box {
display: none !important;
}
&.current-menu-ancestor,
&.current-menu-item,
&.current-product-ancestor,
&:hover {
& > a {
&.item_link {
color: @linkhovercolor;
.link_text,
&:after,
.link_content,
i {
color: @linkhovercolor;
}
}
}
}
&.menu-item-has-children {
& > a {
&.item_link {
// background-color: @primarycolor;
background-image: none;
&:before {
display: none;
}
&:after {
border: none !important;
color: inherit;
content: '\f105';
display: inline-block;
font-family: FontAwesome;
font-size: 16px;
height: auto;
left: auto;
position: absolute;
right: 15px;
top: 50%;
width: auto;
.transform(translateY(-50%));
}
}
}
}
//first level
& > a {
&.item_link {
background: none;
border-bottom: 1px solid @bordercolor;
color: @categoriescolor;
display: block;
height: auto; // override
line-height: 1.8;
min-height: 0 !important;
overflow: hidden;
padding: 12px 15px;
text-decoration: none;
-webkit-transition: all .4s ease;
transition: all .4s ease;
.link_text,
i {
color: @categoriescolor;
height: 100%;
line-height: inherit;
text-transform: capitalize;
}
i {
font-size: 13px; /* override */
padding-right: 10px; /* override */
width: auto; /* override */
}
.link_content {
height: auto; /* override */
line-height: inherit; /* override */
min-height: 0; /* override */
position: relative;
}
.link_text {
font-size: @categoriesfontsize;
font-weight: @categoriesfontweight;
height: 100%;
line-height: inherit;
margin: 0 !important;
min-height: 0;
padding-right: 15px;
word-break: break-word;
}
&.with_icon {
> .link_content {
margin: 0;
}
}
&:before,
&:after {
display: none;
}
}
}
&.default_dropdown {
ul.mega_dropdown {
background: @categoriessubmenubg;
border: 1px solid @bordercolor;
box-shadow: none;
padding: 0 15px;
li {
border-bottom: 1px solid @bordercolor;
width: 100%;
&:last-child {
border-bottom: none;
}
a.item_link {
background: none;
border: none;
display: block;
font-size: @categoriessubmenufontsize;
line-height: 1.8;
padding: 12px 0;
text-transform: none;
.link_text {
color: @categoriessubmenucolor;
font-family: @categoriessubmenufont;
font-size: @categoriessubmenufontsize;
font-weight: normal;
}
i {
color: @textcolor;
float: left;
padding-right: 9px;
position: static;
}
&:focus {
background: none;
}
&:before {
display: none;
}
&:hover {
background: none;
.link_text {
color: @primarycolor;
}
i {
color: @primarycolor;
}
}
}
&:hover,
&.current-menu-ancestor,
&.current-menu-item,
&.current-product-ancestor {
& > a.item_link {
background: none;
.link_text {
color: @primarycolor;
}
i {
color: @primarycolor;
}
}
& > .item_link * {
color: @primarycolor;
}
}
}
}
}
&.multicolumn_dropdown {
&.columns3 {
& > ul.mega_dropdown {
width: 670px;
}
}
&.columns2 {
& > ul.mega_dropdown {
width: 460px;
}
}
&.columns1 {
& > ul.mega_dropdown {
width: 255px;
}
}
& > ul.mega_dropdown {
background: @categoriessubmenubg;
border: 1px solid @bordercolor;
box-shadow: none;
padding: 14px 0 20px 0;
& > li {
padding: 15px 20px 10px 30px;
a {
background: none;
padding: 0;
text-transform: none;
.link_text {
color: @categoriessubmenucolor;
display: block;
font-family: @categoriessubmenufont;
font-size: @categoriessubmenufontsize;
font-weight: normal;
}
i {
color: @categoriessubmenucolor;
float: left;
height: 36px;
line-height: 36px;
padding-right: 9px;
position: static;
}
&:focus {
background: none;
}
&:before {
display: none;
}
&:hover {
background: none;
padding-left: 10px;
.link_text {
color: @primarycolor;
}
i {
color: @primarycolor;
}
}
}
//first sub level
& > a {
display: inline-block;
font-size: @categoriessubmenufontsize;
margin-bottom: 25px;
position: relative;
width: 100%;
&[href='#'] {
pointer-events: none;
}
.link_text {
color: @primarycolor;
display: block;
font-family: @categoriessubmenufont;
font-size: 1em;
font-weight: @headingfontweight;
line-height: 1.5;
text-transform: uppercase;
}
i {
height: 47px;
line-height: 47px;
}
&:before {
display: none;
}
&:hover {
.link_text {
color: @primarycolor;
}
i {
color: @primarycolor;
}
}
}
ul.mega_dropdown {
li {
margin-bottom: 15px;
&:last-child {
margin-bottom: 0;
}
}
}
}
li {
&.current-menu-item,
&.current-product-parent {
& > .item_link * {
color: @primarycolor;
}
}
}
}
}
&.widgets_dropdown {
& > ul.mega_dropdown {
background: @categoriessubmenubg;
border-color: @bordercolor @bordercolor @primarycolor @bordercolor;
border-style: solid;
border-width: 1px 1px 3px 1px;
box-shadow: none;
padding: 0 15px !important;
& > li {
margin: 0;
&.widget_menu {
padding: 0;
position: absolute;
right: 20px;
top: 32px;
width: 170px !important;
.widget {
font-size: 12px;
line-height: 1.5;
margin: 0;
padding-left: 0;
padding-right: 0;
width: 100%;
.widgettitle {
background: none;
border-bottom: 1px solid @bordercolor;
margin: 0 0 8px;
padding: 0 0 5px;
text-transform: uppercase;
}
p {
float: left;
margin: 0;
width: 100%;
&:first-child {
margin-left: 0;
}
}
a {
display: block;
float: left;
overflow: hidden;
padding: 0;
position: relative;
width: 100%;
img {
margin: 0;
-webkit-transition: -webkit-transform .3s ease;
transition: transform .3s ease;
}
&:before {
background: #000;
content: '';
display: block;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
-webkit-transition: all .3s ease;
transition: all .3s ease;
width: 100%;
z-index: 1;
}
&:hover {
img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
&:before {
opacity: .2;
}
}
}
img {
float: left;
}
}
}
a {
background: none;
padding: 0;
text-transform: none;
.link_text {
color: @vmenucolor;
font-family: @bodyfont;
font-size: 12px;
font-weight: normal;
line-height: 36px;
}
i {
color: @vmenucolor;
float: left;
height: 36px;
line-height: 36px;
padding-right: 9px;
position: static;
}
&:focus {
background: none;
}
&:before {
display: none;
}
&:hover {
background: none;
.link_text {
color: @primarycolor;
}
i {
color: @primarycolor;
}
}
}
//first sub level
& > a {
border-bottom: 1px solid @bordercolor;
display: inline-block;
margin-bottom: 10px;
text-transform: uppercase;
width: 100%;
.link_text {
color: @vmenucolor;
font-family: @menufont;
font-size: 14px !important;
font-weight: normal;
line-height: 47px;
}
i {
height: 47px;
line-height: 47px;
}
&:before {
display: none;
}
&:hover {
.link_text {
color: @primarycolor;
}
i {
color: @primarycolor;
}
}
}
& > ul.mega_dropdown {
padding-bottom: 10px;
}
}
li {
&.current-menu-item,
&.current-product-parent {
& > .item_link * {
color: @primarycolor;
}
}
}
}
}
&.submenu_full_width {
& > ul.mega_dropdown {
width: 100%;
}
}
}
}
}
.mmm_fullwidth_container {
display: none;
}
}
}
.menu-primary-menu-container {
ul#menu-primary-menu {
margin: 0;
padding: 0;
& > li {
list-style: none;
}
}
}
/* for active megamainmenu (not selected menu location) */
div.mega_main_menu_ul {
display: none;
}
.morelesscate {
display: none;
width: 100%;
z-index: 9999999;
span {
color: @categoriescolor;
cursor: pointer;
display: block;
font-family: @categoriesfont;
font-size: 14px;
font-weight: @headingfontweight;
padding: 10px 15px;
text-decoration: none;
-webkit-transition: all .4s ease;
transition: all .4s ease;
i {
font-size: 12px;
padding-right: 10px;
}
&.lesscate {
display: none;
}
&:hover {
color: @primarycolor;
}
}
}
}
}
/* BRAND CAROUSEL
-----------------------------*/
.brands-carousel {
.owl-item {
a {
display: block;
text-align: center;
&:hover {
img {
.transform(scale(1.1));
}
}
img {
display: inline-block;
width: auto;
.transition();
}
}
}
&.style2 {
border-bottom: 1px solid @bordercolor;
border-top: 1px solid @bordercolor;
padding: 40px 0;
}
&.style3 {
border-top: 1px solid @bordercolor;
padding: 40px 0;
margin-bottom: 0;
}
&.style4{
padding: 45px 0;
margin-bottom: 0;
}
}
/* SHOW CATEGORIES CAROUSEL homepage demo 4
-----------------------------*/
body.page-template-demo4 {
.categories-menu {
#categories {
display: block;
}
.morelesscate {
display: block;
}
}
}
/* HOME TABS GENERAL
-----------------------------*/
.vc_tta-container {
margin-bottom: 0 !important;
.tabs-style2{
.vc_tta-tabs-list{
li{
a{
border: none !important;
padding: 0 20px !important;
text-transform: uppercase;
min-width: inherit !important;
}
&:hover,
&.vc_active{
a{
color: @primarycolor !important;
}
}
}
}
}
.vc_tta-tabs-container {
display: inline-block !important;
margin: 0 0 40px 0 !important;
padding: 0;
vertical-align: middle;
width: 100%;
}
.vc_tta-tabs-list {
margin: 0 !important;
padding: 0 !important;
text-align: center;
li {
display: inline-block;
margin: 0 20px 0 0 !important;
position: relative;
vertical-align: top;
a {
background: none !important;
border: 2px solid @bordercolor !important;
border-radius: 0 !important;
color: #a3a3a3 !important;
color: #a3a3a3 !important;
display: inline-block;
font-family: @headingfont;
font-size: 14px;
font-size: 14px;
font-weight: @headingfontweight;
height: 56px;
line-height: 51px;
min-width: 158px;
padding: 0 20px 15px 20px !important;
padding: 0 15px;
position: relative;
text-align: center;
vertical-align: middle;
.transition();;
&:before {
display: none !important;
}
&:after {
display: none !important;
}
}
&:hover,
&.vc_active {
a {
background: none !important;
border-color: @darkcolor !important;
color: @primarycolor !important;
color: @darkcolor !important;
}
}
}
}
.vc_tta-panels-container {
.vc_tta-panels {
background: none !important; /* override */
border: none !important; /* override */
}
.vc_tta-panel-heading {
display: none !important; /* override */
}
}
.vc_tta-panel-body {
background: none !important; /* override */
border: none !important; /* override */
overflow: visible !important;
padding: 0 !important;
position: relative;
z-index: 11;
}
}
[class*='home-tabs'] {
.wpb_content_element {
display: none;
}
.shop-products {
.group {
.item-col {
width: 100%;
&:last-child {
margin: 0;
}
}
}
.item-col {
width: 350px;
&.first {
clear: none;
}
}
}
}
.home-tabs-text {
letter-spacing: .08em;
text-align: center;
h3 {
font-size: 32px;
}
p {
font-weight: @headingfontweight;
}
}
.home-tabs {
.home-tabs-title {
list-style-type: none;
margin: 0 0 40px 0;
padding: 0;
text-align: center;
li {
display: inline-block;
margin: 0 20px 0 0;
position: relative;
vertical-align: top;
&:last-child {
margin-right: 0;
}
a {
border: 2px solid @bordercolor;
color: #a3a3a3;
display: inline-block;
font-size: 14px;
font-weight: 500;
height: 56px;
line-height: 51px;
min-width: 158px;
padding: 0 15px;
text-align: center;
vertical-align: middle;
&:hover,
&.active {
border-color: @darkcolor;
color: @darkcolor;
}
}
}
}
}
.sidebar-countdown {
.shop-products {
.gridview {
display: block;
}
.listview {
display: none;
}
.count-down {
display: block;
.timebox {
background: #f2f2f2;
border: 1px solid @bordercolor;
margin: 0 8px 0 0;
}
.hastime {
margin-bottom: 20px;
}
}
.product-button {
display: none;
}
}
}
/* txt-notification */
.txt-notification{
color: @white;
font-size: 0.9286em;
font-weight: 500;
padding: 8px 0;
a{
border-bottom: 1px solid @greycolor;
color: @white;
&:hover{
color: @primarycolor;
}
}
i{
font-size: 1.3846em;
}
}
.header-container:not(.rs-active){
.show-catemenu{
.categories-menu-wrapper{
.categories-menu{
#categories,
.morelesscate{
display: none;
}
}
}
}
}
.show-catemenu{
.categories-menu-wrapper{
.categories-menu{
#categories,
.morelesscate{
display: block;
}
}
}
}
.categories-menu-style2{
.categories-menu-wrapper{
.categories-menu{
&.show{
.catemenu{
padding: 15px 0;
border: 1px solid #e5e5e5;
background: @white;
}
}
.catemenu-inner{
border: none;
}
.categories{
& > .menu_holder{
.menu_inner{
& > ul{
& > li{
& > a.item_link{
border: none;
padding: 9px 0 9px;
}
}
}
}
}
}
}
}
}
/* POLICY
-----------------------------*/
.policy{
&.layout1 {
&.with-border {
.row-container {
margin-bottom: 35px;
padding-bottom: 25px;
position: relative;
&:before {
background: @bordercolor;
bottom: 0;
content: '';
display: block;
height: 1px;
left: 15px;
position: absolute;
right: 15px;
z-index: 9;
}
}
}
.vc_column-inner > .wpb_wrapper {
padding-left: 45px;
padding-right: 10px;
position: relative;
&:hover {
.wpb_single_image {
.animation(rotate 2s infinite);
}
}
}
.wpb_column {
&:last-child {
.vc_column-inner > .wpb_wrapper:before {
display: none;
}
}
}
.wpb_single_image {
left: 0;
margin: 0;
position: absolute;
top: 5px;
z-index: 9;
}
.wpb_text_column {
h4 {
font-size: 1em;
margin-bottom: 7px;
}
p {
font-size: 0.929em;
line-height: 1.65;
}
}
}
&.layout2 {
.vc_column-inner > .wpb_wrapper {
background: #f5f5f5;
border: 1px solid @bordercolor;
margin-bottom: 35px;
}
.wpb_text_column {
border-bottom: 1px solid @bordercolor;
margin-bottom: 0;
overflow: hidden;
padding: 16px 20px;
> .wpb_wrapper {
padding-left: 45px;
position: relative;
}
&:last-child {
border-bottom: none;
}
img {
left: 0;
position: absolute;
top: 0;
z-index: 9;
}
h3 {
color: @darkcolor;
font-size: 1em;
margin-bottom: 7px;
overflow: hidden;
}
p {
font-size: 0.929em;
margin: 0;
}
p:not(:first-child) {
overflow: hidden;
}
}
}
&.layout3 {
.row-container {
padding-top: @rowspace;
position: relative;
&:before {
content: "";
display: block;
position: absolute;
left: 15px;
right: 15px;
z-index: 9;
top: 0;
background: @bordercolor;
height: 1px;
}
}
.vc_column-inner > .wpb_wrapper {
padding-left: 45px;
padding-right: 10px;
position: relative;
&:hover {
.wpb_single_image {
.animation(rotate 2s infinite);
}
}
}
.wpb_column {
&:last-child {
.vc_column-inner > .wpb_wrapper:before {
display: none;
}
}
}
.wpb_single_image {
left: 0;
margin: 0;
position: absolute;
top: 5px;
z-index: 9;
}
.wpb_text_column {
h4 {
font-size: 1em;
margin-bottom: 7px;
}
p {
font-size: 0.929em;
line-height: 1.65;
}
}
&.with-border {
.row-container {
margin-bottom: 35px;
padding-bottom: 25px;
position: relative;
&:before {
background: @bordercolor;
bottom: 0;
content: '';
display: block;
height: 1px;
left: 15px;
position: absolute;
right: 15px;
z-index: 9;
}
}
}
}
&.layout5,
&.layout4{
background: #f9f9f9;
padding: 60px 0 25px;
margin-bottom: @rowspace;
.vc_column-inner > .wpb_wrapper {
padding-left: 45px;
padding-right: 10px;
position: relative;
&:hover {
.wpb_single_image {
.animation(rotate 2s infinite);
}
}
}
.wpb_column {
&:last-child {
.vc_column-inner > .wpb_wrapper:before {
display: none;
}
}
}
.wpb_single_image {
left: 0;
margin: 0;
position: absolute;
top: 5px;
z-index: 9;
}
.wpb_text_column {
h4 {
font-size: 1em;
margin-bottom: 7px;
}
p {
font-size: 0.929em;
line-height: 1.65;
}
}
}
&.layout5{
background: none;
}
}
/* Popular Categories */
.popular-categories{
.wpb_single_image{
margin-bottom: 15px;
}
.widget_nav_menu{
text-align: center;
text-transform: capitalize;
ul{
margin: 0;
padding: 0;
li{
list-style: none;
}
}
.menu{
& > li{
font-size: 1.0714em;
font-weight: 600;
margin-bottom: 5px;
}
.sub-menu{
padding: 0;
li{
font-size: 0.8667em;
font-weight: 400;
line-height: 22px;
}
}
}
}
}
/* block-contact */
.block-contact{
margin-bottom: 0;
padding: 35px 0;
background: @primarycolor;
color: @white;
.vc_column-inner{
& > .wpb_wrapper{
display: flex;
align-items: center;
}
}
.wpb_text_column{
margin-bottom: 0;
i{
font-size: 0;
&:before{
font-size: 42px;
margin-right: 10px;
}
}
h4{
color: @white;
font-size: 16px;
}
p{
font-size: 13px;
line-height: 1;
}
}
}
/* BANNER
-----------------------------*/
.banner-with-text {
&.style5{
.row-container{
.vc_column-inner{
padding: 0 15px;
}
}
.wpb_text_column{
position: static;
.opacity(1);
text-align: left;
background: none;
padding-top: 25px;
h3{
font-size: 1.7143em;
margin: 0 0 20px 0;
}
a{
font-size: 1.0714em;
text-transform: uppercase;
font-weight: 600;
color: @primarycolor;
text-decoration: underline;
display: block;
margin-top: 10px;
}
.wpb_wrapper{
margin: 0;
max-width: 100%;
}
}
.vc_column-inner{
& > .wpb_wrapper{
&:hover{
img{
.opacity(1);
}
}
}
}
}
&.style6,
&.style4{
.vc_column-inner > .wpb_wrapper {
&:hover {
.wpb_text_column {
.opacity(1);
}
img {
.opacity(1);
}
}
}
.wpb_text_column{
position: absolute;
background: none;
left: 40px;
bottom: 30px;
.opacity(1);
right: auto;
top: auto;
display: block;
margin: 0;
text-align: left;
z-index: 13;
h4{
font-size: 1.7143em;
margin: 0;
line-height: 1;
color: @headingcolor;
}
em{
font-style: normal;
font-size: 0.9286em;
}
.wpb_wrapper {
margin: initial;
max-width: initial;
}
}
}
&.style6{
&.vc_row[data-vc-full-width]{
.row-container{
padding-left: 40px;
padding-right: 40px;
}
}
.wpb_text_column{
top: 20px;
bottom: auto;
h5,
h4{
color: @white;
}
}
}
&.style3,
&.style2{
.vc_column-inner > .wpb_wrapper {
&:hover {
.wpb_text_column {
&:before{
.opacity(1);
}
}
}
}
.wpb_text_column{
&:before{
content: "";
position: absolute;
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
border: 3px solid @white;
.opacity(0);
}
h4 {
color: #666666;
font-size: 1.4286em;
margin: 0;
font-weight: 400;
}
h3 {
color: @darkcolor;
font-size: 3em;
margin: 0;
font-weight: 600;
}
}
}
&.style3{
.wpb_text_column{
h4 {
font-size: 1.1429em;
margin: 20px 0 0;
}
h3 {
font-size: 1.7143em;
margin: 0
}
}
}
.row-container {
padding-left: 5px;
padding-right: 5px;
.vc_column-inner {
padding-left: 10px;
padding-right: 10px;
}
}
.vc_column-inner > .wpb_wrapper {
margin-bottom: 35px;
position: relative;
&:hover {
.wpb_text_column {
.opacity(1);
}
img {
.opacity(0);
}
}
}
.wpb_single_image {
margin-bottom: 0;
a {
position: relative;
z-index: 12;
}
}
.wpb_text_column {
background: #f4f4f4;
bottom: 0;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex;
left: 0;
margin-bottom: 0;
position: absolute;
right: 0;
text-align: center;
top: 0;
z-index: 7;
.transition();
.opacity(0);
align-items: center;
.wpb_wrapper {
margin: auto;
max-width: 270px;
}
h4 {
color: #a3a3a3;
font-size: .786em;
margin-bottom: 5px;
}
h3 {
color: @darkcolor;
font-size: 1.714em;
margin-bottom: 15px;
}
}
}
/* newsletter */
.newsletter-container{
padding: 190px 0;
.mc4wp-form {
max-width: 100%;
vertical-align: middle;
padding-right: 70px;
position: relative;
.mc4wp-form-fields {
max-width: 100%;
}
input {
outline: none;
box-shadow: none;
}
input[type='email'] {
background: #f5f5f5;// override
border: none; // override
color: #a3a3a3;
display: block;
font-size: 1em;
height: 50px;
line-height: 50px;
max-width: 100%;
padding: 0 20px;
position: relative;
text-align: left;
white-space: nowrap;
width: 100%;
.border-radius(4px);
// style placeholder color and hide when click
/*WebKit browsers*/
&::-webkit-input-placeholder {
color: #a3a3a3;
opacity: 1;
}
&:focus::-webkit-input-placeholder {
color: transparent;
}
/* Mozilla Firefox 4 to 18 */
&:-moz-placeholder {
color: #a3a3a3;
opacity: 1;
}
&:focus:-moz-placeholder {
color: transparent;
}
/* Mozilla Firefox 19+ */
&::-moz-placeholder {
color: #a3a3a3;
}
&:focus::-moz-placeholder {
color: transparent;
}
/* Internet Explorer 10+ */
&:-ms-input-placeholder {
color: #a3a3a3;
}
&:focus:-ms-input-placeholder {
color: transparent;
}
}
button[type='submit'] {
background: @primarycolor;
border: none;
box-shadow: none;
color: @white;
cursor: pointer;
position: absolute;
z-index: 9;
right: 0;
top: 0;
font-size: 0;
height: 50px;
line-height: 50px;
margin: 0 0 0 5px;
outline: none;
padding: 0 15px;
text-align: center;
width: 70px;
.transition();
.border-radius(4px);
&:before {
content: '\e63a';
font-family: 'Pe-icon-7-stroke';
font-size: 24px;
}
&:hover {
background: @darkcolor;
}
}
.mc4wp-alert {
float: left;
margin-top: 15px;
}
}
}
/* BLOG CAROUSEL
-----------------------------*/
.posts-carousel {
position: relative;
&.style2{
.item-col{
padding: 10px;
background: @white;
.post-info{
padding: 0 10px 10px;
}
}
}
&.slide {
.item-col {
margin-bottom: 30px;
max-width: 100%;
width: 100%;
flex: 0 1 auto;
&:last-child {
margin-bottom: 0;
}
}
}
&:not(.slide) {
.group {
.item-col {
margin-bottom: 30px;
}
&:last-child {
.item-col {
margin-bottom: 0;
}
}
}
}
.post-wrapper {
.clearfix();
}
.post-thumb {
margin-bottom: 18px;
position: relative;
width: 100%;
a {
.image-hover-effect();
}
}
.post-title {
font-size: 18px;
margin-bottom: 10px;
a {
color: @darkcolor;
&:hover {
color: @linkhovercolor;
}
}
}
.post-meta {
display: block;
font-size: 12px;
margin-bottom: 17px;
.clearfix();
.post-date {
float: left;
}
.post-comment {
float: left;
}
> * {
margin-right: 32px;
&:last-child {
margin-right: 0;
}
}
}
.post-date {
color: #a3a3a3;
display: block;
&:before {
content: '\f073';
display: inline-block;
font-family: FontAwesome;
font-size: 12px;
margin-right: 8px;
margin-top: -1px;
vertical-align: top;
}
}
.post-comment {
margin: 0;
&:before {
content: '\f27b';
display: inline-block;
font-family: FontAwesome;
font-size: 14px;
margin-right: 8px;
margin-top: -3px;
vertical-align: top;
}
a {
color: #a3a3a3;
&:hover {
color: @linkhovercolor;
}
}
}
.post-author {
display: none;
}
.post-excerpt {
line-height: 1.9;
p {
margin: 0;
}
}
.readmore {
border: 2px solid @bordercolor;
color: @darkcolor;
display: inline-block;
font-family: @headingfont;
font-size: 14px;
font-weight: 500;
height: 54px;
line-height: 50px;
margin-top: 25px;
overflow: hidden;
padding: 0 35px;
text-transform: uppercase;
&:hover {
background: @primarycolor;
border-color: @primarycolor;
color: @white;
}
}
}
/* TESTIMONIAL
-----------------------------*/
.testimonials-container{
&.layout1{
margin-bottom: @rowspace;
padding: @rowspace 0;
&.style2{
.testimonials{
.quote{
> .avatar,
> a.avatar-link{
border-color: fade(@black,10);
}
}
.testimonials-text{
color: #767676;
}
}
}
.testimonials-list {
margin: 0;
}
.widget_woothemes_testimonials {
.clearfix();
}
.testimonials {
margin: auto;
width: 100%;
.clearfix();
.quote {
margin: auto;
max-width: 900px;
padding: 0 50px;
position: relative;
text-align: center;
> .avatar,
> a.avatar-link {
background: @white;
border: 11px solid #2d2f30;
height: 93px;
margin: auto;
width: 93px;
.border-radius(100%);
}
}
.testimonials-text {
background: none; /* override */
border: none; /* override */
color: @white;
font-size: 1em;
font-style: normal;
line-height: 2;
margin: 0 0 25px 0;
padding: 0; // override
text-align: center;
}
.author {
display: block;
margin-top: 14px;
position: relative;
text-align: center;
.name,
[itemprop='name'] {
color: @primarycolor;
display: block;
font-family: @headingfont;
font-style: normal; /* override */
font-weight: @headingfontweight;
text-transform: uppercase;
}
.title,
[itemprop='jobTitle'] {
color: #aaa;
display: block;
font-style: normal; /* override */
font-weight: normal;
margin: 5px 0 0 0;
}
[class*='url'] {
display: none;
}
a {
color: @primarycolor;
&:hover {
text-decoration: underline;
}
}
}
}
.owl-dots {
.owl-dot {
&:hover,
&.active {
&:before {
background: @primarycolor;
}
}
}
}
}
&.layout2 {
.widget_woothemes_testimonials {
.clearfix();
}
.testimonials {
width: 100%;
.clearfix();
.quote {
margin: auto;
max-width: 900px;
position: relative;
text-align: center;
> .avatar,
> a.avatar-link {
background: @white;
border: 11px solid #e5e5e5;
height: 93px;
margin: auto;
width: 93px;
.border-radius(100%);
}
}
.testimonials-text {
background: none; /* override */
border: none; /* override */
color: @textcolor;
font-style: normal;
line-height: 2;
margin: 0 0 25px 0;
padding: 0; // override
text-align: center;
}
.author {
display: block;
margin-top: 14px;
position: relative;
text-align: center;
.name,
[itemprop='name'] {
color: @primarycolor;
display: block;
font-family: @headingfont;
font-style: normal; /* override */
font-weight: @headingfontweight;
text-transform: uppercase;
}
.title,
[itemprop='jobTitle'] {
color: @darkcolor;
display: block;
font-style: normal; /* override */
font-weight: normal;
margin: 0;
}
[class*='url'] {
display: none;
}
a {
color: @primarycolor;
&:hover {
text-decoration: underline;
}
}
}
}
}
&.layout3{
margin-bottom: @rowspace;
.wpb_wrapper{
background: #f6f6f6;
padding: @rowspace; 0 @rowspace - 35px;
}
.widget_woothemes_testimonials {
.clearfix();
}
.testimonials {
width: 100%;
.clearfix();
.owl-carousel{
.owl-nav{
button{
.opacity(1);
background: none;
&::before{
color: @headingcolor;
}
&:hover{
background: none;
&::before{
color: @primarycolor;
}
}
&.owl-prev{
left: 50%;
margin-left: -100px;
}
&.owl-next{
right: 50%;
margin-right: -100px;
}
}
}
}
.quote {
margin: auto;
max-width: 900px;
position: relative;
text-align: center;
> .avatar,
> a.avatar-link {
background: @white;
border: 11px solid #e5e5e5;
height: 93px;
margin: auto;
width: 93px;
.border-radius(100%);
}
}
.testimonials-text {
background: none; /* override */
border: none; /* override */
color: @textcolor;
font-style: normal;
line-height: 2;
margin: 0 0 25px 0;
padding: 0; // override
text-align: center;
}
.author {
display: block;
margin-top: 14px;
position: relative;
text-align: center;
.name,
[itemprop='name'] {
color: @primarycolor;
display: block;
font-family: @headingfont;
font-style: normal; /* override */
font-weight: @headingfontweight;
text-transform: uppercase;
}
.title,
[itemprop='jobTitle'] {
color: @darkcolor;
display: block;
font-style: normal; /* override */
font-weight: normal;
margin: 0;
}
[class*='url'] {
display: none;
}
a {
color: @primarycolor;
&:hover {
text-decoration: underline;
}
}
}
}
}
}
.about-testimonial {
.widget_woothemes_testimonials {
.clearfix();
}
.testimonials {
width: 100%;
.clearfix();
.quote {
margin: auto;
max-width: 900px;
position: relative;
text-align: center;
> .avatar,
> a.avatar-link {
background: @white;
border: 11px solid #e5e5e5;
height: 93px;
margin: auto;
width: 93px;
.border-radius(100%);
}
}
.testimonials-text {
background: none; /* override */
border: none; /* override */
color: @textcolor;
font-style: normal;
line-height: 2;
margin: 0 0 25px 0;
padding: 0; // override
text-align: center;
}
.author {
display: block;
margin-top: 14px;
position: relative;
text-align: center;
.name,
[itemprop='name'] {
color: @primarycolor;
display: block;
font-family: @headingfont;
font-style: normal; /* override */
font-weight: @headingfontweight;
text-transform: uppercase;
}
.title,
[itemprop='jobTitle'] {
color: @darkcolor;
display: block;
font-style: normal; /* override */
font-weight: normal;
margin: 0;
}
[class*='url'] {
display: none;
}
a {
color: @primarycolor;
&:hover {
text-decoration: underline;
}
}
}
}
}
/* IMAGE CAROUSEL
-----------------------------*/
.image-slider {
.image-slider-inner {
text-align: center;
&:hover{
.image {
img {
.animation(rotate 2s infinite);
}
}
a{
color: @primarycolor;
}
}
.image {
img {
.border-radius(100%);
}
}
.title{
h3{
margin: 0;
padding-top: 25px;
}
}
}
}
/* single-product */
.single-product{
.shop-products{
.gridview{
&:hover{
.price-box{
.opacity(1);
}
}
.cart-rating{
margin: 15px 0 0;
position: static;
visibility: visible;
.opacity(1);
.add-to-cart{
left: 0;
}
}
}
}
}
/* PRODUCTS COUNTDOWN
-----------------------------*/
.product-countdown {
.gridview {
&:hover {
.price-box {
.opacity(1);
}
}
.count-down {
display: block;
}
.product-name {
margin: 0 0 5px 0;
}
.cart-rating {
display: none;
}
}
&.style2{
}
}
.primary-color{
.shop-products{
.gridview{
.count-down{
.timebox{
strong{
color: @primarycolor !important;
}
}
}
}
}
}
.product-countdown.style3,
.product-countdown.style2,
.count-down-style2{
&.primary-color{
.shop-products{
.gridview{
.count-down{
.timebox{
strong{
color: @primarycolor;
}
}
}
}
}
}
.shop-products{
.gridview{
&:hover{
.count-down{
.opacity(0);
}
}
.list-col4{
position: relative;
}
.count-down{
position: absolute;
z-index: 1;
bottom: 0;
left: 20px;
right: 20px;
.timebox{
.timebox-inner{
.box-shadow(0px 0px 9.3px 0.7px rgba(0, 0, 0, 0.05));
background: @white;
padding: 10px 0;
border: none;
}
strong{
font-size: 16px;
}
span{
font-size: 10px;
text-transform: uppercase;
}
}
}
}
}
}
.product-countdown.style3{
.shop-products{
.gridview{
.count-down{
.timebox{
.timebox-inner{
.box-shadow(none);
.border-radius(0);
}
}
.hastime{
margin-bottom: 20px;
}
}
}
}
}
/* LARGE BANNER
-----------------------------*/
.large-banner {
.row-container {
.vc_column-inner {
padding-left: 10px;
padding-right: 10px;
}
}
.vc_row {
margin-bottom: 0 !important;
margin-left: -10px;
margin-right: -10px;
}
.wpb_single_image {
margin-bottom: 20px;
}
}
/* PRODUCT CAROUSEL WITH MENU
-----------------------------*/
.carousel-with-menu {
.wpb_content_element.title-2 h3 {
padding-right: 50%;
}
.vc_column-inner > .wpb_wrapper {
position: relative;
}
.vc_wp_custommenu {
margin-bottom: 0; /* override */
position: absolute;
right: 0;
top: 15px;
z-index: 9;
ul {
margin-bottom: 0; /* override */
padding: 0; /* override */
li {
display: inline-block;
list-style-type: none;
margin-right: 20px;
vertical-align: middle;
&:last-child {
margin-right: 0;
}
}
a {
color: #949494;
&:hover {
color: @linkhovercolor;
}
}
}
}
&.style2{
.vc_wp_custommenu{
top: 0;
}
}
&.style3{
.vc_wp_custommenu{
position: static;
ul{
text-align: center;
line-height: 1;
margin-bottom: 40px;
li{
a{
text-transform: uppercase;
}
}
}
}
}
}
/* PRODUCT_CATEGORIES
-----------------------------*/
.product-categories {
.row-container {
margin-bottom: 20px;
padding-left: 5px;
padding-right: 5px;
.vc_column_container > .vc_column-inner {
padding-left: 10px;
padding-right: 10px;
}
.vc_row {
margin-bottom: 0;
margin-left: -10px;
margin-right: -10px;
}
}
.wpb_single_image {
display: inline-block;
margin-bottom: 20px;
position: relative;
&:hover {
.wpb_singleimage_heading {
background: @white;
color: @primarycolor;
}
}
a {
&:before,
&:after {
display: none;
}
}
}
.wpb_singleimage_heading {
background: transparent;
bottom: 25px;
color: @darkcolor;
font-size: 1.857em;
font-weight: 500;
left: 25px;
max-width: 80%;
padding: 14px 20px;
pointer-events: none;
position: absolute;
text-transform: none;
z-index: 11;
.transition();
}
&.layout2 {
&.vc_row {
margin-left: -10px;
margin-right: -10px;
}
.vc_column_container .vc_column-inner {
padding-left: 10px;
padding-right: 10px;
}
.wpb_single_image {
margin-bottom: 20px;
position: relative;
&:hover {
.wpb_singleimage_heading {
background: @primarycolor;
color: @white;
}
}
}
.wpb_singleimage_heading {
background: @darkcolor;
bottom: 25px;
color: @white;
font-size: 1em;
left: 50%;
margin-right: -50%;
max-width: 90%;
padding: 13px 32px;
pointer-events: none;
position: absolute;
text-align: center;
text-transform: uppercase;
z-index: 11;
.transform(translateX(-50%));
}
}
}
/* SIDEBAR HOMEPAGE
-----------------------------*/
.sidebar-section {
.vc_row {
margin-bottom: 15px;
}
}
.sidebar-products {
.shop-products .listview {
.product-name {
margin: 0 0 5px 0;
}
.price-box {
font-size: 1em;
margin: 0 0 5px 0;
}
}
}
.main-container .slider-image {
margin-left: -10px;
margin-right: -10px;
.vc_column-inner {
padding-left: 10px;
padding-right: 10px;
}
.wpb_revslider_element {
margin-bottom: 20px;
}
.wpb_single_image {
display: inline-block;
margin-bottom: 20px;
position: relative;
width: 100%;
a {
&:before,
&:after {
display: none;
}
}
* {
width: 100%;
}
}
}
.main-container .banner{
@media(min-width: 1200px){
&.customize_col{
.customize_col1{
width: 24.15%;
}
.customize_col2{
width: 51.7%;
}
}
}
@media(max-width: 1199px) and(min-width: 992px){
&.customize_col{
.customize_col1{
width: 24.5%;
}
.customize_col2{
width: 51%;
}
}
}
@media(max-width: 991px) and (min-width: 768px){
&.customize_col{
.customize_col1{
width: 24.6%;
}
.customize_col2{
width: 50.8%;
}
}
}
}
.main-container .banner,
.main-container .product-and-image {
margin-left: -10px;
margin-right: -10px;
.vc_column-inner {
padding-left: 10px;
padding-right: 10px;
}
}
.main-container .product-and-image {
margin-bottom: calc(@rowspace ~"-" 55px);
.wpb_single_image {
margin-bottom: 60px;
}
.shop-products {
margin-bottom: 50px;
}
}
/* COUNTDOWN
-----------------------------*/
.countdown {
.timebox {
display: inline-block;
padding: 0 27px;
position: relative;
text-align: center;
vertical-align: middle;
&:after {
content: ':';
display: block;
font-size: 30px;
position: absolute;
right: 0;
top: 50%;
z-index: 9;
.transform(translateY(-50%));
}
&:last-child:after {
display: none;
}
strong {
color: @primarycolor;
display: block;
font-size: 2.857em;
font-weight: 500;
line-height: 1;
min-width: 60px;
}
span {
display: block;
font-size: 1em;
margin-top: 7px;
text-transform: uppercase;
}
}
}
.main-container .countdown-container {
margin-bottom: @rowspace;
}
.countdown-container {
padding: 100px 0;
text-align: center;
.row-container {
margin: auto;
max-width: 800px;
}
.wpb_text_column {
margin-bottom: 50px;
&:last-child {
margin-bottom: 0;
}
}
.heading-title.style1 {
&:before {
background: #f4f4f4 url(../images/title-icon.png) center center no-repeat;
}
}
a {
background: #323232;
color: @white;
display: inline-block;
font-size: 1em;
height: 56px;
line-height: 56px;
margin-top: 50px;
padding: 0 30px;
white-space: nowrap;
&:hover {
background: @primarycolor;
}
}
}
/* FULL BANNER
-----------------------------*/
.fullbanner {
.vc_column_container > .vc_column-inner {
padding-left: 10px !important;
padding-right: 10px !important;
}
.row-container {
margin-left: -10px !important;
margin-right: -10px !important;
}
.wpb_single_image {
* {
width: 100%;
}
}
}
.product-countdown.style3,
.product-grid.style2{
.shop-products{
.gridview{
&:hover{
.price-box,
.product-image > .add-to-cart{
.opacity(1);
}
}
.cart-rating{
display: none;
}
.wishlist-compare{
.quickviewbtn{
position: static;
display: block;
}
}
.product-image{
& > .quickviewbtn{
display: none;
}
& > .add-to-cart{
.opacity(0);
.transition();
display: block;
bottom: 20px;
left: 0;
right: 0;
text-align: center;
position: absolute;
z-index: 1;
}
.add_to_cart_inline{
display: block;
padding: 0 5px !important;
a{
background: @white;
height: 44px;
line-height: 44px;
padding: 0 45px;
max-width: 100%;
float: none;
margin: 0 auto;
&:after{
display: none;
}
}
}
}
}
}
}