File: //opt/Newsmag/style-woocommerce.css
/* ----------------------------------------------------------------------------
responsive settings
*/
/* responsive portrait tablet */
/* responsive portrait phone */
/* ----------------------------------------------------------------------------
module settings
*/
/* ----------------------------------------------------------------------------
header_menu settings
*/
/* ----------------------------------------------------------------------------
WooCommerce
*/
.woocommerce .entry-crumbs {
padding-top: 20px;
}
.woocommerce .button:active {
top: auto !important;
}
.woocommerce .woocommerce-message .button:active {
top: 11px !important;
}
.woocommerce .page-title {
font-size: 24px;
font-weight: 600;
line-height: 32px;
margin: 1px 0 20px;
}
.woocommerce .td-main-content .block-title {
margin: 20px 0;
}
.woocommerce .product img {
box-shadow: none !important;
}
.woocommerce .product .onsale {
background: none #4db2ec;
border-radius: 0;
box-shadow: none;
text-shadow: none;
margin: 0 !important;
padding: 4px;
line-height: 32px;
font-size: 12px;
}
.woocommerce .product:hover .woocommerce-loop-product__title {
color: #000000;
}
.woocommerce .tagged_as {
display: block;
}
.woocommerce .page-nav {
padding: 0;
}
.woocommerce .order_details li:before {
content: '';
}
.woocommerce .order_details {
/* responsive portrait phone */
}
@media (max-width: 767px) {
.woocommerce .order_details {
padding-left: 0;
}
}
.woocommerce .order_details li {
margin-top: 7px;
margin-bottom: 7px;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.woocommerce .order_details li {
width: 100%;
display: block;
margin-left: 0;
margin-right: 0;
border-right: none;
}
}
.woocommerce .payment_methods li:before {
content: '';
}
.woocommerce .product a.button,
.woocommerce .product #respond input#submit,
.woocommerce .checkout input#place_order,
.woocommerce .woocommerce.widget .button {
border: none;
box-shadow: none;
color: #ffffff;
background: none #222222;
font-size: 11px;
padding: 10px;
text-shadow: none;
border-radius: 3px;
/* responsive portrait tablet */
/* responsive portrait phone */
}
.woocommerce .product a.button:hover,
.woocommerce .product #respond input#submit:hover,
.woocommerce .checkout input#place_order:hover,
.woocommerce .woocommerce.widget .button:hover {
background-color: #4db2ec;
}
@media (min-width: 768px) and (max-width: 1023px) {
.woocommerce .product a.button,
.woocommerce .product #respond input#submit,
.woocommerce .checkout input#place_order,
.woocommerce .woocommerce.widget .button {
font-size: 10px;
padding: 8px;
}
}
@media (max-width: 767px) {
.woocommerce .product a.button,
.woocommerce .product #respond input#submit,
.woocommerce .checkout input#place_order,
.woocommerce .woocommerce.widget .button {
margin-top: 5px;
}
}
.woocommerce .star-rating {
height: 14px;
}
.woocommerce fieldset {
border: 0 !important;
margin: 30px 0 20px 0 !important;
padding: 0 !important;
}
.woocommerce fieldset legend {
font-weight: bold;
padding-left: 3px;
}
.woocommerce ul.products li.product a img {
margin: 0 0 8px;
}
.woocommerce ul.products li.product .price del {
display: inline-block;
}
.woocommerce ul.products li.product .button {
margin-top: 0;
}
.woocommerce .price del {
display: inline-block !important;
font-size: 0.75em !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
font-size: 13px;
font-weight: 600;
line-height: 19px;
padding-top: 0;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.woocommerce ul.products li.product .woocommerce-loop-product__title {
font-size: 21px;
line-height: 28px;
padding-bottom: 4px;
}
}
.woocommerce ul.products li.product .price {
font-weight: 600;
color: #111111;
font-size: 14px;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.woocommerce ul.products li.product .price {
font-size: 18px;
float: right;
display: inline-block;
margin-bottom: 0;
margin-top: 9px;
}
}
.woocommerce .form-row {
/* responsive portrait tablet */
}
@media (min-width: 768px) and (max-width: 1023px) {
.woocommerce .form-row {
font-size: 12px;
}
.woocommerce .form-row#billing_phone_field,
.woocommerce .form-row#billing_email_field {
float: none;
width: 100%;
}
}
.woocommerce .form-row .input-text {
font-size: 12px;
line-height: 21px;
color: #444444;
border: 1px solid #e6e6e6;
width: 100%;
max-width: 100%;
height: 34px !important;
padding: 3px 9px;
}
.woocommerce #tab-description ol li,
.woocommerce .entry-summary ol li {
list-style-type: decimal;
margin: 0 0 0 21px;
}
.woocommerce #tab-description ul li,
.woocommerce .entry-summary ul li {
margin: 0 0 0 21px;
}
.woocommerce-page ul .product {
float: left !important;
margin-right: 3.125% !important;
width: 31.25% !important;
/* responsive portrait phone */
}
.woocommerce-page ul .product.last {
margin-right: 0 !important;
}
.woocommerce-page ul .product:before {
content: '';
}
@media (max-width: 767px) {
.woocommerce-page ul .product {
margin: 0 0 20px 0 !important;
border-bottom: 1px dashed #f1f1f1;
padding-bottom: 20px !important;
width: 100% !important;
}
}
.woocommerce-page .product table td {
border: none !important;
}
.woocommerce-page .variations_button {
position: relative;
top: 10px;
}
.woocommerce-page .related ul li.product.last {
margin-right: 0 !important;
}
.woocommerce-page .related ul li.product.first {
clear: both;
}
.single-product .product {
margin-top: 8px;
}
.single-product .product .onsale {
line-height: 32px;
font-size: 12px;
left: 0;
top: 0;
}
.single-product .product ul.tabs li:before,
.single-product .product ul.tabs li:after {
display: none;
}
.single-product .product ul.tabs li {
box-shadow: none !important;
border: none !important;
background: none !important;
margin: 0 !important;
padding-left: 0 !important;
}
.single-product .product ul.tabs {
padding: 0 !important;
margin: 0 !important;
}
.single-product .product .panel h2,
.single-product .product .related h2:not(.woocommerce-loop-product__title) {
margin: 20px 0;
background-color: #222222;
border-radius: 3px;
color: #ffffff;
display: inline-table;
font-size: 11px;
font-weight: bold;
line-height: 16px;
padding: 2px 15px;
}
.single-product .product_title {
font-size: 28px;
line-height: 36px;
margin-bottom: 0;
}
.single-product .product .summary .price {
font-size: 24px;
color: #111111;
font-weight: 800;
margin: 20px 0 18px 0;
}
.single-product .product .summary .cart {
margin-top: 20px;
margin-bottom: 20px;
}
.single-product .product .summary .cart .button {
border: none;
box-shadow: none;
color: #ffffff;
background: none #222222;
font-size: 11px;
padding: 10px;
text-shadow: none;
border-radius: 3px;
}
.single-product .product .summary .cart .button:hover {
background-color: #4db2ec;
}
.single-product .product .summary .cart input.qty {
height: 31px;
}
.single-product .comment-form {
margin-top: 10px;
}
.single-product .images {
/* responsive portrait tablet */
}
@media (min-width: 768px) and (max-width: 1023px) {
.single-product .images {
width: 38% !important;
}
}
.single-product .images a {
margin-bottom: 3.8%;
}
.single-product .summary {
/* responsive portrait tablet */
}
@media (min-width: 768px) and (max-width: 1023px) {
.single-product .summary {
width: 58% !important;
}
}
.single-product .thumbnails {
/* responsive portrait tablet */
}
@media (min-width: 768px) and (max-width: 1023px) {
.single-product .thumbnails {
padding-top: 3.8% !important;
}
}
.woocommerce-page .related ul li.product {
float: left !important;
margin-right: 3.125% !important;
width: 31.25% !important;
clear: none;
/* responsive portrait phone */
}
.woocommerce-page .related ul li.product:last-child {
margin-right: 0 !important;
}
@media (max-width: 767px) {
.woocommerce-page .related ul li.product {
margin: 0 0 20px 0 !important;
border-bottom: 1px dashed #f1f1f1;
padding-bottom: 20px !important;
width: 100% !important;
}
}
.woocommerce-cart .woocommerce table {
border-collapse: collapse !important;
}
.woocommerce-cart .woocommerce .cart_totals table,
.woocommerce-cart .woocommerce .cart_totals th,
.woocommerce-cart .woocommerce .cart_totals td {
border: none !important;
}
.woocommerce-cart .woocommerce .cart_totals th {
width: 60% !important;
}
.woocommerce-cart .woocommerce .cart_totals tr {
border-bottom: 1px solid #e6e6e6;
}
.woocommerce-cart .woocommerce .product-name a {
color: #222222;
font-weight: bold;
}
.woocommerce-cart .woocommerce .cart_item td {
/* responsive portrait phone */
}
@media (max-width: 767px) {
.woocommerce-cart .woocommerce .cart_item td {
padding-left: 7px;
padding-right: 7px;
font-size: 11px;
}
}
.woocommerce-cart .woocommerce .product-thumbnail {
width: 46px;
}
.woocommerce-cart .woocommerce .coupon {
/* responsive portrait tablet */
/* responsive portrait phone */
}
.woocommerce-cart .woocommerce .coupon .input-text {
padding: 6px !important;
}
@media (min-width: 768px) and (max-width: 1023px) {
.woocommerce-cart .woocommerce .coupon {
float: left !important;
padding-bottom: 0 !important;
}
}
@media (max-width: 767px) {
.woocommerce-cart .woocommerce .coupon {
margin-bottom: 12px;
}
}
.woocommerce-cart .woocommerce .button {
/* responsive portrait tablet */
}
@media (min-width: 768px) and (max-width: 1023px) {
.woocommerce-cart .woocommerce .button {
width: auto !important;
}
}
.woocommerce-cart .woocommerce .actions {
padding: 10px 8px 0 8px !important;
/* responsive portrait tablet */
}
@media (min-width: 768px) and (max-width: 1023px) {
.woocommerce-cart .woocommerce .actions {
text-align: right !important;
}
}
.woocommerce-cart .woocommerce .actions .button {
margin-bottom: 9px;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.woocommerce-cart .woocommerce .actions .button {
width: 100% !important;
display: block;
}
}
.woocommerce-cart .woocommerce h2 {
font-size: 15px;
line-height: 21px;
font-weight: bold;
}
.woocommerce-cart .woocommerce table.cart .button,
.woocommerce-cart .woocommerce .shipping-calculator-form .button {
border: none;
box-shadow: none;
color: #ffffff;
background: none #222222;
font-size: 11px;
padding: 10px;
text-shadow: none;
border-radius: 3px;
}
.woocommerce-cart .woocommerce table.cart .button:hover,
.woocommerce-cart .woocommerce .shipping-calculator-form .button:hover {
background-color: #4db2ec;
}
.woocommerce-cart .woocommerce .product-price,
.woocommerce-cart .woocommerce .product-subtotal {
text-align: right !important;
}
.woocommerce-cart .woocommerce .calculated_shipping td {
text-align: right;
}
.woocommerce-cart .woocommerce a.remove {
line-height: 17px !important;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.woocommerce-cart .woocommerce a.remove {
line-height: 15px !important;
}
}
.woocommerce-cart .woocommerce #coupon_code {
width: 100px !important;
height: 31px;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.woocommerce-cart .woocommerce #coupon_code {
width: 100% !important;
margin-bottom: 7px;
}
}
.woocommerce-account {
font-family: 'Open Sans', arial, sans-serif;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
margin-bottom: 38px;
}
.woocommerce-account .woocommerce-MyAccount-navigation a {
color: #111;
}
.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
text-decoration: none;
color: #4db2ec;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
list-style: none;
box-shadow: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation li {
line-height: 30px;
list-style: none;
margin-left: 12px;
}
.woocommerce-account .woocommerce-MyAccount-navigation li li {
margin-left: 21px;
}
.woocommerce .woocommerce-message:before,
.woocommerce .woocommerce-error:before,
.woocommerce .woocommerce-info:before {
border-radius: 3px !important;
box-shadow: none !important;
display: block !important;
height: 31px !important;
left: 0 !important;
line-height: 31px !important;
margin: 0 !important;
padding: 0 !important;
position: absolute !important;
top: 11px !important;
width: 31px !important;
font-size: 21px !important;
text-shadow: none !important;
}
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info {
font-size: 12px;
line-height: 21px;
border-bottom: 1px solid #e6e6e6 !important;
border-top: 1px solid #e6e6e6 !important;
background: none !important;
box-shadow: none !important;
border-radius: 0 !important;
margin: 0 !important;
padding: 16px 120px 16px 40px !important;
}
.woocommerce .woocommerce-message:before,
.woocommerce .woocommerce-error:before,
.woocommerce .woocommerce-info:before {
padding-top: 0 !important;
}
.woocommerce .woocommerce-message .button,
.woocommerce .woocommerce-error .button,
.woocommerce .woocommerce-info .button {
border: none !important;
box-shadow: none !important;
color: #ffffff !important;
background: none #222222 !important;
font-size: 11px !important;
padding: 10px !important;
text-shadow: none !important;
border-radius: 3px !important;
margin-left: 20px;
position: absolute;
right: 0;
top: 11px;
}
.woocommerce .woocommerce-message .button:hover,
.woocommerce .woocommerce-error .button:hover,
.woocommerce .woocommerce-info .button:hover {
background-color: #4db2ec !important;
}
.woocommerce table.shop_table,
.woocommerce-page table.shop_table {
border-collapse: collapse;
}
.woocommerce-checkout .woocommerce input.button,
.woocommerce-page .woocommerce a.button,
.woocommerce-account div.woocommerce .button {
border: none;
box-shadow: none;
color: #ffffff;
background: none #222222;
font-size: 11px;
padding: 10px;
text-shadow: none;
border-radius: 3px;
}
.woocommerce-checkout .woocommerce input.button:hover,
.woocommerce-page .woocommerce a.button:hover,
.woocommerce-account div.woocommerce .button:hover {
background-color: #4db2ec;
}
.woocommerce-product-search {
position: relative;
}
.woocommerce.widget img {
box-shadow: none !important;
width: 70px !important;
}
.woocommerce.widget li a {
line-height: 19px;
}
.woocommerce.widget.widget_shopping_cart li,
.woocommerce.widget.widget_products li,
.woocommerce.widget.widget_recently_viewed_products li,
.woocommerce.widget.widget_top_rated_products li,
.woocommerce.widget.widget_recent_reviews li {
margin-bottom: 11px;
}
.woocommerce.widget.widget_shopping_cart ins,
.woocommerce.widget.widget_products ins,
.woocommerce.widget.widget_recently_viewed_products ins,
.woocommerce.widget.widget_top_rated_products ins,
.woocommerce.widget.widget_recent_reviews ins {
background-color: transparent;
font-weight: bold;
}
.woocommerce.widget.widget_shopping_cart del,
.woocommerce.widget.widget_products del,
.woocommerce.widget.widget_recently_viewed_products del,
.woocommerce.widget.widget_top_rated_products del,
.woocommerce.widget.widget_recent_reviews del {
font-size: 10px;
}
.woocommerce.widget.widget_product_search .screen-reader-text {
display: none;
}
.woocommerce.widget.widget_product_search form div {
position: relative;
margin-top: 11px;
}
.woocommerce.widget.widget_product_search .block-title {
margin-bottom: 20px;
}
.woocommerce.widget.widget_product_search input[type="search"] {
height: 32px;
width: 95%;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
line-height: 21px;
color: #444444;
border: 1px solid #e6e6e6;
padding: 3px 9px 3px 9px;
box-sizing: border-box;
}
.woocommerce.widget.widget_product_search input[type="submit"] {
position: absolute;
right: 0;
bottom: 0;
border-radius: 0 3px 3px 0;
}
.woocommerce.widget .star-rating {
top: 3px;
}
.woocommerce.widget .ui-slider .ui-slider-handle {
box-shadow: none;
border-radius: 0;
border: 1px solid #ffffff;
background: none #4db2ec;
width: 15px;
height: 15px;
}
.woocommerce.widget .ui-slider-range {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5) !important;
box-shadow: none !important;
}
.woocommerce.widget .ui-slider {
background: none repeat scroll 0 0 rgba(50, 50, 50, 0.8) !important;
border-radius: 0 !important;
margin-bottom: 20px !important;
margin-top: 10px;
}
.woocommerce.widget.widget_layered_nav_filters ul li a {
background: none repeat scroll 0 0 #4db2ec !important;
border-color: transparent !important;
}
.td-footer-container .widget_product_search input[type="submit"] {
background-color: #444444;
}
.td-footer-container .woocommerce.widget .ui-slider-range {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5) !important;
}
.td-footer-container .woocommerce.widget .ui-slider {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3) !important;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
/* responsive portrait phone */
}
@media (width: 768px) {
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
clear: none;
}
}
.woocommerce ul.products li.product.first {
/* responsive portrait phone */
}
@media (width: 768px) {
.woocommerce ul.products li.product.first {
clear: left !important;
}
}
.woocommerce-page div.product div.summary {
/* responsive portrait phone */
}
@media (width: 768px) {
.woocommerce-page div.product div.summary {
float: right;
}
}
.woocommerce-page div.product div.images {
/* responsive portrait phone */
}
.woocommerce-page div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
padding-top: 16px;
}
@media (max-width: 767px) {
.woocommerce-page div.product div.images {
float: left;
}
}
.woocommerce-cart .woocommerce,
.woocommerce-checkout .woocommerce {
padding: 20px;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.woocommerce-cart .woocommerce,
.woocommerce-checkout .woocommerce {
padding: 10px;
}
}