File: /home/ateliug/www/wp-content/themes/perfect-portfolio/css/build/woocommerce-style.css
/*==============================
WOOCOMMERCE STYLESHEET
==============================*/
.woocommerce .woocommerce-ordering select {
height: 45px;
padding-left: 10px;
}
.archive-description p {
margin-top: 0;
margin-bottom: 20px;
}
.woocommerce .page-header .page-title {
margin-bottom: 40px;
}
.woocommerce span.onsale {
background-color: #05d584;
font-weight: 400;
font-size: 0.75em;
}
.woocommerce ul.products li.product .price {
color: #05d584;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
font-weight: 400;
font-size: 0.75em;
padding: 15px 25px;
letter-spacing: 1px;
min-height: 50px;
}
.woocommerce nav.woocommerce-pagination ul {
width: auto;
height: auto;
border: none;
line-height: normal;
font-weight: 600;
}
.woocommerce nav.woocommerce-pagination ul li {
border-right: none;
padding: 5px;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
font-weight: 500;
line-height: 40px;
padding: 0;
}
.woocommerce nav.woocommerce-pagination ul li .next.page-numbers,
.woocommerce nav.woocommerce-pagination ul li .prev.page-numbers {
width: 40px;
height: 40px;
line-height: 40px;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
background: #05d584;
color: #fff;
}
.woocommerce div.product div.summary {
margin-top: 0;
}
.woocommerce div.product .product_title {
font-size: 1.5em;
margin-bottom: 0;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
margin-top: 0;
color: #05d584;
margin-bottom: 20px;
}
.woocommerce div.product form.cart table {
font-size: 0.8em;
}
.woocommerce div.product form.cart .variations label {
display: inline-block;
vertical-align: text-top;
color: #1c1b1b;
}
.woocommerce div.product form.cart .variations select {
height: 45px;
font-size: 16px;
padding-left: 10px;
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
background-color: #f5f5f5;
color: #1c1b1b;
}
.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
padding: 15px 25px;
line-height: 1.3;
letter-spacing: 1px;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt:disabled[disabled]:hover {
background-color: #05d584;
color: #fff;
}
.product_meta {
font-size: 0.8em;
}
.product_meta > span {
display: block;
margin-top: 10px;
font-weight: 400;
}
.product_meta > span span,
.product_meta > span a {
margin-left: 10px;
display: inline-block;
}
.product_meta > span a {
color: #676767;
text-decoration: underline;
}
.product_meta > span a:hover {
color: #1c1b1b;
text-decoration: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
font-weight: 500;
font-size: 0.8em;
}
.woocommerce div.product .woocommerce-tabs h2 {
font-size: 1.2em;
margin-top: 0;
}
.woocommerce table.shop_attributes tr:nth-child(2n) th {
background: #05d584;
}
.woocommerce table.shop_attributes td {
padding-left: 20px;
padding-right: 20px;
text-align: left;
}
.woocommerce #review_form #respond {
text-align: left;
}
.single-product .comment-respond .comment-reply-title {
margin-bottom: 10px;
display: block;
font-size: 1.2em;
}
.single-product .related.products h2 {
font-size: 1.5em;
margin-bottom: 30px;
}
.woocommerce-cart .site-content,
.woocommerce-checkout .site-content,
.woocommerce-account .site-content {
margin-bottom: 120px;
}
.select2-container--default .select2-selection--single {
border: 2px solid #f8f8f8;
height: 50px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 50px;
font-size: 16px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 50px;
}
.woocommerce-checkout .checkout .col-2 h3#ship-to-different-address {
font-size: 0.8em;
font-weight: 400;
text-decoration: underline;
}
.woocommerce-checkout .checkout .col-2 h3#ship-to-different-address:hover {
text-decoration: none;
}
.woocommerce-checkout .checkout .col-2 h3#ship-to-different-address #ship-to-different-address-checkbox {
margin-right: 10px;
}
.woocommerce form .form-row .required {
font-weight: 300;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
border: 1px solid #d8d8d8;
border-radius: 5px;
overflow: hidden;
}
.woocommerce-account #primary .woocommerce-MyAccount-navigation ul {
margin-bottom: 0;
padding: 0;
list-style: none;
}
.woocommerce-account #primary .woocommerce-MyAccount-navigation ul li {
margin-bottom: 0;
}
.woocommerce-account #primary .woocommerce-MyAccount-navigation ul li:before {
display: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
display: inline-block;
padding: 15px 20px;
border-bottom: 1px solid #d8d8d8;
width: 100%;
color: #4a4a4a;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child a {
border-bottom: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
background: #f5f5f5;
color: #1c1b1b;
}
.woocommerce-account .woocommerce-MyAccount-content {
padding-left: 30px;
}
.woocommerce-account .woocommerce-MyAccount-content a:hover {
text-decoration: underline;
}
.woocommerce-account #primary .woocommerce-Address h3 {
font-size: 0.9em;
}
.woocommerce-account .addresses .title .edit {
font-size: 14px;
font-weight: 600;
}
.woocommerce-account .woocommerce button.woocommerce-Button.button {
margin-top: 30px;
}
.comment-text .woocommerce-review__author {
text-transform: capitalize;
color: #1c1b1b;
}
.widget ul li .children {
margin-top: 20px;
margin-left: 20px;
}
.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img {
width: 80px;
}
.woocommerce-store-notice, p.demo_store {
background-color: #05d584;
padding: 5px 0;
font-size: 0.8em;
}
.woocommerce-store-notice__dismiss-link {
font-weight: 500;
margin-left: 5px;
}
.woocommerce-store-notice__dismiss-link:hover {
color: #1c1b1b;
}
.woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
width: 250px;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
font-size: 1em;
}
/*========================
PRODUCT SEARCH WIDGET
========================*/
form.woocommerce-product-search:before,
form.woocommerce-product-search:after {
content: "";
display: table;
}
form.woocommerce-product-search:after {
clear: both;
}
form.woocommerce-product-search {
border: 1px solid #ececec;
background: #fff;
}
.woocommerce-product-search input.search-field {
float: left;
width: calc(100% - 40px);
border: none;
border-radius: 0;
background: none;
font-size: 16px;
font-weight: 400;
letter-spacing: 0.6px;
}
.woocommerce-product-search button[type="submit"] {
position: relative;
float: left;
width: 40px;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 16px;
cursor: pointer;
overflow: hidden;
padding: 0;
background: none;
text-indent: 50px;
}
.woocommerce-product-search button[type="submit"]:hover {
color: #05d584;
}
.woocommerce-product-search button[type="submit"]::before {
content: "\f002";
font-family: fontawesome;
font-weight: 400;
position: absolute;
top: 0;
left: 0;
right: 0;
text-indent: 0;
}
/*=============================
PRICE FILTER WIDGET
=============================*/
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
background-color: #1c1b1b;
height: 5px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
background-color: #05d584;
height: auto;
top: -3px;
bottom: -3px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
width: 20px;
height: 20px;
background-color: #fff;
border: 5px solid #05d584;
top: -8px;
box-shadow: 0px 0px 8px rgba(0,0,0,0.35);
}
/*===============================
PRODUCT TAG CLOUD WIDGET
===============================*/
.widget_product_tag_cloud .tagcloud a {
display: inline-block;
vertical-align: middle;
background: rgba(0,0,0,0.03);
border-radius: 40px;
font-size: 13px !important;
font-weight: 500;
padding: 7px 20px;
margin-right: 5px;
margin-bottom: 10px;
}
.widget_product_tag_cloud .tagcloud a:hover {
background: #05d584;
color: #fff;
}
/*==========================
RTL LAYOUT
==========================*/
.rtl .woocommerce-product-search input.search-field {
float: right;
}
.rtl.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a,
.rtl.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span {
direction: ltr;
display: inline-block;
}
.rtl.woocommerce nav.woocommerce-pagination ul li {
border-left: none;
}
.rtl .woocommerce .prev.page-numbers,
.rtl .woocommerce .next.page-numbers {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
@media screen and (max-width: 540px) {
.woocommerce-cart .woocommerce .shop_table td .coupon .button {
padding-left: 10px;
padding-right: 10px;
}
}