File: /home/dermova/public_html/india/wp-content/themes/ri-colias/sass/theme/components/_element-woo.scss
//logo
.site-logo{
line-height: 72px;
}
//language
#ri-top-navbar{
.language{
position: relative;
}
#language-switch{
background: none;
border: none;
ul{
margin-top: 0;
background: $topbar-bg;
border-radius:0;
box-shadow: none;
padding: 0;
> li{
border-top:$topbar-border-color;
list-style:none;
float: none;
color: $topbar-color;
border-left:none ;
border-right:none ;
a{
display: inline-block;
}
span{
color: $topbar-color;
cursor: pointer;
&:hover{
color: $theme-color;
}
}
}
}
img{
@include rtl-margin-right(5px);
}
.fa{
@include rtl-margin-left(5px);
}
.icl_lang_sel_translated{
display: none;
}
}
}
//currency
.wrap-select-currency,.wrap-select-country{
position: relative;
&:after{
background:$topbar-bg;
color: $topbar-color ;
content: "\f107";
font-family: "FontAwesome";
height: 100%;
line-height: 27px;
pointer-events: none;
position: absolute;
@include rtl-right(0);
text-align: center;
top: 0;
width: 10px;
font-size: 14px;
}
}
.currency_switcher{
.woocommerce-currency-switcher {
background: none;
border: none;
@include rtl-margin-right(10px);
}
.woocommerce-currency-switcher-form{
.dd-pointer{
display: none !important;
}
.dd-select{
background: none !important;
border: none;
}
.dd-desc{
display: none;
}
.dd-selected{
padding: 0 ;
width: 55px;
line-height: 24px;
}
.dd-selected-text,.dd-option-text{
color: $topbar-color ;
margin: 0;
text-transform: capitalize;
font-weight: 400 !important;
cursor: pointer;
&:hover{
color: $theme-color;
}
}
.dd-options{
position: absolute;
width: 95px !important;
top:32px;
@include rtl-left(-20px);
box-shadow:none;
background: $topbar-bg;
border: $topbar-border-color;
li{
display: block;
width: 100%;
float: none;
border-left: none !important;
border-bottom: $topbar-border-color;
&:last-child{
border-right: none !important;
}
}
a{
background: none;
border-bottom: none;
}
}
}
}
//cart
.cart-wrap{
position: relative;
.cart-box{
opacity: 0;
visibility:hidden;
position: absolute;
top:120%;
@include rtl-right(0);
background: #fff;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
z-index: 999;
@include transition(0.5s);
}
&:hover{
.cart-box{
opacity: 1;
visibility:visible;
top:100%;
@include transition(0.5s);
}
}
}
#cart{
cursor: pointer;
.mini-cart{
@include rtl-padding-left(22px);
display: table;
>*{
vertical-align:middle;
display: table-cell;
}
.fa{
line-height:40px;
color: $theme-color;
@include rtl-float-left();
}
}
.icon-cart{
position: relative;
.mini-cart-items{
padding:8px 11px 9px;
border: 2px solid $font-base-color;
@include rtl-margin-right(10px);
&:before{
border-style: solid solid none;
border-top-left-radius: 99px;
border-top-right-radius: 99px;
border-width: 2px 2px 0;
content: "";
height: 12px;
@include rtl-margin-right(-3px);
position: absolute;
@include rtl-right(50%);
top: -8px;
width: 15px;
border-color:$font-base-color ;
}
}
}
.group-mini-cart{
position: relative;
overflow: hidden;
}
.text-items{
color: $theme-color;
}
.total{
padding: 10px;
border-bottom: $border-color-base;
}
.quantity{
margin: 0;
}
}
.cart-box{
border-radius: 0;
min-height: 50px;
width: 315px;
padding:15px 20px 5px;
cursor: pointer;
left: auto;
@include rtl-right(0);
}
.rit_product_remove{
display: table-cell;
vertical-align: middle;
}
.product-remove{
vertical-align: middle;
text-align: center;
a {
width: 24px;
height: 24px;
font-size: 20px;
border-radius: 100%;
border: 1px solid #000;
&:hover{
border: 1px solid $theme-color;
}
}
}
.cart_list{
padding: 0;
margin: 0;
list-style: none;
.empty{
line-height: 24px;
border-bottom: none;
padding-bottom: 0;
}
li{
border-bottom: $border-color-base;
padding-bottom: 15px;
}
.wp-post-image{
width: 100%;
height: 100%;
}
}
.cart-image{
width: 90px;
height: 80px;
}
.btn-viewcart{
@include rtl-margin-right(5px);
}
#ri-top-navbar .mobile-cart{
padding: 0 15px;
display: inline-block;
line-height: 40px;
.mini-cart-items::before {
border-color: #4e4d4d;
border-style: solid solid none;
border-top-left-radius: 99px;
border-top-right-radius: 99px;
border-width: 2px 2px 0;
content: "";
height: 9px;
@include rtl-margin-right(-1px);
position: absolute;
@include rtl-right(50%);
top: 2px;
width: 12px;
}
.mini-cart-items{
border: 2px solid #4e4d4d;
@include rtl-margin-right(10px);
padding: 2px 5px;
color: $theme-color;
}
.total{
border-bottom: 1px solid #e0e0e0;
border-top: 1px solid #e0e0e0;
padding: 10px;
margin-top: 10px;
}
ul > li{
border: none;
float: none;
padding: 0;
@include rtl-text-align-left;
&:last-child{
border-width:0 ;
}
}
.buttons a{
color: white;
&:hover{
color:$theme-color;
}
}
}
.country_select{
>*{
line-height: 30px;
}
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{
width: 100%;
border: $border-color-base;
padding: 5px;
}
.woocommerce table.shop_table {
border: 1px solid rgba(0, 0, 0, 0.1);
border-collapse: separate;
border-radius: 5px;
margin: 0 -1px 24px 0;
@include rtl-text-align-left;
width: 100%;
}
.f-coupon-code{
width: 240px;
display: inline-block;
}
.breadcrumb{
padding: 0;
margin: 25px 0;
background: none;
}
//navigation
.screen-reader-text{
display: none;
}
.pagination{
display: block;
@include clearfix();
border-top:$border-color-base;
margin: -1px 0 0;
padding: 30px 0;
.page-numbers{
border-radius: 0 !important;
padding:10px 15px;
border: $border-color-base;
display: inline-block;
line-height: 16px;
@include rtl-margin-right(5px);
}
.current,span.current{
background: $theme-color;
color: $white;
border:1px solid $theme-color;
padding: 10px 15px;
}
}
.image-pagination{
.page-numbers{
&:hover{
border: none !important;
background:none !important;
}
padding: 0;
border: none;
}
}
//calendar
#calendar_wrap{
#today{
background:$theme-color;
color: $white;
}
td{
padding: 8px;
text-align: center;
}
}