first commit
このコミットが含まれているのは:
@@ -0,0 +1,42 @@
|
||||
/*------------------*
|
||||
# About Us Page
|
||||
*------------------*/
|
||||
|
||||
.about-content .title {
|
||||
font-weight: fontweight(semi-bold);
|
||||
color: $color-dark;
|
||||
text-transform: capitalize;
|
||||
font-size: 30px;
|
||||
@include max-screen(767) {
|
||||
font-size: 25px;
|
||||
}
|
||||
max-width: 900px;
|
||||
margin: 0 auto 20px;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
.about-info .title {
|
||||
font-size: 34px;
|
||||
|
||||
font-weight: fontweight(semi-bold);
|
||||
color: $color-dark;
|
||||
}
|
||||
|
||||
.single-service {
|
||||
.title {
|
||||
font-size: 22px;
|
||||
font-weight: fontweight(semi-bold);
|
||||
color: $color-dark;
|
||||
}
|
||||
}
|
||||
|
||||
.service-section {
|
||||
.single-blog {
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
/* *******************
|
||||
about us page End
|
||||
**********************/
|
||||
@@ -0,0 +1,149 @@
|
||||
/*------------------*
|
||||
# Account Page
|
||||
*------------------*/
|
||||
|
||||
.my-account .title {
|
||||
|
||||
border-bottom: 1px solid $border-color;
|
||||
|
||||
font-weight: fontweight(bold);
|
||||
padding-bottom: 20px;
|
||||
margin-bottom: 20px;
|
||||
font-size: 30px;
|
||||
}
|
||||
.register {
|
||||
.title {
|
||||
|
||||
border-bottom: 1px solid $border-color;
|
||||
|
||||
font-weight: fontweight(bold);
|
||||
padding-bottom: 20px;
|
||||
margin-bottom: 20px;
|
||||
font-size: 30px;
|
||||
}
|
||||
}
|
||||
.myaccount-tab-menu {
|
||||
flex-direction: column;
|
||||
background-color: $color-white;
|
||||
}
|
||||
.myaccount-tab-menu a {
|
||||
border: 1px solid $border-color;
|
||||
border-bottom: 0;
|
||||
color: $color-dark;
|
||||
|
||||
font-weight: fontweight(medium);
|
||||
display: block;
|
||||
padding: 15px 15px 13px;
|
||||
line-height: 30px;
|
||||
font-size: 15px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.myaccount-tab-menu a:last-child {
|
||||
border-bottom: 1px solid $border-color;
|
||||
}
|
||||
.myaccount-tab-menu a:hover,
|
||||
.myaccount-tab-menu a.active {
|
||||
background-color: $theme-color;
|
||||
color: $color-white;
|
||||
}
|
||||
.myaccount-tab-menu a i {
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
width: 25px;
|
||||
}
|
||||
.myaccount-content {
|
||||
background-color: $color-white;
|
||||
font-size: 14px;
|
||||
border: 1px solid $border-color;
|
||||
padding: 30px;
|
||||
}
|
||||
@media only screen and (max-width: 575px) {
|
||||
.myaccount-content {
|
||||
padding: 20px 15px;
|
||||
}
|
||||
}
|
||||
.myaccount-content h3 {
|
||||
border-bottom: 1px solid $border-color;
|
||||
font-size:30px;
|
||||
font-weight: fontweight(bold);
|
||||
padding-bottom: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.myaccount-content .welcome a {
|
||||
color: $color-dark;
|
||||
}
|
||||
.myaccount-content .welcome a:hover {
|
||||
color: $theme-color;
|
||||
}
|
||||
.myaccount-content .welcome strong {
|
||||
font-weight: 600;
|
||||
}
|
||||
.myaccount-content a.edit-address-btn {
|
||||
border-color: #333;
|
||||
}
|
||||
.myaccount-content a.edit-address-btn i {
|
||||
padding-right: 5px;
|
||||
}
|
||||
.myaccount-content a.edit-address-btn:hover {
|
||||
color: $theme-color;
|
||||
}
|
||||
.myaccount-table {
|
||||
white-space: nowrap;
|
||||
font-size: 15px;
|
||||
}
|
||||
.myaccount-table table th,
|
||||
.myaccount-table .table th {
|
||||
padding: 10px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.myaccount-table table td,
|
||||
.myaccount-table .table td {
|
||||
padding: 20px 10px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.myaccount-table table td a:hover,
|
||||
.myaccount-table .table td a:hover {
|
||||
color: $color-white;
|
||||
}
|
||||
.saved-message {
|
||||
font-weight: 600;
|
||||
font-size: 13px;
|
||||
padding: 20px;
|
||||
}
|
||||
.account-details-form h4 {
|
||||
text-transform: capitalize;
|
||||
margin: 0;
|
||||
color: $color-dark;
|
||||
|
||||
font-weight: fontweight(medium);
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.table .thead-light th {
|
||||
background-color: #e9ecef;
|
||||
border-color: #dee2e6;
|
||||
}
|
||||
|
||||
.account-details-form {
|
||||
input[type="text"],
|
||||
input[type="email"],
|
||||
input[type="url"],
|
||||
input[type="password"],
|
||||
input[type="search"],
|
||||
input[type="number"],
|
||||
input[type="tel"] {
|
||||
width: 100%;
|
||||
background-color: $color-white;
|
||||
border: 1px solid $border-color;
|
||||
font-size: 14px;
|
||||
color: $body-color;
|
||||
padding: 0.8rem 1.6rem;
|
||||
height: 38px;
|
||||
line-height: 1.25;
|
||||
@include border-radius(0px);
|
||||
}
|
||||
}
|
||||
|
||||
/* ***************
|
||||
my-account End
|
||||
******************/
|
||||
@@ -0,0 +1,832 @@
|
||||
/*------------------*
|
||||
# Check out Page
|
||||
*------------------*/
|
||||
|
||||
.billing-info-wrap .billing-info input,
|
||||
.billing-info-wrap .billing-select input {
|
||||
background: transparent none repeat scroll 0 0;
|
||||
border: 1px solid #e6e6e6;
|
||||
color: #666;
|
||||
font-size: 14px;
|
||||
padding-left: 20px;
|
||||
padding-right: 10px;
|
||||
width: 100%;
|
||||
outline: none;
|
||||
height: 45px;
|
||||
}
|
||||
|
||||
.billing-info-wrap .checkout-account-toggle input {
|
||||
background: transparent none repeat scroll 0 0;
|
||||
border: 1px solid #e6e6e6;
|
||||
color: #666;
|
||||
font-size: 14px;
|
||||
padding-left: 20px;
|
||||
padding-right: 10px;
|
||||
margin: 0 0 20px;
|
||||
width: 100%;
|
||||
height: 45px;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.billing-info-wrap .additional-info-wrap .additional-info textarea {
|
||||
background: transparent none repeat scroll 0 0;
|
||||
border: 1px solid #e6e6e6;
|
||||
color: #333;
|
||||
font-size: 14px;
|
||||
height: 138px;
|
||||
padding: 17px 20px;
|
||||
width: 100%;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.billing-info-wrap {
|
||||
.title {
|
||||
font-size: 30px;
|
||||
text-transform: capitalize;
|
||||
font-weight: fontweight(semi-bold);
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.your-order-area {
|
||||
.title {
|
||||
font-size: 30px;
|
||||
text-transform: capitalize;
|
||||
font-weight: fontweight(semi-bold);
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.billing-info {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.billing-info label {
|
||||
font-size: 14px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.form-select {
|
||||
height: 45px;
|
||||
border-radius: 0px;
|
||||
outline: 0;
|
||||
color: #565656;
|
||||
}
|
||||
|
||||
.form-select:focus {
|
||||
border-color: #e6e6e6;
|
||||
outline: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.open-toggle,
|
||||
.open-toggle2 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.your-order-area .your-order-wrap {
|
||||
padding: 38px 45px 44px;
|
||||
background: #f6f6f6;
|
||||
}
|
||||
|
||||
.your-order-area .your-order-wrap .your-order-product-info .your-order-top ul li {
|
||||
font-size: 24px;
|
||||
text-transform: capitalize;
|
||||
color: #111;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.your-order-area .your-order-wrap .your-order-product-info .your-order-top ul {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.your-order-area .your-order-wrap .your-order-product-info .your-order-top ul li {
|
||||
font-size: 15px;
|
||||
font-weight: 500;
|
||||
list-style: outside none none;
|
||||
color: $color-dark;
|
||||
}
|
||||
|
||||
.your-order-area .your-order-wrap .your-order-product-info .your-order-middle {
|
||||
border-bottom: 1px solid #dee0e4;
|
||||
border-top: 1px solid #dee0e4;
|
||||
margin: 29px 0;
|
||||
padding: 19px 0 18px;
|
||||
}
|
||||
|
||||
.your-order-area .your-order-wrap .your-order-product-info .your-order-bottom ul li.your-order-shipping {
|
||||
font-size: 15px;
|
||||
color: $color-dark;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.your-order-area .your-order-wrap .your-order-product-info .your-order-middle ul li {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
margin: 0 0 10px;
|
||||
}
|
||||
|
||||
.your-order-area .your-order-wrap .your-order-product-info .your-order-bottom ul {
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.your-order-area .your-order-wrap .your-order-product-info .your-order-total ul {
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.billing-info-wrap .billing-info input,
|
||||
.billing-info-wrap .billing-select input {
|
||||
background: transparent none repeat scroll 0 0;
|
||||
border: 1px solid #e6e6e6;
|
||||
color: #666;
|
||||
font-size: 14px;
|
||||
padding-left: 20px;
|
||||
padding-right: 10px;
|
||||
width: 100%;
|
||||
outline: none;
|
||||
height: 45px;
|
||||
}
|
||||
|
||||
.billing-info-wrap .nice-select {
|
||||
width: 100%;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.billing-info-wrap .nice-select .list {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.billing-info-wrap .nice-select:active,
|
||||
.billing-info-wrap .nice-select.open,
|
||||
.billing-info-wrap .nice-select:focus {
|
||||
border-color: #ebebeb;
|
||||
}
|
||||
|
||||
.billing-info-wrap .billing-info input.billing-address,
|
||||
.billing-info-wrap .billing-select input.billing-address {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.billing-info-wrap .checkout-account label {
|
||||
color: #666;
|
||||
font-weight: 400;
|
||||
margin: 0 0 0 12px;
|
||||
}
|
||||
|
||||
.billing-info-wrap .checkout-account input {
|
||||
border: 1px solid #e6e6e6;
|
||||
display: inline-block;
|
||||
float: left;
|
||||
height: 12px;
|
||||
width: 12px;
|
||||
margin-top: 7px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.billing-info-wrap .checkout-account-toggle input {
|
||||
background: transparent none repeat scroll 0 0;
|
||||
border: 1px solid #e6e6e6;
|
||||
color: #666;
|
||||
font-size: 14px;
|
||||
padding-left: 20px;
|
||||
padding-right: 10px;
|
||||
margin: 0 0 20px;
|
||||
width: 100%;
|
||||
height: 45px;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.billing-info-wrap .additional-info-wrap h4 {
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
color: $color-dark;
|
||||
margin: 0 0 10px;
|
||||
}
|
||||
|
||||
.billing-info-wrap .additional-info-wrap .additional-info textarea {
|
||||
background: transparent none repeat scroll 0 0;
|
||||
border: 1px solid #e6e6e6;
|
||||
color: #333;
|
||||
font-size: 14px;
|
||||
height: 138px;
|
||||
padding: 17px 20px;
|
||||
width: 100%;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.additional-info-wrap {
|
||||
margin: 30px 0;
|
||||
}
|
||||
|
||||
.your-order-area .your-order-wrap {
|
||||
padding: 38px 45px 44px;
|
||||
|
||||
@include max-screen(767) {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
background: #f6f6f6;
|
||||
}
|
||||
|
||||
.your-order-area .your-order-wrap .your-order-product-info .your-order-top ul {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.your-order-area .your-order-wrap .your-order-product-info .your-order-top ul li {
|
||||
font-size: 15px;
|
||||
font-weight: 500;
|
||||
list-style: outside none none;
|
||||
color: $color-dark;
|
||||
}
|
||||
|
||||
.your-order-area .your-order-wrap .your-order-product-info .your-order-middle {
|
||||
border-bottom: 1px solid #dee0e4;
|
||||
border-top: 1px solid #dee0e4;
|
||||
margin: 29px 0;
|
||||
padding: 19px 0 18px;
|
||||
}
|
||||
|
||||
.your-order-area .your-order-wrap .your-order-product-info .your-order-middle ul li {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
margin: 0 0 10px;
|
||||
}
|
||||
|
||||
.your-order-area .your-order-wrap .your-order-product-info .your-order-bottom ul {
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.your-order-area .your-order-wrap .your-order-product-info .your-order-bottom ul li.your-order-shipping {
|
||||
font-size: 15px;
|
||||
color: $color-dark;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.your-order-area .your-order-wrap .your-order-product-info .your-order-total {
|
||||
border-bottom: 1px solid #dee0e4;
|
||||
border-top: 1px solid #dee0e4;
|
||||
margin: 18px 0 33px;
|
||||
padding: 17px 0 19px;
|
||||
}
|
||||
|
||||
.your-order-area .your-order-wrap .your-order-product-info .your-order-total ul {
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.your-order-area .your-order-wrap .your-order-product-info .your-order-total ul li.order-total {
|
||||
font-weight: 500;
|
||||
color: $color-dark;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.your-order-area .your-order-wrap .your-order-product-info .your-order-total ul li {
|
||||
font-weight: 600;
|
||||
color: $theme-color;
|
||||
font-size: 16px;
|
||||
list-style: outside none none;
|
||||
}
|
||||
|
||||
.your-order-area .payment-accordion:last-child {
|
||||
margin: 0 0 0;
|
||||
}
|
||||
|
||||
.your-order-area .payment-accordion {
|
||||
margin: 0 0 16px;
|
||||
}
|
||||
|
||||
.your-order-area .payment-accordion {
|
||||
margin: 0 0 16px;
|
||||
}
|
||||
|
||||
.your-order-area .payment-accordion h4 a {
|
||||
color: $color-dark;
|
||||
font-size: 16px;
|
||||
margin: 0;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.your-order-area .payment-accordion .panel-body {
|
||||
padding: 5px 0 0 0;
|
||||
}
|
||||
|
||||
.your-order-area .payment-accordion .panel-body p {
|
||||
padding: 0 0 0 10px;
|
||||
}
|
||||
|
||||
.Place-order {
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.open-toggle,
|
||||
.open-toggle2 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.single-my-account h3.panel-title {
|
||||
background-color: #f9f9f9;
|
||||
border-bottom: 1px solid #ebebeb;
|
||||
color: $color-dark;
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
margin: 0;
|
||||
position: relative;
|
||||
text-transform: uppercase;
|
||||
line-height: 2;
|
||||
}
|
||||
|
||||
.single-my-account h3.panel-title span {
|
||||
color: $color-dark;
|
||||
font-size: 14px;
|
||||
left: 20px;
|
||||
position: absolute;
|
||||
top: 16px;
|
||||
}
|
||||
|
||||
.single-my-account h3.panel-title a {
|
||||
color: $color-dark;
|
||||
display: block;
|
||||
padding: 16px 55px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.single-my-account h3.panel-title a:hover {
|
||||
color: $theme-color;
|
||||
}
|
||||
|
||||
.single-my-account h3.panel-title a:hover::before {
|
||||
color: $theme-color;
|
||||
}
|
||||
|
||||
.single-my-account h3.panel-title a::before {
|
||||
color: #000;
|
||||
content: "\f3d0";
|
||||
display: inline-block;
|
||||
font-family: "Ionicons";
|
||||
font-size: 14px;
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 50%;
|
||||
margin-top: -14px;
|
||||
}
|
||||
|
||||
.single-my-account .myaccount-info-wrapper {
|
||||
padding: 30px 20px;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.single-my-account .myaccount-info-wrapper .account-info-wrapper {
|
||||
border-bottom: 1px solid #eaeaea;
|
||||
margin-bottom: 28px;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
.single-my-account .myaccount-info-wrapper .account-info-wrapper h4 {
|
||||
font-size: 14px;
|
||||
margin: 0;
|
||||
text-transform: uppercase;
|
||||
color: $color-dark;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.single-my-account .myaccount-info-wrapper .account-info-wrapper h5 {
|
||||
font-size: 14px;
|
||||
letter-spacing: 0.2px;
|
||||
margin-top: 7px;
|
||||
font-weight: 600;
|
||||
color: $color-dark;
|
||||
}
|
||||
|
||||
.single-my-account .myaccount-info-wrapper .billing-info {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.single-my-account .myaccount-info-wrapper .billing-info label {
|
||||
color: #666;
|
||||
font-size: 14px;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
.single-my-account .myaccount-info-wrapper .billing-info input {
|
||||
background: transparent none repeat scroll 0 0;
|
||||
border: 1px solid #ebebeb;
|
||||
color: #666;
|
||||
height: 40px;
|
||||
padding: 0 15px;
|
||||
width: 100%;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.single-my-account .myaccount-info-wrapper .billing-back-btn {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
margin-top: 26px;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.single-my-account .myaccount-info-wrapper .billing-back-btn .billing-back a {
|
||||
color: $color-dark;
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.single-my-account .myaccount-info-wrapper .billing-back-btn .billing-back a:hover {
|
||||
color: $theme-color;
|
||||
}
|
||||
|
||||
.single-my-account .myaccount-info-wrapper .billing-back-btn .billing-back a i {
|
||||
font-size: 15px;
|
||||
color: $theme-color;
|
||||
}
|
||||
|
||||
.single-my-account .myaccount-info-wrapper .entries-wrapper .entries-info {
|
||||
padding: 30px 20px;
|
||||
}
|
||||
|
||||
.single-my-account .myaccount-info-wrapper .entries-wrapper .entries-info p {
|
||||
color: #666;
|
||||
font-size: 14px;
|
||||
margin: 0;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
.single-my-account .myaccount-info-wrapper .entries-wrapper .entries-edit-delete a.edit {
|
||||
background-color: #0090f0;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.single-my-account .myaccount-info-wrapper .entries-wrapper .entries-edit-delete a.edit:hover {
|
||||
background-color: $theme-color;
|
||||
}
|
||||
|
||||
.single-my-account .myaccount-info-wrapper .entries-wrapper .entries-edit-delete a:hover {
|
||||
background-color: $theme-color;
|
||||
}
|
||||
|
||||
.single-my-account .myaccount-info-wrapper .entries-wrapper .entries-edit-delete a {
|
||||
background-color: #f32013;
|
||||
color: #fff;
|
||||
display: inline-block;
|
||||
line-height: 1;
|
||||
margin: 0 2px;
|
||||
padding: 12px 15px;
|
||||
text-transform: uppercase;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.single-my-account {
|
||||
margin-bottom: 20px;
|
||||
border: 1px solid #ebebeb;
|
||||
}
|
||||
|
||||
.single-my-account:last-child {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.single-my-account .myaccount-info-wrapper .entries-wrapper {
|
||||
border: 1px solid #eaeaea;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.single-my-account .myaccount-info-wrapper .entries-wrapper::before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
height: 100%;
|
||||
width: 1px;
|
||||
left: 50%;
|
||||
top: 0;
|
||||
background-color: #eaeaea;
|
||||
}
|
||||
|
||||
.login-register-wrapper .login-register-tab-list {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.login-register-wrapper .login-register-tab-list a {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.login-register-wrapper .login-register-tab-list a:last-child:before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.login-register-wrapper .login-register-tab-list a::before {
|
||||
background-color: #000;
|
||||
bottom: 5px;
|
||||
content: "";
|
||||
height: 18px;
|
||||
margin: 0 auto;
|
||||
position: absolute;
|
||||
right: -2px;
|
||||
-webkit-transition: all 0.4s ease 0s;
|
||||
-o-transition: all 0.4s ease 0s;
|
||||
transition: all 0.4s ease 0s;
|
||||
width: 1px;
|
||||
}
|
||||
|
||||
.login-register-wrapper .login-register-tab-list a.active h4 {
|
||||
color: $theme-color;
|
||||
}
|
||||
|
||||
.login-register-wrapper .login-register-tab-list a h4 {
|
||||
font-size: 25px;
|
||||
font-weight: 700;
|
||||
margin: 0 20px;
|
||||
text-transform: capitalize;
|
||||
-webkit-transition: all 0.3s ease 0s;
|
||||
-o-transition: all 0.3s ease 0s;
|
||||
transition: all 0.3s ease 0s;
|
||||
color: $color-dark;
|
||||
}
|
||||
|
||||
.login-register-wrapper .login-form-container {
|
||||
background: transparent none repeat scroll 0 0;
|
||||
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
|
||||
padding: 80px;
|
||||
text-align: left;
|
||||
|
||||
@include max-screen(768) {
|
||||
padding: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.login-register-wrapper .login-form-container .login-register-form form input {
|
||||
background-color: transparent;
|
||||
border: 1px solid #ebebeb;
|
||||
color: #666;
|
||||
font-size: 14px;
|
||||
height: 45px;
|
||||
margin-bottom: 30px;
|
||||
padding: 0 15px;
|
||||
width: 100%;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.login-register-wrapper .login-form-container .login-register-form form .button-box .login-toggle-btn {
|
||||
padding: 10px 0 19px;
|
||||
}
|
||||
|
||||
.login-register-wrapper .login-form-container .login-register-form form input[type="checkbox"] {
|
||||
height: 15px;
|
||||
margin: 0;
|
||||
position: relative;
|
||||
top: 1px;
|
||||
width: 17px;
|
||||
}
|
||||
|
||||
.login-register-wrapper .login-form-container .login-register-form form .button-box .login-toggle-btn label {
|
||||
color: $color-dark;
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.login-register-wrapper .login-form-container .login-register-form form .button-box .login-toggle-btn a.flote-none {
|
||||
float: none !important;
|
||||
}
|
||||
|
||||
.login-register-wrapper .login-form-container .login-register-form form .button-box .login-toggle-btn a {
|
||||
color: $color-dark;
|
||||
float: right;
|
||||
font-size: 14px;
|
||||
-webkit-transition: all 0.3s ease 0s;
|
||||
-o-transition: all 0.3s ease 0s;
|
||||
transition: all 0.3s ease 0s;
|
||||
|
||||
@include max-screen(480) {
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
|
||||
.login-register-wrapper .login-form-container .login-register-form form .button-box .login-toggle-btn a:hover {
|
||||
color: $theme-color;
|
||||
}
|
||||
|
||||
.contact-map #mapid {
|
||||
height: 560px;
|
||||
}
|
||||
|
||||
.custom-row-2 {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
margin-right: -5px;
|
||||
margin-left: -5px;
|
||||
}
|
||||
|
||||
.custom-row-2 div[class^="col-"] {
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.contact-info-wrap {
|
||||
background-color: #f3f3f3;
|
||||
padding: 120px 70px 116px 90px;
|
||||
}
|
||||
|
||||
.contact-info-wrap .single-contact-info {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.contact-info-wrap .single-contact-info .contact-icon {
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.contact-info-wrap .single-contact-info .contact-icon i {
|
||||
font-size: 20px;
|
||||
color: $color-dark;
|
||||
display: inline-block;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
border: 1px solid #252525;
|
||||
text-align: center;
|
||||
border-radius: 100%;
|
||||
-webkit-transition: all 0.3s ease 0s;
|
||||
-o-transition: all 0.3s ease 0s;
|
||||
transition: all 0.3s ease 0s;
|
||||
}
|
||||
|
||||
.contact-info-wrap .single-contact-info .contact-info-dec p {
|
||||
line-height: 1;
|
||||
color: $color-dark;
|
||||
margin: 0 0 9px;
|
||||
}
|
||||
|
||||
.contact-info-wrap .single-contact-info .contact-info-dec p a {
|
||||
color: $color-dark;
|
||||
}
|
||||
|
||||
.contact-info-wrap .single-contact-info .contact-info-dec p a:hover {
|
||||
color: $theme-color;
|
||||
}
|
||||
|
||||
.contact-info-wrap .single-contact-info:hover .contact-icon i {
|
||||
background-color: $theme-color;
|
||||
color: #fff;
|
||||
border-color: $theme-color;
|
||||
}
|
||||
|
||||
.contact-social h3 {
|
||||
font-weight: 700;
|
||||
color: $color-dark;
|
||||
font-size: 24px;
|
||||
margin: 0 0 17px;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.contact-social ul li a {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.contact-social .social-info li a {
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.contact-form {
|
||||
background-color: #f3f3f3;
|
||||
padding: 35px;
|
||||
|
||||
@include max-screen(767) {
|
||||
padding: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
.contact-form .contact-title h2 {
|
||||
font-size: 24px;
|
||||
font-weight: 700;
|
||||
color: $color-dark;
|
||||
line-height: 1;
|
||||
margin-bottom: 36px;
|
||||
margin-left: -10px;
|
||||
}
|
||||
|
||||
.contact-form .contact-form-style input,
|
||||
.contact-form .contact-form-style textarea {
|
||||
background: transparent;
|
||||
border: 1px solid #c1c1c1;
|
||||
height: 40px;
|
||||
padding: 2px 14px;
|
||||
margin-bottom: 30px;
|
||||
color: #000;
|
||||
width: 100%;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.contact-form p {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.contact-form .contact-form-style textarea {
|
||||
padding: 20px 14px;
|
||||
margin-bottom: 0;
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
.contact-map {
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
|
||||
.contact-form .contact-form-style button {
|
||||
border: none;
|
||||
background-color: $theme-color;
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
line-height: 1;
|
||||
padding: 15px 52px;
|
||||
margin-top: 33px;
|
||||
outline: none;
|
||||
-webkit-transition: all 0.3s ease 0s;
|
||||
-o-transition: all 0.3s ease 0s;
|
||||
transition: all 0.3s ease 0s;
|
||||
border-radius: 30px;
|
||||
}
|
||||
|
||||
.contact-form .contact-form-style button:hover {
|
||||
background-color: $color-dark;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.coupon-title {
|
||||
font-size: 20px;
|
||||
text-transform: capitalize;
|
||||
font-weight: 600;
|
||||
margin: 20px 0px 15px;
|
||||
}
|
||||
|
||||
.check-out-btn {
|
||||
padding: 14px 30px;
|
||||
}
|
||||
@@ -0,0 +1,53 @@
|
||||
/*------------------*
|
||||
# Compare Page
|
||||
*------------------*/
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.compare-section .table {
|
||||
min-width: 800px;
|
||||
}
|
||||
}
|
||||
|
||||
.compare-section img {
|
||||
max-width: 150px;
|
||||
}
|
||||
|
||||
.compare-section .title {
|
||||
font-weight: fontweight(bold);
|
||||
font-size: 30px;
|
||||
border-bottom: 1px solid $border-color;
|
||||
}
|
||||
|
||||
.compare-section .sub-title {
|
||||
font-size: 15px;
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
.compare-section .table .thead-light th {
|
||||
background-color: $color-white;
|
||||
border-color: $border-color;
|
||||
}
|
||||
|
||||
.compare-section .table td,
|
||||
.compare-section .table th {
|
||||
vertical-align: middle;
|
||||
border: 1px solid $border-color;
|
||||
padding: 15px;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.compare-section .table th {
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
.compare-section .table td {
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
.compare-section .table td p {
|
||||
text-transform: initial;
|
||||
}
|
||||
|
||||
/* ***************
|
||||
compare End
|
||||
******************/
|
||||
@@ -0,0 +1,8 @@
|
||||
/*------------------*
|
||||
# Contact Us Page
|
||||
*------------------*/
|
||||
|
||||
@import "../components/forms/contact-form/contact-form";
|
||||
/*------------------*
|
||||
# Contact Us End
|
||||
*------------------*/
|
||||
@@ -0,0 +1,13 @@
|
||||
/*******************
|
||||
map page start
|
||||
******************/
|
||||
|
||||
.map iframe {
|
||||
width: 100%;
|
||||
height: 450px;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
/* ***************
|
||||
map page End
|
||||
******************/
|
||||
@@ -0,0 +1,306 @@
|
||||
/************************
|
||||
single-product start
|
||||
************************/
|
||||
|
||||
|
||||
.single-product-head {
|
||||
.title {
|
||||
font-weight: fontweight(semi-bold);
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
.star-content {
|
||||
.star-on {
|
||||
margin: 0 1px 0 0;
|
||||
color: $color-warning;
|
||||
font-weight: fontweight(regular);
|
||||
font-size: 18px;
|
||||
}
|
||||
a {
|
||||
font-size: 15px;
|
||||
font-weight: fontweight(regular);
|
||||
span {
|
||||
margin-right: 6px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// product-tab-menu single-product
|
||||
|
||||
.product-tab-menu {
|
||||
&.single-product {
|
||||
.nav-item {
|
||||
margin-bottom: 30px;
|
||||
.nav-link {
|
||||
text-transform: capitalize;
|
||||
color: $color-dark;
|
||||
padding: 0 0 15px 0;
|
||||
margin: 0 30px;
|
||||
font-size: 24px;
|
||||
font-weight: fontweight(semi-bold);
|
||||
border: 0px;
|
||||
@include max-screen(767) {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
@include border-radius(0px);
|
||||
|
||||
&:hover {
|
||||
color: $theme-color;
|
||||
}
|
||||
&.active {
|
||||
color: $theme-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.single-product-desc {
|
||||
background: $color-white;
|
||||
padding: 30px;
|
||||
border: 1px solid $border-color;
|
||||
ul {
|
||||
font-size: 15px;
|
||||
line-height: 24px;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
.studio-thumb {
|
||||
img {
|
||||
border: 1px solid $border-color;
|
||||
}
|
||||
h3 {
|
||||
text-transform: capitalize;
|
||||
font-weight: fontweight(medium);
|
||||
color: $color-dark;
|
||||
line-height: 24px;
|
||||
font-size: 0.9375rem;
|
||||
margin-top: 1.25rem;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
h6 {
|
||||
font-size: 1rem;
|
||||
color: $color-dark;
|
||||
font-weight: fontweight(medium);
|
||||
small {
|
||||
font-weight: fontweight(regular);
|
||||
font-size: 14px;
|
||||
color: $body-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.product-features {
|
||||
ul {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: stretch;
|
||||
li {
|
||||
flex: 1 0 40%;
|
||||
|
||||
font-weight: fontweight(regular);
|
||||
background: $feature;
|
||||
padding: 0.625rem;
|
||||
margin-right: 0.625rem;
|
||||
min-height: 2.5rem;
|
||||
word-break: normal;
|
||||
text-transform: capitalize;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.grade-content {
|
||||
.grade {
|
||||
font-weight: fontweight(medium);
|
||||
text-transform: capitalize;
|
||||
font-size: 14px;
|
||||
color: $instock;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.star-on {
|
||||
color: $color-warning;
|
||||
|
||||
font-weight: fontweight(regular);
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-weight: fontweight(medium);
|
||||
text-transform: capitalize;
|
||||
font-size: 14px;
|
||||
color: $instock;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.sub-title {
|
||||
color: $color-dark;
|
||||
margin-bottom: 10px;
|
||||
|
||||
font-weight: fontweight(medium);
|
||||
line-height: 18px;
|
||||
font-size: 14px;
|
||||
padding-top: 9px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
p {
|
||||
line-height: 18px;
|
||||
font-size: 14px;
|
||||
color: $grey-soft;
|
||||
}
|
||||
}
|
||||
|
||||
.group-img {
|
||||
img {
|
||||
max-width: 80px;
|
||||
}
|
||||
}
|
||||
|
||||
.product-grouped {
|
||||
.title {
|
||||
margin-bottom: 0.8rem;
|
||||
color: $color-dark;
|
||||
font-size: 15px;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
span {
|
||||
font-size: 14px;
|
||||
color: $body-color;
|
||||
line-height: 1;
|
||||
}
|
||||
}
|
||||
.product-anotherinfo-wrapper ul li {
|
||||
color: #888;
|
||||
font-size: 14px;
|
||||
list-style: outside none none;
|
||||
margin: 0 0 13px;
|
||||
}
|
||||
.product-anotherinfo-wrapper ul li span {
|
||||
color: $color-dark;
|
||||
display: inline-block;
|
||||
font-weight: 500;
|
||||
margin: 0 26px 0 0;
|
||||
min-width: 85px;
|
||||
}
|
||||
.single-review .review-top-wrap .review-left {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.single-review .review-top-wrap .review-left .review-name {
|
||||
margin-right: 25px;
|
||||
}
|
||||
|
||||
.single-review .review-top-wrap .review-left .review-name h4 {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.single-review .review-top-wrap .review-left .rating-product {
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.rating-product {
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.rating-product i {
|
||||
overflow: hidden;
|
||||
font-size: 16px;
|
||||
color: #fdd835;
|
||||
}
|
||||
|
||||
.single-review .review-top-wrap .review-left {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.review-left a {
|
||||
color: #565656;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.single-review .review-bottom p {
|
||||
margin: 0;
|
||||
max-width: 93%;
|
||||
}
|
||||
|
||||
.ratting-form-wrapper .ratting-form form .star-box {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
margin: 6px 0 20px;
|
||||
}
|
||||
.ratting-form-wrapper h3 {
|
||||
margin: 0;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.ratting-form-wrapper .ratting-form form .star-box span {
|
||||
margin: 0 15px 0 0;
|
||||
}
|
||||
|
||||
.rating-form-style {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.ratting-form-wrapper .ratting-form form .rating-form-style input,
|
||||
.ratting-form-wrapper .ratting-form form .rating-form-style textarea {
|
||||
padding: 2px 10px 2px 20px;
|
||||
background: transparent;
|
||||
border: 1px solid #e6e6e6;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.rating-form-style input {
|
||||
height: 45px;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
padding-left: 10px;
|
||||
font-size: 14px;
|
||||
color: #253237;
|
||||
width: 100%;
|
||||
margin-bottom: 15px;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.rating-form-style {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.ratting-form-wrapper .ratting-form form .rating-form-style textarea {
|
||||
height: 180px;
|
||||
padding: 20px 10px 2px 20px;
|
||||
margin-bottom: 20px;
|
||||
width: 100%;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.rating-form-style input[type="submit"] {
|
||||
padding: 0 55px !important;
|
||||
line-height: 48px;
|
||||
height: 48px;
|
||||
width: auto;
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
text-transform: uppercase;
|
||||
background: $color-dark !important;
|
||||
color: #fff !important;
|
||||
transition: all 300ms linear;
|
||||
&:hover {
|
||||
background: $theme-color !important;
|
||||
}
|
||||
}
|
||||
|
||||
/************************
|
||||
single-product End
|
||||
************************/
|
||||
@@ -0,0 +1,54 @@
|
||||
/*------------------*
|
||||
# Whishlist Page
|
||||
*------------------*/
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.whish-list-section .table {
|
||||
min-width: 1030px;
|
||||
}
|
||||
}
|
||||
|
||||
.whish-list-section .title {
|
||||
font-weight: fontweight(bold);
|
||||
font-size: 30px;
|
||||
border-bottom: 1px solid $border-color;
|
||||
}
|
||||
|
||||
.whish-list-section .table .thead-light th {
|
||||
background-color: $theme-color;
|
||||
border-color: transparent;
|
||||
text-transform: capitalize;
|
||||
|
||||
font-weight: fontweight(medium);
|
||||
color: $color-white;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.whish-list-section .table td,
|
||||
.whish-list-section .table th {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.whish-list-section img {
|
||||
max-width: 150px;
|
||||
}
|
||||
|
||||
.whish-title {
|
||||
font-size: 15px;
|
||||
}
|
||||
.whish-list-price {
|
||||
color: $color-dark;
|
||||
font-size: 15px;
|
||||
}
|
||||
select.form-control {
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
background: $feature
|
||||
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAPklEQVR4Ae3TwREAEBQD0V/6do4SXPZg7EsBhsQ8IEmSMOsiuEfg3gL3oXC7wK0bd1G4o8X9F4yIkyQfSrIByQBjp7QuND8AAAAASUVORK5CYII=)
|
||||
no-repeat scroll right 0.5rem center/1.25rem 1.25rem;
|
||||
}
|
||||
|
||||
/* ***************
|
||||
whishlist End
|
||||
******************/
|
||||
@@ -0,0 +1,471 @@
|
||||
/*------------------*
|
||||
# Blog Pages
|
||||
*------------------*/
|
||||
|
||||
/* 10. Blog Section CSS */
|
||||
|
||||
.blog-title {
|
||||
margin: 25px 0px 0px;
|
||||
|
||||
.title {
|
||||
color: $color-dark;
|
||||
font-size: 34px;
|
||||
font-weight: fontweight(medium);
|
||||
line-height: 1;
|
||||
padding-bottom: 20px;
|
||||
margin-bottom: 20px;
|
||||
position: relative;
|
||||
display: block;
|
||||
border-bottom: 1px solid $border-color;
|
||||
text-transform: capitalize;
|
||||
&::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: -1px;
|
||||
width: 60px;
|
||||
height: 2px;
|
||||
background: $theme-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* blog left sidebar */
|
||||
|
||||
.sidebar-widget .post-title {
|
||||
font-size: 20px;
|
||||
padding-bottom: 20px;
|
||||
margin-bottom: 20px;
|
||||
font-weight: fontweight(bold);
|
||||
position: relative;
|
||||
display: block;
|
||||
border-bottom: 1px solid $border-color;
|
||||
text-transform: capitalize;
|
||||
&::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: -1px;
|
||||
width: 60px;
|
||||
height: 2px;
|
||||
background: $theme-color;
|
||||
}
|
||||
}
|
||||
|
||||
.blog-search-form .form-control {
|
||||
height: 46px;
|
||||
border: 2px solid $theme-color;
|
||||
padding-right: 22%;
|
||||
@include max-screen(1200, 1500) {
|
||||
padding-right: 25%;
|
||||
}
|
||||
|
||||
@include max-screen(992, 1199) {
|
||||
padding-right: 30%;
|
||||
}
|
||||
|
||||
@include max-screen(768, 991) {
|
||||
padding-right: 10%;
|
||||
}
|
||||
|
||||
@include max-screen(576, 767) {
|
||||
padding-right: 15%;
|
||||
}
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.blog-media-list .sub-title {
|
||||
font-size: 14px;
|
||||
font-weight: fontweight(bold);
|
||||
}
|
||||
|
||||
.post-thumb img {
|
||||
width: 90px;
|
||||
height: 90px;
|
||||
object-fit: cover;
|
||||
object-position: center;
|
||||
}
|
||||
|
||||
.object-fit-none {
|
||||
object-fit: none;
|
||||
}
|
||||
|
||||
.font-style-normal {
|
||||
font-style: normal !important;
|
||||
}
|
||||
.section-title.underline-shape {
|
||||
& h2 {
|
||||
font-weight: 700;
|
||||
font-size: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.comment-section {
|
||||
margin-top: 30px;
|
||||
padding-top: 30px;
|
||||
border-top: 1px solid $border-color;
|
||||
}
|
||||
|
||||
.comment-section .title {
|
||||
text-transform: capitalize;
|
||||
color: $color-dark;
|
||||
line-height: 24px;
|
||||
|
||||
font-weight: fontweight(medium);
|
||||
font-size: 1.25rem;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.comment-section .sub-title {
|
||||
text-transform: capitalize;
|
||||
color: $color-dark;
|
||||
line-height: 24px;
|
||||
|
||||
font-weight: fontweight(medium);
|
||||
font-size: 1.25rem;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.comment-section span {
|
||||
display: block;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
.comment-section p {
|
||||
margin: 30px 0;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.reply {
|
||||
color: $color-dark;
|
||||
}
|
||||
|
||||
.reply:hover {
|
||||
color: $theme-color;
|
||||
}
|
||||
|
||||
.avatar {
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
.section-title.underline-shape {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.blog-post-media {
|
||||
overflow: hidden;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.blog-image img {
|
||||
width: 100%;
|
||||
height: 300px;
|
||||
object-fit: cover;
|
||||
object-position: center;
|
||||
}
|
||||
.single-blog.blog-image img {
|
||||
height: auto;
|
||||
}
|
||||
.blog-post-media iframe {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
height: 300px;
|
||||
}
|
||||
.blog-title {
|
||||
font-size: 30px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.blog-title a:hover {
|
||||
color: $theme-color;
|
||||
}
|
||||
.blog-page-meta li a:hover {
|
||||
color: $theme-color;
|
||||
}
|
||||
.blog-page-meta li {
|
||||
display: inline-block;
|
||||
}
|
||||
.blog-page-meta li a {
|
||||
display: block;
|
||||
color: #565656;
|
||||
}
|
||||
.blog-page-meta li:first-child:after {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: -9px;
|
||||
left: auto;
|
||||
background: #555;
|
||||
content: "";
|
||||
width: 1px;
|
||||
height: 12px;
|
||||
margin-top: -6px;
|
||||
}
|
||||
.blog-page-meta li {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
}
|
||||
.blog-page-meta li:first-child {
|
||||
margin-right: 15px;
|
||||
}
|
||||
.blog-page-meta {
|
||||
margin: 10px 0;
|
||||
}
|
||||
.blog-post-content-inner p {
|
||||
margin: 20px 0;
|
||||
padding-top: 20px;
|
||||
border-top: 1px solid#ebebeb;
|
||||
}
|
||||
.blog-post-content-inner .read-more-btn:hover {
|
||||
color: $theme-color;
|
||||
padding-left: 5px;
|
||||
}
|
||||
.blog-gallery .slick-arrow i {
|
||||
font-size: 26px;
|
||||
color: #333;
|
||||
}
|
||||
.blog-gallery .slick-arrow {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-moz-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
-o-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
z-index: 99;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
-webkit-transition: all 0.3s linear;
|
||||
-moz-transition: all 0.3s linear;
|
||||
-ms-transition: all 0.3s linear;
|
||||
-o-transition: all 0.3s linear;
|
||||
transition: all 0.3s linear;
|
||||
cursor: pointer;
|
||||
}
|
||||
.blog-gallery .slick-arrow.next {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
.blog-gallery:hover .slick-arrow {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
left: 20px;
|
||||
}
|
||||
.blog-gallery:hover .slick-arrow.next {
|
||||
left: auto;
|
||||
right: 20px;
|
||||
}
|
||||
.blog-gallery .slick-slide img {
|
||||
width: 100%;
|
||||
height: 300px;
|
||||
object-fit: cover;
|
||||
object-position: center;
|
||||
}
|
||||
.single-post-content p {
|
||||
margin: 0 0 25px;
|
||||
}
|
||||
.single-post-content p.quate-speech {
|
||||
margin-left: 15px;
|
||||
@include min-screen(992) {
|
||||
margin-left: 60px;
|
||||
}
|
||||
padding: 10px 15px;
|
||||
line-height: 26px;
|
||||
font-style: italic;
|
||||
border-left: 3px solid$theme-color;
|
||||
}
|
||||
.tag-list li {
|
||||
display: inline-block;
|
||||
margin-left: 5px;
|
||||
color: $color-dark;
|
||||
}
|
||||
.tag-list li a {
|
||||
color: #565656;
|
||||
}
|
||||
.tag-list li a:hover {
|
||||
color: $theme-color;
|
||||
}
|
||||
.social li {
|
||||
display: inline-block;
|
||||
margin-left: 10px;
|
||||
font-size: 16px;
|
||||
color: $color-dark;
|
||||
}
|
||||
.social li a {
|
||||
color: #565656;
|
||||
}
|
||||
.social li a:hover {
|
||||
color: $theme-color;
|
||||
}
|
||||
span.title {
|
||||
font-weight: 700;
|
||||
color: $color-dark;
|
||||
}
|
||||
.blog-related-post .blog-title {
|
||||
font-size: 18px;
|
||||
@include max-screen(1024) {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
.blog-related-post {
|
||||
padding: 40px 0 30px 0;
|
||||
@include max-screen(767) {
|
||||
padding: 40px 0 0px 0;
|
||||
}
|
||||
border-top: 1px solid#ebebeb;
|
||||
border-bottom: 1px solid#ebebeb;
|
||||
}
|
||||
.blog-single-tags-share {
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
.comment-area .review-content {
|
||||
padding: 30px;
|
||||
border: 1px solid #ebebeb;
|
||||
}
|
||||
.comment-area {
|
||||
margin-top: 35px;
|
||||
}
|
||||
|
||||
.comment-heading {
|
||||
font-size: 24px;
|
||||
text-transform: capitalize;
|
||||
font-weight: 600;
|
||||
margin: 0 0 40px;
|
||||
}
|
||||
.blog-comment-form .comment-heading {
|
||||
margin: 0 0 10px;
|
||||
}
|
||||
.blog-comment-form p {
|
||||
margin: 0 0 30px;
|
||||
}
|
||||
|
||||
.review-name {
|
||||
h4 {
|
||||
font-size: 18px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
}
|
||||
.single-form input,
|
||||
.single-form textarea {
|
||||
padding: 2px 10px 2px 20px;
|
||||
background: transparent;
|
||||
border: 1px solid #e6e6e6;
|
||||
color: #333;
|
||||
}
|
||||
.single-form input {
|
||||
height: 45px;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
padding-left: 10px;
|
||||
font-size: 14px;
|
||||
color: $color-dark;
|
||||
width: 100%;
|
||||
margin-bottom: 15px;
|
||||
outline: none;
|
||||
}
|
||||
.single-form textarea {
|
||||
height: 180px;
|
||||
padding: 20px 10px 2px 20px;
|
||||
margin-bottom: 20px;
|
||||
width: 100%;
|
||||
outline: none;
|
||||
}
|
||||
.single-form input[type="submit"] {
|
||||
padding: 0 55px !important;
|
||||
line-height: 48px;
|
||||
width: auto;
|
||||
height: 48px;
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
text-transform: uppercase;
|
||||
background: $theme-color !important;
|
||||
color: #fff !important;
|
||||
transition: all 300ms linear;
|
||||
margin-top: 15px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.single-form input[type="submit"]:hover {
|
||||
background: $color-dark !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
.single-blog .blog-post-content-inner {
|
||||
padding: 30px 0 0;
|
||||
}
|
||||
|
||||
.comment-area .single-review.child-review {
|
||||
margin-bottom: 70px;
|
||||
}
|
||||
.single-review .review-img {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 90px;
|
||||
flex: 0 0 90px;
|
||||
margin: 0 15px 0 0;
|
||||
}
|
||||
|
||||
.single-review {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
margin: 0 0 50px;
|
||||
@include max-screen(767) {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
|
||||
.single-review .review-img {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 90px;
|
||||
flex: 0 0 90px;
|
||||
margin: 0 15px 0 0;
|
||||
@include max-screen(767) {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.single-review {
|
||||
img {
|
||||
max-width: 120px;
|
||||
}
|
||||
}
|
||||
|
||||
.single-form {
|
||||
label {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
.grid-view-list,
|
||||
.grid-view {
|
||||
.product-thumbnail {
|
||||
@include max-screen(767) {
|
||||
width: 100%;
|
||||
}
|
||||
a {
|
||||
display: block;
|
||||
.second-img {
|
||||
@include max-screen(767) {
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
img {
|
||||
display: block;
|
||||
margin: 0 auto 20px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.grid-view-list {
|
||||
.product-thumbnail {
|
||||
img {
|
||||
@include min-screen(767) {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
/********************************
|
||||
Blog Section End
|
||||
********************************/
|
||||
@@ -0,0 +1,123 @@
|
||||
/*------------------*
|
||||
# Shop Pages
|
||||
*------------------*/
|
||||
.tab-content .tab-pane.active .grid-view .product-card {
|
||||
animation: zoomIn 0.5s ease;
|
||||
animation-duration: 1s;
|
||||
}
|
||||
|
||||
.tab-content .tab-pane .grid-view-list .product-card {
|
||||
padding: 15px;
|
||||
}
|
||||
.tab-content .tab-pane.active .grid-view-list .product-card {
|
||||
animation: fadeInRight 0.5s ease;
|
||||
animation-duration: 1s;
|
||||
}
|
||||
|
||||
.grid-nav-wraper {
|
||||
padding: 10px 30px;
|
||||
@include max-screen(991) {
|
||||
padding: 10px 15px;
|
||||
}
|
||||
}
|
||||
|
||||
.shop-grid-nav .nav .nav-item {
|
||||
margin-right: 15px;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.total-products {
|
||||
font-weight: fontweight(regular);
|
||||
margin-left: 50px;
|
||||
line-height: 20px;
|
||||
font-size: 14px;
|
||||
padding: 5px;
|
||||
@include max-screen(991) {
|
||||
margin-left: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.shop-grid-nav .nav .nav-link {
|
||||
color: $color-dark;
|
||||
padding: 0;
|
||||
background: transparent;
|
||||
font-size: 18px;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.shop-grid-nav .nav .nav-link.active,
|
||||
.shop-grid-nav .nav .nav-link:hover {
|
||||
color: $theme-color;
|
||||
}
|
||||
|
||||
.shop-grid-button button {
|
||||
width: 100%;
|
||||
background: $color-white;
|
||||
padding: 2px 15px;
|
||||
line-height: 24px;
|
||||
font-size: 14px;
|
||||
color: $color-dark;
|
||||
text-align: left;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.shop-grid-button button span {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.shop-grid-menu {
|
||||
background: $color-white;
|
||||
width: calc(100% - 145px);
|
||||
border: 1px solid $border-color;
|
||||
}
|
||||
|
||||
.shop-grid-menu .dropdown-item {
|
||||
font-weight: fontweight(regular);
|
||||
line-height: 24px;
|
||||
font-size: 14px;
|
||||
padding: 3px 15px;
|
||||
color: $color-dark;
|
||||
}
|
||||
|
||||
.shop-grid-menu .dropdown-item:hover {
|
||||
background: $theme-color;
|
||||
color: $color-white;
|
||||
}
|
||||
|
||||
.sort-by {
|
||||
min-width: 70px;
|
||||
|
||||
font-weight: fontweight(regular);
|
||||
line-height: 20px;
|
||||
font-size: 14px;
|
||||
padding: 5px;
|
||||
color: $color-dark;
|
||||
margin-left: 50px;
|
||||
@include max-screen(991) {
|
||||
margin-left: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.product-list-des {
|
||||
padding: 15px 0;
|
||||
}
|
||||
|
||||
.availability-list p span {
|
||||
color: $theme-color;
|
||||
}
|
||||
|
||||
.grid-view-list {
|
||||
.product-desc .title {
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-select{
|
||||
padding: 0px 15px;
|
||||
height: 30px !important;
|
||||
border: 0px;
|
||||
font-size: 14px;
|
||||
}
|
||||
/*------------------*
|
||||
# Shop Pages End
|
||||
*------------------*/
|
||||
新しいイシューから参照
ユーザーをブロックする