File: /home/confeduphaar/public_html/wp-content/themes/egovt/assets/css/woo.scss
/* 9.0 WooCommerce ***************************************************/
.wrap_site {
&.no_sidebar_woo{
@media(max-width: 767px){
padding: 0 20px;
}
#main-content{
max-width: 100%;
flex: 0 0 100%;
.page-title{
display: none;
}
}
}
}
.woocommerce-account{
.page-title{
display: none;
}
}
.woocommerce{
>h2{
display: none;
}
form.woocommerce-form-login.login{
border: none;
max-width: 450px;
padding: 0;
margin: -5px auto 80px auto;
.woocommerce-LostPassword{
display: none;
&.lost_password_egovt{
display: block;
}
}
.form-row{
display: none;
&.woocommerce-form-row{
display: block;
&.rememberme_lost_password{
margin: 20px 0 15px 0;
.rememberme-egovt{
float: left;
}
.lost_password_egovt{
float: right;
&:after{
display: block;
content: "";
clear: both;
}
}
label{
display: inline-block;
width: unset;
font-size: 17px;
line-height: 24px;
color: #62718d;
font-weight: 400;
letter-spacing: 0.2px;
}
a{
font-size: 17px;
line-height: 24px;
color: #62718d;
font-weight: 400;
letter-spacing: 0.2px;
}
#rememberme{
width: unset;
height: unset;
margin: 0 3px 0 0;
}
}
}
}
.woocommerce-form-row{
padding: 0;
margin: 0 0 15px 0;
label{
font-size: 17px;
line-height: 24px;
color: #62718d;
letter-spacing: 0.2px;
font-weight: 400;
display: block;
width: 100%;
margin: 0 0 6px 0;
}
input{
width: 450px;
border: 1px solid #e5e5e5;
color: #62718d;
padding: 0 12px 0 12px;
}
.show-password-input{
display: none;
}
}
.woocommerce-form-login__submit{
font-size: 20px;
line-height: 24px;
color: #fff;
font-weight: 700;
height: 50px;
border-radius: 0;
float: unset;
width: 100%;
&:hover{
background: #06163A;
}
}
}
.woocommerce-message{
a.button{
font-size: 18px;
color: #fff;
font-weight: 600;
height: 45px;
line-height: 45px;
padding: 0 20px;
border-radius: 0px;
&:hover{
background: #06163A;
}
}
}
ul.egovt-login-register-woo{
list-style-type: none;
padding: 0;
margin: 0 0 50px 0;
display: flex;
justify-content: center;
flex-wrap: wrap;
li{
padding: 0 13px;
&.active{
a{
position: relative;
&:after{
position: absolute;
bottom: -6px;
left: 0;
content: '';
width: 100%;
height: 2px;
background: #f00;
}
}
}
a{
font-size: 24px;
line-height: 26px;
color: #202b5d;
letter-spacing: 0.2px;
font-weight: 400;
}
}
}
#customer_login{
&.col2-set{
.col-1, .col-2{
max-width: 100%;
float: unset;
margin: 0 auto;
>h2{
display: none;
}
}
}
.woocommerce-form{
.woocommerce-form-row{
padding: 0;
margin: 0 0 15px 0;
label{
font-size: 17px;
line-height: 24px;
color: #62718d;
letter-spacing: 0.2px;
font-weight: 400;
display: block;
width: 100%;
margin: 0 0 6px 0;
}
input{
width: 450px;
border: 1px solid #e5e5e5;
color: #62718d;
padding: 0 12px 0 12px;
}
.show-password-input{
display: none;
}
}
&.woocommerce-form-register{
display: none;
border: none;
max-width: 450px;
padding: 0;
margin: -5px auto 80px auto;
.woocommerce-form-row, .woocommerce-privacy-policy-text{
margin-bottom: 15px;
}
p{
margin-bottom: 10px;
}
.woocommerce-form-register__submit{
font-size: 20px;
line-height: 24px;
color: #fff;
font-weight: 700;
height: 50px;
border-radius: 0;
float: unset;
width: 100%;
&:hover{
background: #06163A;
}
}
}
}
}
.ova-shop-wrap{
max-width: 1270px;
padding: 0 10px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
flex-direction: row-reverse;
@media(max-width: 767px){
padding: 0 20px;
}
.content-area{
flex: 0 0 calc(100% - 320px);
padding-left: 40px;
@media(max-width: 991px){
flex: 0 0 100%;
padding-left: 0px;
}
.woocommerce-result-count{
margin: 6px 0 0 0 ;
font-size: 18px;
line-height: 26px;
color: #62718d;
font-weight: 400;
}
.woocommerce-ordering{
width: 245px;
margin-bottom: 40px;
.select2-container--default{
.select2-selection--single{
border: 1px solid #e5e5e5;
.select2-selection__rendered{
font-size: 16px;
letter-spacing: 0.2px;
font-weight: 400;
text-transform: capitalize;
color: #62718d;
padding-left: 20px;
}
.select2-selection__arrow{
&:after{
font-family: 'ElegantIcons';
content: "\33";
position: absolute;
top: 5px;
right: 16px;
}
b{
display: none;
}
}
}
}
}
ul.products{
margin-bottom: 80px;
@media(max-width: 991px){
margin-bottom: 0px;
}
li.product{
text-align: center;
position: relative;
overflow: hidden;
padding-bottom: 14px;
margin-bottom: 30px;
&:hover{
box-shadow: 0px 10px 40px 0px rgba(6, 22, 58, 0.1);
.button{
transform: translate(0,-60px);
visibility: visible;
opacity: 1;
}
}
.star-rating {
font-size: 13px;
margin: 0 auto 8px auto;
}
.onsale{
display: inline-block;
top: 10px;
left: 10px;
right: auto;
background: #77a464;
padding: 0 10px;
margin: 0;
min-height: 25px;
line-height: 25px;
font-size: 14px;
font-weight: 600;
min-width: unset;
border-radius: 0;
text-transform: uppercase;
}
a.woocommerce-loop-product__link{
img{
margin: 0;
}
}
.woocommerce-loop-product__title{
font-size: 18px;
line-height: 26px;
color: #202b5d;
margin-top: -20px;
padding: 0px 0px 7px 0px;
z-index: 3;
a{
font-size: 18px;
line-height: 26px;
color: #202b5d;
}
}
.price{
font-size: 20px;
line-height: 26px;
color: #62718d;
font-weight: 400;
ins{
font-weight: 400;
margin-left: 6px;
}
}
.button, a.added_to_cart{
font-size: 18px;
height: 40px;
line-height: 40px;
padding: 0 30px;
font-weight: 600;
color: #fff;
margin: 0px;
border-radius: 0;
visibility: hidden;
opacity: 0;
transition: 0.4s;
z-index: 2;
&:hover{
background: #06163A;
}
&.added{
transform: translate(0,-60px);
visibility: visible;
opacity: 1;
}
}
a.added_to_cart{
max-width: 200px;
margin: 20px auto 0 auto;
display: block;
transform: translate(0,-40px);
visibility: visible;
opacity: 1;
}
}
}
.product{
margin-bottom: 80px;
@media(max-width: 991px){
margin-bottom: 0px;
}
.onsale{
display: inline-block;
top: 10px;
left: 10px;
right: auto;
background: #77a464;
padding: 0 10px;
margin: 0;
min-height: 25px;
line-height: 25px;
font-size: 14px;
font-weight: 600;
min-width: unset;
border-radius: 0;
text-transform: uppercase;
}
.woocommerce-product-gallery{
margin: 0 -5px 60px -5px;
.woocommerce-product-gallery__image{
&:first-child{
margin-left: 5px;
margin-right: 5px;
}
&:not(:first-child){
margin-top: 10px;
padding: 0px 5px 0 5px;
}
}
}
.summary{
.product_title {
font-size: 24px;
line-height: 1.2;
font-weight: 500;
letter-spacing: 0.2px;
color: #202b5d;
margin-bottom: 7px;
}
.woocommerce-product-rating{
display: flex;
align-items: center;
margin: 0 0 5px 0 ;
.star-rating{
font-size: 13px;
margin: 0px;
}
.woocommerce-review-link{
font-size: 15px;
color: #62718d;
line-height: 1.2;
}
}
.price{
margin: 0 0 20px 0;
.woocommerce-Price-amount{
font-size: 20px;
line-height: 26px;
color: #62718d;
}
ins{
margin-left: 3px;
font-weight: 600;
}
}
.woocommerce-product-details__short-description{
margin-bottom: 7px;
p{
line-height: 24px;
margin: 0px;
}
}
.stock{
margin: 0 0 18px 0;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.3px;
color: #0067da;
}
form.cart{
margin-bottom: 36px;
margin-top: 18px;
table.group_table{
border: none;
tr{
border: none;
}
td{
border-color: #e8e8e8;
}
td{
vertical-align: middle;
font-size: 16px;
line-height: 1.2;
letter-spacing: 0.2px;
color: #202b5d;
label{
margin: 0;
}
// &:first-child{
// padding: ;
// }
}
}
table.variations{
margin: 0;
tr{
border: none;
td{
font-size: 16px;
line-height: 1.2;
letter-spacing: 0.2px;
color: #62718d;
label{
font-weight: 400;
margin: 0;
}
.reset_variations{
font-size: 15px;
line-height: 1.2;
color: #202b5d;
margin-top: 10px;
display: inline-block !important;
}
.select2-container{
height: 40px;
}
.select2-selection--single{
border: 1px solid #e8e8e8;
border-radius: 2px;
}
.select2-selection__rendered{
padding: 0 14px;
font-size: 15px;
color: #919baf;
}
}
}
}
.single_variation_wrap{
.woocommerce-variation-price{
margin-bottom: 23px;
}
}
.quantity{
margin: 0 15px 0 0;
input{
font-size: 17px;
color: #202b5d;
padding-left: 20px;
padding-right: 10px;
border-color: #e5e5e5;
width: 80px;
height: 50px;
line-height: 50px;
&::placeholder{
font-size: 17px;
color: #202b5d;
}
}
}
.single_add_to_cart_button {
height: 50px;
padding: 0 55px;
font-size: 16px;
line-height: 50px;
font-weight: 700;
border-radius: 0;
color: #fff;
text-transform: uppercase;
&:hover{
background: #06163A;
}
}
}
.product_meta{
.sku_wrapper{
font-weight: bold;
margin-bottom: 5px;
display: block;
.sku{
color: #62718d;
font-weight: normal;
text-transform: capitalize;
}
}
.posted_in{
margin-bottom: 8px;
display: block;
font-size: 16px;
line-height: 1.2;
letter-spacing: 0.2px;
color: #62718d;
text-transform: uppercase;
font-weight: bold;
a{
font-size: 16px;
line-height: 1.2;
letter-spacing: 0.2px;
color: #62718d;
font-weight: normal;
text-transform: capitalize;
}
}
.tagged_as{
display: block;
font-size: 17px;
line-height: 1.2;
letter-spacing: 0.2px;
color: #62718d;
text-transform: uppercase;
font-weight: bold;
a{
font-size: 16px;
line-height: 1.2;
letter-spacing: 0.2px;
color: #62718d;
font-weight: normal;
text-transform: capitalize;
}
}
}
}
/*end summary*/
/* woo tabs */
.woocommerce-tabs{
margin-bottom: 55px;
.woocommerce-Tabs-panel{
border: 1px solid #e8e8e8;
border-top: none;
padding: 36px 30px 20px 30px;
&#tab-additional_information{
p{
margin-top: 0;
}
h2{
font-size: 24px;
line-height: 1.2;
color: #202b5d;
font-weight: 600;
margin: 0 0 20px 0;
display: inline-block;
}
table.shop_attributes{
border: 1px solid #e8e8e8;
th{
font-size: 17px;
line-height: 1.2;
font-weight: 400;
letter-spacing: 0.2px;
color: #202b5d;
text-transform: capitalize;
padding: 5px 15px;
}
td{
font-size: 16px;
line-height: 1.2;
font-weight: 400;
letter-spacing: 0.2px;
color: #62718d;
padding: 5px 15px;
}
}
}
#reviews{
#comments{
.woocommerce-Reviews-title{
font-size: 20px;
line-height: 1.2;
font-weight: 600;
color: #202b5d;
margin-bottom: 35px;
}
.woocommerce-noreviews{
margin: -25px 0 29px 0;
}
ol.commentlist{
padding: 0;
li{
&:not(:last-child){
margin-bottom: 35px;
}
.comment_container{
img.avatar{
width: 80px;
border: none;
border-radius: 50%;
background: transparent;
padding: 0;
}
.comment-text{
margin: 0 0 0 105px;
border: none;
padding: 0;
border-radius: 0;
.star-rating{
font-size: 13px;
}
.meta{
margin: 0 0 14px 0;
.woocommerce-review__author{
display: block;
font-size: 18px;
line-height: 1.2;
font-weight: 400;
letter-spacing: 0.2px;
color: #202b5d;
margin-bottom: 4px;
}
.woocommerce-review__dash{
display: none;
}
.woocommerce-review__published-date{
display: block;
font-size: 16px;
line-height: 1.2;
font-weight: 400;
letter-spacing: 0.2px;
color: #42516d;
}
}
.description{
font-size: 17px;
line-height: 26px;
color: #62718d;
}
}
}
}
}
}
#review_form_wrapper{
#review_form{
#respond{
.comment-reply-title{
font-size: 24px;
line-height: 1.2;
color: #202b5d;
font-weight: 600;
margin-bottom: 7px;
display: inline-block;
}
.comment-form{
margin-top: 23px;
>p{
margin: 0 0 20px 0;
}
.comment-notes{
font-size: 17px;
line-height: 24px;
color: #62718d;
.required{
color: #ff623f;
}
}
label{
display: inline-block;
min-width: 150px;
font-size: 17px;
line-height: 24px;
font-weight: 400;
letter-spacing: 0.2px;
color: #62718d;
text-transform: capitalize;
.required{
color: #ff623f;
}
@media(max-width: 767px){
display: block;
}
}
textarea{
border: 1px solid #e8e8e8;
height: 145px;
margin: 0;
padding: 11px 15px;
}
input{
border: 1px solid #e8e8e8;
height: 45px;
width: calc(100% - 150px);
margin: 0;
padding: 0 15px;
@media(max-width: 767px){
width: 100%;
}
}
.comment-form-rating{
display: flex;
align-items: center;
margin: 0 0 22px 0;
label{
margin: 0;
}
.stars{
display: inline-flex;
align-items: center;
margin: 0;
a{
color: #cccccc;
}
span{
display: inline-flex;
}
}
.select2-container--default {
display: none;
}
}
.comment-form-comment{
display: flex;
flex-wrap: wrap;
margin-top: 23px;
label{
flex: 0 0 150px;
@media(max-width: 767px){
flex: 0 0 100%;
}
}
textarea{
flex: 0 0 calc(100% - 150px);
@media(max-width: 767px){
flex: 0 0 100%;
}
}
}
.comment-form-cookies-consent{
display: none;
}
.form-submit{
padding-left: 150px;
@media(max-width: 767px){
padding-left: 0px;
}
input{
display: inline-block;
height: 50px;
line-height: 50px;
font-size: 18px;
font-weight: 700;
color: #fff;
padding: 0 30px;
width: unset;
border-radius: 0;
&:hover{
background: #06163A;
}
}
}
}
}
}
}
}
}
ul.tabs {
padding: 0;
margin: 0px;
display: flex;
background: #fff;
&:before{
border-bottom: 1px solid #e8e8e8;
}
li{
border: none;
background: #fff;
border-radius: 0px;
padding: 0 30px;
margin: 0;
position: relative;
z-index: 3;
border-bottom: 1px solid #e8e8e8;
&:before, &:after{
display: none;
}
&.active{
border: 1px solid #e8e8e8;
border-bottom: none;
border-top: 2px solid;
&:first-child{
margin-left: 1px;
border-left: none;
&:before{
content: '';
position: absolute;
display: block;
top: 0;
left: -1px;
width: 1px;
height: 100%;
background: #e8e8e8;
}
}
}
a{
font-size: 20px;
line-height: 26px;
font-weight: 500;
color: #202b5d;
padding: 15px 0;
}
}
}
.woocommerce-Tabs-panel{
.woocommerce-Reviews{
#comments{
.woocommerce-Reviews-title{
font-size: 20px;
line-height: 1.2;
color: #202b5d;
margin: 0;
}
}
}
}
}
/* end woo tabs */
/* related */
.related{
> h2{
font-size: 24px;
line-height: 1.2;
color: #202b5d;
font-weight: 600;
margin: 0 0 35px 0;
}
}
/* end related */
}
.woocommerce-pagination{
padding-top: 0px;
margin-top: -40px;
margin-bottom: 100px;
ul.page-numbers{
border: none;
li{
border: none;
&:not(:last-child){
margin-right: 10px;
}
.page-numbers{
width: 40px;
height: 40px;
font-size: 16px;
line-height: 22px;
letter-spacing: 0.2px;
color: #42516d;
font-weight: 400;
border: 1px solid #e0e0e0;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
border-radius: 5px;
&.next, &.prev{
width: unset;
padding-left: 15px;
padding-right: 15px;
svg{
width: 18px;
}
}
&.current{
color: #fff;
}
&:hover, &:focus{
color: #fff;
}
}
}
}
}
}
.woo-sidebar{
flex: 0 0 320px;
@media(max-width: 991px){
flex: 0 0 100%;
}
.woo_widget {
ul{
margin: 0;
}
}
.widget_products{
ul.product_list_widget{
@media(max-width: 991px){
padding: 0 20px 0 0;
}
li{
&:not(:last-child){
border-bottom: 1px solid #e5e5e5;
margin: 0 0 20px 0;
padding: 0 0 40px 0;
}
a{
display: inline-block;
margin-bottom: -47px;
img{
float: left;
width: 80px;
flex: 0 0 80px;
}
.product-title{
flex: 0 0 calc(100% - 80px);
font-size: 18px;
line-height: 26px;
letter-spacing: 0.2px;
font-weight: 400;
color: #202b5d;
margin-left: 20px;
}
}
.star-rating{
margin: 0 0 8px 104px;
font-size: 13px;
}
.woocommerce-Price-amount{
font-size: 20px;
line-height: 26px;
color: #62718d;
font-weight: 400;
margin-left: 104px;
// & + .woocommerce-Price-amount{
// margin-left: 0;
// }
}
del{
}
ins{
.woocommerce-Price-amount{
margin-left: 2px;
}
}
}
}
}
.widget_product_tag_cloud{
.tagcloud{
a{
float: left;
display: block;
margin: 0 10px 10px 0;
}
}
}
.widget_price_filter{
.price_slider_wrapper{
.price_slider{
border-radius: 0;
background: #e5e5e5;
margin: 0 0 25px 0;
.ui-slider-range{
}
.ui-slider-handle{
background: #fff;
border: 1px solid #e5e5e5;
}
}
.price_slider_amount{
display: flex;
justify-content: space-between;
align-items: center;
.button{
font-size: 18px;
color: #fff;
font-weight: 500;
background: #62718d;
height: 35px;
line-height: 35px;
padding: 0 20px;
border-radius: 0;
}
.price_label{
font-size: 16px;
line-height: 1.2;
color: #202b5d;
text-transform: uppercase;
}
.clear{
display: none;
}
}
}
}
}
}
}
/* Cart page */
.woocommerce{
.woocommerce-cart-form{
table, tr, td, th{
border: none;
}
table.shop_table{
td{
border: none;
}
thead{
tr{
display: flex;
flex-wrap: wrap;
align-items: center;
background: #e8eaee;
height: 55px;
padding: 0 0 0 13px;
th{
font-size: 17px;
line-height: 1.2;
color: #202b5d;
text-transform: capitalize;
&.product-remove{
order: 9;
flex: 0 0 60px;
}
&.product-thumbnail{
display: none;
}
&.product-name{
flex: 0 0 calc(100% - 610px);
@media(max-width: 767px){
flex: 0 0 100%;
}
}
&.product-price{
flex: 0 0 150px;
@media(max-width: 767px){
flex: 0 0 100%;
}
}
&.product-quantity{
flex: 0 0 165px;
@media(max-width: 767px){
flex: 0 0 100%;
}
}
&.product-subtotal{
flex: 0 0 235px;
@media(max-width: 767px){
flex: 0 0 100%;
}
}
}
}
}
tbody{
tr{
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 0 0 0 13px;
@media(max-width: 767px){
padding: 0;
}
&:not(:last-child){
border-bottom: 1px solid #e8e8e8;
}
&:last-child{
padding: 0;
td{
padding: 25px 0px 20px 0px;
}
}
td{
font-size: 16px;
letter-spacing: 0.2px;
padding: 20px 12px;
&.product-remove{
order: 9;
flex: 0 0 60px;
@media(max-width: 767px){
order: unset;
flex: 0 0 100%;
}
a{
color: #202b5d !important;
font-size: 20px;
border: 1px solid #e5e5e5;
width: 25px;
height: 25px;
&:hover{
color: #fff !important;
}
}
}
&.product-thumbnail{
flex: 0 0 90px;
}
&.product-name{
flex: 0 0 calc(100% - 700px);
padding-left: 0;
@media(max-width: 767px){
flex: 0 0 100%;
padding-left: 12px;
}
a{
font-size: 16px;
line-height: 24px;
color: #62718d;
}
}
&.product-price{
flex: 0 0 150px;
color: #202b5d;
line-height: 1.2;
@media(max-width: 767px){
flex: 0 0 100%;
}
}
&.product-quantity{
flex: 0 0 165px;
@media(max-width: 767px){
flex: 0 0 100%;
}
input{
font-size: 16px;
color: #202b5d;
height: 33px;
width: 70px;
line-height: 33px;
border: 1px solid #e8e8e8;
padding-right: 0;
}
}
&.product-subtotal{
flex: 0 0 235px;
color: #202b5d;
@media(max-width: 767px){
flex: 0 0 100%;
}
}
&.actions{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
.coupon{
@media(max-width: 767px){
width: 100%;
}
.input-text{
height: 40px;
line-height: 40px;
width: 160px;
padding: 0 10px;
border: 1px solid #e8e8e8;
margin-right: 10px;
font-size: 15px;
color: #202b5d;
&::placeholder{
font-size: 15px;
color: #62718d;
}
@media(max-width: 767px){
width: 100%;
display: block;
margin-bottom: 20px;
}
}
.button{
height: 40px;
line-height: 40px;
padding: 0 20px;
background: #fff;
border: 2px solid #0067da;
font-size: 16px;
line-height: 23px;
letter-spacing: 0.2px;
color: #0067da;
border-radius: 0;
&:hover{
color: #fff;
}
&:focus{
border-color: #0067da;
}
@media(max-width: 767px){
display: block;
width: 100%;
margin-bottom: 20px;
}
}
}
.button{
height: 40px;
line-height: 40px;
padding: 0 20px;
font-size: 18px;
line-height: 22px;
color: #fff;
border-radius: 0;
font-weight: 600;
&:hover{
background: #06163A;
}
@media(max-width: 767px){
display: block;
width: 100%;
}
}
}
a{
display: inline-block;
img{
width: 60px;
}
}
}
}
}
}
}
/* end cart form */
.cart-collaterals{
margin-bottom: 73px;
.cart_totals {
>h2{
font-size: 30px;
line-height: 1.2;
font-weight: 600;
color: #202b5d;
margin-bottom: 33px;
}
table, tr, td, th{
@media(max-width: 767px){
border: none;
}
}
.shop_table {
border: 1px solid #e8e8e8;
border-collapse: collapse;
tr.woocommerce-shipping-totals{
ul#shipping_method{
margin: 0px 0 11px 0;
@media(max-width: 767px){
margin-top: 35px;
&:before{
content: '';
display: block;
clear: both;
}
}
li{
display: flex;
align-items: center;
input{
margin: 0 5px 0 0;
height: unset;
}
label{
margin: 0px;
font-size: 15px;
line-height: 1.2;
letter-spacing: 0.2px;
color: #62718d;
.amount{
font-weight: 400;
color: #202b5d;
}
}
}
}
.woocommerce-shipping-destination{
font-size: 15px;
line-height: 1.2;
letter-spacing: 0.2px;
color: #62718d;
@media(max-width: 767px){
text-align: left !important;
}
}
.woocommerce-shipping-calculator{
@media(max-width: 767px){
text-align: left !important;
}
.shipping-calculator-button{
font-size: 15px;
line-height: 1.2;
letter-spacing: 0.2px;
color: #0067da;
}
p{
margin: 0 0 12px 0;
}
.form-row{
padding: 0;
margin: 0 0 10px 0;
}
.select2-container{
height: 40px;
}
.select2-selection--single{
border: 1px solid #e8e8e8;
border-radius: 2px;
}
.select2-selection__rendered{
padding: 0 14px;
font-size: 15px;
color: #919baf;
}
input{
height: 40px;
line-height: 40px;
padding: 0 14px;
border: 1px solid #e8e8e8;
font-size: 15px;
color: #202b5d;
border-radius: 3px;
&:placeholder{
color: #919baf;
}
}
.button{
font-size: 15px;
letter-spacing: 0.2px;
color: #202b5d;
background: #e8eaee;
height: 40px;
line-height: 40px;
padding: 0 22px;
border-radius: 0;
&:hover{
color: #fff;
}
}
}
}
th, td{
border: 1px solid #e8e8e8;
}
th{
font-size: 17px;
line-height: 1.2;
font-weight: 400;
letter-spacing: 0.2px;
color: #202b5d;
text-transform: capitalize;
padding: 17px 20px;
background: #fcfcfc;
}
td{
font-size: 16px;
line-height: 1.2;
letter-spacing: 0.2px;
color: #202b5d;
font-weight: 400;
padding: 17px 20px;
strong{
font-weight: 400;
}
}
}
.checkout-button{
font-size: 20px;
font-weight: 600;
height: 60px;
line-height: 60px;
padding: 0;
border-radius: 0px;
&:hover{
background: #06163A;
}
}
}
}
}
/* end cart page */
/* checkout page */
.woocommerce-checkout{
.col-1, .col-2{
max-width: 100%;
padding: 0;
}
.woocommerce-form-login-toggle{
.woocommerce-info{
margin: 0 0 30px 0;
font-size: 17px;
line-height: 1.2;
font-weight: 400;
color: #62718d;
letter-spacing: 0.2px;
padding: 20px 25px 21px 25px;
border: none;
background: #e8eaee;
&:before{
display: none;
}
.showlogin{
color: #202b5d;
}
}
& + form.woocommerce-form-login.login{
> .lost_password{
display: none;
}
.form-row{
display: none;
&.form-row-first, &.form-row-last, &.woocommerce-form-row{
display: block;
}
.input-text{
border: 1px solid #e5e5e5;
color: #62718d;
padding: 0 12px 0 12px;
}
}
}
}
.woocommerce-form-coupon-toggle{
.woocommerce-info{
margin: 0 0 58px 0;
font-size: 17px;
line-height: 1.2;
font-weight: 400;
color: #62718d;
letter-spacing: 0.2px;
padding: 20px 25px 21px 25px;
border: none;
background: #e8eaee;
&:before{
display: none;
}
.showcoupon{
color: #202b5d;
}
}
}
form.checkout_coupon {
p{
margin-bottom: 10px;
}
.form-row{
padding: 0;
}
input{
border: 1px solid #e8e8e8;
height: 45px;
line-height: 45px;
padding: 0 15px;
color: #62718d;
}
.button{
font-size: 18px;
color: #fff;
font-weight: 600;
height: 45px;
line-height: 45px;
padding: 0 20px;
border-radius: 0px;
&:hover{
background: #06163A;
}
}
}
.woocommerce-billing-fields{
>h3{
font-size: 30px;
line-height: 1.2;
font-weight: 600;
color: #202b5d;
margin: 0 0 28px 0;
}
.woocommerce-billing-fields__field-wrapper{
display: flex;
flex-wrap: wrap;
}
.form-row{
width: 100%;
padding: 0;
margin: 0 0 15px 0;
input{
border: 1px solid #e8e8e8;
height: 45px;
line-height: 45px;
padding: 0 15px;
color: #62718d;
}
&#billing_first_name_field{
order: 1;
width: 50%;
padding: 0 10px 0 0;
@media(max-width: 767px){
padding: 0;
width: 100%;
}
}
&#billing_last_name_field{
order: 2;
width: 50%;
padding: 0 0 0 10px;
@media(max-width: 767px){
padding: 0;
width: 100%;
}
}
&#billing_company_field{
order: 3;
}
&#billing_phone_field{
order: 4;
width: 50%;
padding: 0 10px 0 0;
@media(max-width: 767px){
padding: 0;
width: 100%;
}
}
&#billing_email_field{
order: 5;
width: 50%;
padding: 0 0 0 10px;
@media(max-width: 767px){
padding: 0;
width: 100%;
}
}
&#billing_country_field{
order: 7;
}
&#billing_address_1_field{
order: 8;
margin: 0 0 21px 0;
}
&#billing_address_2_field{
order: 9;
}
&#billing_city_field{
order: 10;
}
&#billing_state_field{
order: 11;
width: 50%;
padding: 0 10px 0 0;
@media(max-width: 767px){
padding: 0;
width: 100%;
}
}
&#billing_postcode_field{
order: 12;
width: 50%;
padding: 0 0 0 10px;
@media(max-width: 767px){
padding: 0;
width: 100%;
}
}
label{
display: block;
width: 100%;
font-size: 17px;
line-height: 24px;
color: #62718d;
letter-spacing: 0.2px;
font-weight: 400;
margin-bottom: 6px;
}
.woocommerce-input-wrapper{
width: 100%;
display: block;
}
.select2-container{
.select2-selection--single{
height: 45px;
border: 1px solid #e8e8e8;
.select2-selection__rendered{
color:#62718d;
padding-left: 15px;
line-height: 45px;
}
}
}
}
}
#order_review_heading{
font-size: 30px;
line-height: 1.2;
font-weight: 600;
color: #202b5d;
margin: 48px 0 33px 0;
}
.woocommerce-checkout-review-order{
margin-bottom: 110px;
table, tr, td, th{
border: none;
}
}
table.shop_table{
border: 1px solid #e8e8e8;
border-radius: 0;
margin-bottom: 40px;
tr{
border: 1px solid #e8e8e8;
}
tbody, tfoot{
th, td{
font-weight: 400;
border-top: 1px solid #e8e8e8;
}
}
th{
font-size: 17px;
line-height: 1.2;
font-weight: 400;
letter-spacing: 0.2px;
color: #202b5d;
padding: 15px 25px;
text-transform: capitalize;
}
td{
font-size: 16px;
line-height: 24px;
letter-spacing: 0.2px;
border-top: 1px solid #e8e8e8;
color: #202b5d;
padding: 15px 25px;
text-transform: capitalize;
width: 50%;
&.product-name{
color: #62718d;
}
.amount{
font-weight: 400;
}
}
#shipping_method {
li{
display: flex;
align-items: center;
&:not(:last-child){
margin-bottom: 4px;
}
input{
margin: 0 10px 0 0;
height: unset;
}
label{
margin: 0;
font-size: 15px;
color: #62718d;
letter-spacing: 0.2px;
font-weight: 400;
.amount{
font-weight: 400;
color: #202b5d;
}
}
}
}
}
#payment{
border-radius: 0px;
background: #e8eaee;
ul.wc_payment_methods{
padding: 32px 25px 32px 25px;
border-bottom-color: #e0e0e0;
li{
input{
height: unset;
margin: 0 8px 0 0;
}
label{
margin: 0 0 0 0;
font-size: 18px;
line-height: 1.2;
letter-spacing: 0.2px;
color: #202b5d;
font-weight: 400;
}
.payment_box{
background: #fff;
margin: 12px 0 22px 0;
border-radius: 0;
&:before{
border-bottom-color: #fff;
}
p{
font-size: 17px;
line-height: 22px;
color: #62718d;
}
}
&.payment_method_paypal{
label{
width: calc(100% - 26px);
a{
float: right;
&:after{
content: '';
display: block;
clear: both;
}
}
}
}
}
}
.place-order{
justify-content: flex-end;
padding: 20px 25px 20px 20px;
#place_order{
font-size: 20px;
color: #fff;
font-weight: 600;
height: 60px;
line-height: 60px;
padding: 0 40px;
border-radius: 0px;
&:hover{
background: #06163A;
}
}
}
}
.woocommerce-shipping-fields{
h3#ship-to-different-address{
margin: 0 0 15px;
label{
input{
height: unset;
margin: 0 5px 0 0;
}
span{
font-size:30px;
color: #202b5d;
font-weight: 600;
}
}
}
.form-row{
margin: 0 0 15px 0;
&.form-row-first{
width: 100%;
}
&.form-row-last{
width: 100%;
}
label{
font-size: 17px;
line-height: 24px;
letter-spacing: 0.2px;
color: #62718d;
margin-bottom: 6px;
width: 100%;
}
.woocommerce-input-wrapper{
width: 100%;
}
.select2-container{
.select2-selection--single{
height: 45px;
border: 1px solid #e8e8e8;
.select2-selection__rendered{
color:#62718d;
padding-left: 15px;
line-height: 45px;
}
}
}
input{
border: 1px solid #e8e8e8;
height: 45px;
line-height: 45px;
padding: 0 15px;
color: #62718d;
}
}
}
.woocommerce-additional-fields{
>h3{
margin: 0 0 15px 0;
font-size:30px;
color: #202b5d;
font-weight: 600;
}
.form-row{
padding: 0;
textarea{
border: 1px solid #e8e8e8;
height: 80px;
padding: 10px 15px;
}
label{
font-size: 17px;
line-height: 24px;
letter-spacing: 0.2px;
color: #62718d;
margin-bottom: 6px;
width: 100%;
}
.woocommerce-input-wrapper{
width: 100%;
}
}
}
}
/* end checkout page */
.woocommerce .ova-shop-wrap div.product div.images img
{
display: inline-block;
}
.woocommerce .ova-shop-wrap .content-area .product .woocommerce-tabs .woocommerce-Tabs-panel p{
margin-top: 0;
}