/*
Theme Name:   	Meiji Electric Shop
Theme URI:    	
Author:       	Ryan Dayalo
Author URI:     
Template:     	storefront
Description:  	This is a child theme for Meiji Electric
Version:      	1.0.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/
/*
 * Add your own custom css below this text.
 */

/* = General
------------------------------------------------------- */

@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700");

body {
  font-family: "Source Sans Pro", sans-serif !important;
  font-weight: 300 !important;
}

p,
span,
h1,
h2,
h3,
h4,
h5 {
  color: #111;
}

a {
  color: #cb1f2b;
}

img {
  border-radius: 0;
}

#wpadminbar span.display-name {
  color: #fff;
}

button.single_add_to_cart_button,
.add_to_cart_button,
.wc-backward {
  background-color: #cb1f2b !important;
  padding: 10px 15px !important;
  transition: all ease 0.5s;
}

button.single_add_to_cart_button:hover,
.add_to_cart_button:hover,
.wc-backward:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  box-shadow: 0 3px 0 #a21922;
}

.added_to_cart,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  padding: 10px 15px !important;
  transition: all ease 0.5s;
}

.added_to_cart:hover {
  box-shadow: 0 3px 0 #999;
}

.woocommerce-breadcrumb {
  background-color: #cb1f2b;
  color: #fff;
}

.woocommerce-breadcrumb a,
.woocommerce-breadcrumb span {
  color: #fff;
}

.element-title-sub {
  text-align: center;
}

.right-sidebar .content-area {
  width: 70%;
  float: left;
  margin-right: 5%;
}

.right-sidebar .widget-area {
  width: 25%;
  float: right;
  margin-right: 0;
}

.home .content-area {
  width: 100%;
}

p.stars.selected a.active:before,
p.stars:hover a:before,
p.stars.selected a:not(.active):before,
p.stars.selected a.active:before,
.star-rating span:before {
  color: #ffce64;
}

ul.gform_fields {
  margin: 0;
  padding: 0;
}

ul.gform_fields .gfield {
  overflow: hidden;
  margin-bottom: 25px;
}

.gform_fields label {
  color: #454545;
}

.woocommerce select {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 10px;
  line-height: 1.5;
  color: #333;
  background-color: #fff;
  width: 100%;
  cursor: pointer;
  outline: 0;
}

.woocommerce select option {
  color: #7e7e7e;
  font-size: 12px;
  padding: 3px;
  border: 0px;
}

/* Undo the Firefox inner focus ring */
.woocommerce select:focus:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #454545;
}

/* Dropdown arrow */
.woocommerce select:after {
  position: absolute;
  top: 50%;
  right: 1.25rem;
  display: inline-block;
  content: "v";
  width: 0;
  height: 0;
  margin-top: -0.15rem;
  pointer-events: none;
  border-top: 0.35rem solid;
  border-right: 0.35rem solid transparent;
  border-bottom: 0.35rem solid transparent;
  border-left: 0.35rem solid transparent;
}

/* Hover state */
/* Uncomment if you need it, but be aware of the sticky iOS states.
.select select:hover {
  background-color: #ddd;
}
*/

/* Focus */
.woocommerce select select:focus {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #0074d9;
}

/* Active/open */
.woocommerce select select:active {
  color: #fff;
  background-color: #0074d9;
}

/* Hide the arrow in IE10 and up */
.woocommerce select select::-ms-expand {
  display: none;
}

/* Media query to target Firefox only */
@-moz-document url-prefix() {
  /* Firefox hack to hide the arrow */
  .woocommerce select {
    text-indent: 0.01px;
    text-overflow: "";
    padding-right: 1rem;
  }

  /* elements inherit styles from, so reset them. */
  .woocommerce select option {
    background-color: white;
  }
}

/* IE9 hack to hide the arrow */
@media screen and (min-width: 0\0) {
  .woocommerce select select {
    z-index: 1;
    padding: 0.5rem 1.5rem 0.5rem 1rem;
  }
  .woocommerce select:after {
    z-index: 5;
  }
  .woocommerce select:before {
    position: absolute;
    top: 0;
    right: 1rem;
    bottom: 0;
    z-index: 2;
    content: "";
    display: block;
    width: 1.5rem;
    background-color: #eee;
  }
  .woocommerce select select:hover,
  .woocommerce select select:focus,
  .woocommerce select select:active {
    color: #555;
    background-color: #eee;
  }
}
.site-header-cart .cart-contents::after {
  content: "" !important;
}

@media only screen and (max-width: 768px) {
  .right-sidebar .content-area,
  .right-sidebar .widget-area {
    width: 100%;
    float: none;
    margin-right: 0;
    margin-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .main-navigation ul ul {
    display: block;
    visibility: visible !important;
    opacity: 1 !important;
    max-height: unset !important;
  }
  ul.sub-menu > li {
    padding-left: 20px;
  }
}

/* = Sidebar
------------------------------------------------------- */

.widget .widget-title {
  text-transform: capitalize;
  color: #fff;
  margin-bottom: 0.6em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  background-color: #cb1f2b;
  padding: 0.7em;
  font-size: 120%;
  font-weight: 400;
}

.widget-area .widget a {
  color: #333;
  text-decoration: none !important;
}

.widget-area .widget a:hover,
.widget-area .widget a:focus {
  color: #cb1f2b;
}

.product_list_widget img {
  margin-left: 10px;
}

.product_list_widget .amount,
.product_list_widget .woocommerce-Price-currencySymbol {
  color: #cb1f2b;
}

.widget ul.product-categories li.cat-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding-bottom: 0.6em;
  margin-bottom: 0.6em;
}

.widget-area .widget {
  font-size: 0.8em;
}

.widget_product_categories ul li:before {
  padding-left: 1px;
}

/* = Navigation
------------------------------------------------------- */

.site-header {
  margin: 0 auto;
  padding-top: 15px;
}

.site-header .widget {
  margin-bottom: 0;
}

.storefront-primary-navigation .main-navigation ul.menu li a,
.storefront-primary-navigation .main-navigation ul.nav-menu li a {
  padding: 0.618em 1em;
  font-weight: 300;
  font-size: 100%;
}

.storefront-primary-navigation ul.site-header-cart li a {
  padding: 0.618em 0;
}

ul.sub-menu {
  width: 560px;
}

.main-navigation ul.menu ul.sub-menu {
  background-color: #f9f9f9;
}

ul.sub-menu li a:before {
  content: "\f0da";
  font-family: "FontAwesome";
  margin-right: 0.5407911001em;
  display: block;
  float: left;
  opacity: 0.35;
  margin-left: 0;
  width: 1em;
}

.sub-menu-columns ul.sub-menu li {
  display: inline-block;
  float: left;
  width: 275px;
}

.sub-menu-columns ul.sub-menu li:nth-child(odd) {
  float: left;
  margin-right: 10px;
}
.sub-menu-columns ul.sub-menu li:nth-child(even) {
  float: right;
}

.main-navigation ul ul li a,
.secondary-navigation ul ul li a {
  width: 275px;
}

@media only screen and (max-width: 768px) {
  .storefront-primary-navigation .main-navigation ul.menu li a,
  .storefront-primary-navigation .main-navigation ul.nav-menu li a {
    font-size: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding: 0.3em 1em;
  }

  .storefront-primary-navigation .main-navigation .menu-toggle span {
    display: none;
  }

  button.menu-toggle {
    background-color: #cb1f2b !important;
    height: 30px !important;
    margin-top: 15px !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 1.3em !important;
  }

  button.menu-toggle span:before,
  button.menu-toggle:after,
  button.menu-toggle:before {
    left: 0.8em !important;
    background-color: #fff !important;
  }

  ul.sub-menu {
    width: 100%;
  }

  .main-navigation ul ul {
    margin: 0;
  }

  .sub-menu-columns ul.sub-menu li {
    display: block;
    float: none;
    width: 100%;
  }
  .sub-menu-columns ul.sub-menu li:nth-child(odd) {
    float: none;
    margin-right: 0;
  }
  .sub-menu-columns ul.sub-menu li:nth-child(even) {
    float: none;
  }
}

/* = Footer
------------------------------------------------------- */

.meiji-footer {
  padding: 30px 0;
  background-color: #ebebeb;
  clear: both;
}

.meiji-footer p {
  margin: 0 auto;
  text-align: center;
  color: #fff;
}

.meiji-footer h2 {
  color: #333;
  font-size: 16pt;
}

.meiji-footer ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.meiji-footer ul li:first-of-type {
  padding-left: 0;
}

.meiji-footer ul li:last-of-type {
  padding: 0;
}

.meiji-footer ul li {
  display: inline-block;
  padding-right: 10px;
}

.meiji-footer ul li img {
  max-height: 35px;
}

.copyright {
  background-color: #333;
  padding: 10px;
  text-align: center;
}

.copyright p {
  margin: 0;
  color: #fff;
  font-size: 11pt;
}

.copyright a {
  color: #fff;
  font-size: 11pt;
}

.footer-about,
.icon-left,
.icon-right {
  margin-bottom: 30px;
}

.footer-about p {
  font-size: 11pt;
  color: #333;
  text-align: left;
}

@media only screen and (max-width: 768px) {
  .meiji-footer {
    padding: 1em 0 5.5em;
  }

  .meiji-footer p {
    font-size: 80%;
  }

  .icon-left,
  .icon-right {
    float: none !important;
  }
}

/* = Homepage
------------------------------------------------------- */

h2.woocommerce-loop-product__title,
span.price {
  margin-bottom: 0 !important;
}

.yotpo {
  margin-bottom: 1rem;
}

.post-24 p {
  color: #fff;
}

h2.section-title {
  color: #cb1f2b;
}

ul.products li.type-product a img,
ul.products li.type-product a img {
  border-radius: 0;
  width: 231px;
  height: 231px;
  background-color: #fff;
  object-fit: cover;
}

.storefront-product-categories ul.products li.product-category a img:hover {
  box-shadow: 0 0 10px #d0d0d0;
}

.storefront-product-categories
  ul.products
  li.product-category:hover
  ul.products
  li.type-product,
ul.products li.type-product {
  background-color: #fff;
  padding-bottom: 20px;
  min-height: 410px;
  transition: all ease 0.5s;
}

ul.products li.type-product:hover,
ul.products li.type-product:hover {
  box-shadow: 0 0 10px #d0d0d0;
}

.storefront-product-section .section-title {
  margin-bottom: 0.3em;
}

.storefront-product-categories .section-title {
  margin-bottom: 1em;
}

.woocommerce-Price-amount,
.woocommerce-Price-currencySymbol {
  font-size: 130%;
  color: #cb1f2b;
}

.page-id-5 .woocommerce-Price-amount,
.page-id-5 .woocommerce-Price-currencySymbol,
.page-id-6 .woocommerce-Price-amount,
.page-id-6 .woocommerce-Price-currencySymbol {
  font-size: 100%;
}

.home .product-category mark.count {
  display: none;
}

ul.products li.product .woocommerce-loop-product__title,
ul.products li.product.product-category .woocommerce-loop-category__title {
  font-weight: 300;
  font-size: 1.3em;
}
ul.products li.type-product a img,
ul.products li.type-product a img {
  width: 100%;
  object-fit: contain;
}

@media only screen and (max-width: 768px) {
  ul.products li.type-product a img,
  ul.products li.type-product a img {
    width: 100%;
    height: 100%;
  }

  ul.products li.type-product,
  ul.products li.type-product {
    min-height: 330px;
  }

  .post-24 h1.entry-title {
    font-size: 200%;
  }

  .storefront-product-categories ul.products li.product-category a img {
    width: 100%;
  }

  ul.products li.product {
    margin-bottom: 2.5em;
  }
  ul.sub-menu > li > a {
    width: 100% !important;
  }
}

/* = Single Product Page
------------------------------------------------------- */

.single-product div.product p.price {
  margin: 1rem 0;
}

.single-product div.product .woocommerce-product-gallery .flex-viewport {
  margin-bottom: 2%;
}

.single-product
  div.product
  .woocommerce-product-gallery
  .flex-control-thumbs
  li:first-of-type,
.single-product
  div.product
  .woocommerce-product-gallery
  .flex-control-thumbs
  li:not(:first-of-type) {
  width: 23.5%;
  margin-right: 2%;
  margin-bottom: 2%;
}

.single-product
  div.product
  .woocommerce-product-gallery
  .flex-control-thumbs
  li:last-of-type,
.single-product
  div.product
  .woocommerce-product-gallery
  .flex-control-thumbs
  li:nth-child(4n) {
  width: 23.5%;
  margin: 0 0 2%;
}

#respond {
  padding: 0;
}

#reviews .comment_container img {
  display: none;
}

#reviews .commentlist li .comment_container .comment-text {
  width: 100%;
  float: none;
  margin: 0 auto;
}

#reviews ol.commentlist li.comment {
  margin-bottom: 1em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.yotpo .yotpo-small-box {
  border-bottom: none !important;
}

.home .yotpo .pull-left,
.archive .yotpo .pull-left {
  float: none;
  text-align: center;
}

.yotpo-bottomline a.text-m {
  padding-left: 3px !important;
  color: #999 !important;
}

.woocommerce-account .content-area .woocommerce-form-login {
  width: 100% !important;
  padding-bottom: 70px;
}

.entry-header h1 {
  /*color:white!important;*/
  color: #000;
}

ul.sub-menu li a:before {
  content: "\003e" !important;
}

.woocommerce-breadcrumb {
  display: none;
}

.storefront-primary-navigation ul.site-header-cart li a {
  padding: 2px 0px;
}

ul.products li.product .woocommerce-LoopProduct-link {
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
}

ul.products li.product .woocommerce-LoopProduct-link:hover,
ul.products li.product .woocommerce-LoopProduct-link:focus {
  text-decoration: none;
  color: #cb1f2b;
}

.page-template-template-homepage-php
  .site-main
  ul.products.columns-3
  li.product
  > a {
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
}

.page-template-template-homepage-php
  .site-main
  ul.products.columns-3
  li.product
  > a:hover,
.page-template-template-homepage-php
  .site-main
  ul.products.columns-3
  li.product
  > a:focus {
  /*color: #cb1f2b!important;*/
  text-decoration: none !important;
}

.page-template-template-homepage-php
  .site-main
  ul.products.columns-3
  li.product
  > a:hover
  ul.products
  li.product.product-category
  .woocommerce-loop-category__title,
.page-template-template-homepage-php
  .site-main
  ul.products.columns-3
  li.product
  > a:focus
  ul.products
  li.product.product-category
  .woocommerce-loop-category__title {
  color: #cb1f2b !important;
}

li.is-active > a {
  /*background-color: #ff000026;*/
  color: black;
  font-weight: 600;
}

li.is-active > a {
  transition: 0.4s;
  -moz-transition: 0.4s;
  -webkit-transition: 0.4s;
}

li.is-active > a:hover,
li.is-active > a:focus {
  color: black;
  text-decoration: none;
}
.woocommerce-MyAccount-navigation ul > li:not(.is-active) > a {
  transition: 0.4s;
  -moz-transition: 0.4s;
  -webkit-transition: 0.4s;
}

.woocommerce-MyAccount-navigation ul > li:not(.is-active) > a:hover,
.woocommerce-MyAccount-navigation ul > li:not(.is-active) > a:focus {
  /*background-color: #ff000026;*/
  text-decoration: none;
  color: black;
}

header.woocommerce-Address-title > a,
td.woocommerce-orders-table__cell > a,
div.woocommerce-MyAccount-content > p > a {
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

header.woocommerce-Address-title > a:hover,
header.woocommerce-Address-title > a:focus,
td.woocommerce-orders-table__cell > a:hover,
td.woocommerce-orders-table__cell > a:focus,
div.woocommerce-MyAccount-content > p > a:hover,
div.woocommerce-MyAccount-content > p > a:focus {
  color: #cb1f2b;
  /*text-decoration: none;*/
}

.page-id-6 .woocommerce-input-wrapper {
  width: 100%;
  display: inline-block;
}

.page-id-6 #order_comments {
  height: 145px;
}

.page-id-7 #post-7 .form-row {
  flex-direction: column;
}