/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/


/*Add your own styles here:*/

/* 
  共通
*/
h1#head_title {
	display: inline;
	font-size: 12px;
	color: #333;
	font-weight: normal;
}

@media only screen and (max-width: 767px) {
  h1#head_title {
	display: block;
	text-align:center;
  }
}

/* 商品ページの文字サイズ */
.single-product .woocommerce-tabs, .single-product .summary  {
    font-size:15px;
}

#top.single.single-product .price span.amount {
    font-size:20px;
}



/* ヘッダーのカートアイコンサイズ*/
/* ul#menu-item-shop.cart_dropdown li.cart_dropdown_first a.cart_dropdown_link span { */
li.cart_dropdown_first a.cart_dropdown_link span {
        font-size:300%;
}

/* 検索用の虫眼鏡のアイコンサイズ*/
#top .menu-item-search-dropdown > a, #searchform #searchsubmit, .ajax_search_image, .iconfont {
    	font-size:27px;
}

/* 法人価格用の文字調整(Dynamic pricing plugin) */
#top #wrap_all ins::before {
    content: " ";
    display: inline-block;
    font-size: 20px;
    line-height: 12px;
    padding: 0 7px 0 3px;
    text-decoration: none;
}

/* 
Top page: 
*/
/* 新着情報 サムネイル画像 */
#top .fullsize .template-blog .blog-meta {
	float: left;
}
#top .fullsize .template-blog .post .entry-content-wrapper {
	margin-left:6em;
}
#top .fullsize .template-blog .post .entry-content-wrapper .entry-content p {
	margin:0.15em 0	
}
#top .fullsize .template-blog .post-title {
	padding: 5px 0;
}
.flex_column .template-blog .post_delimiter {
	padding:0;
}

/* ヘッダーメニューのズレを調整 */
@media only screen and (min-width: 900px) {
  li#menu-item-8414 div.avia_mega_div.avia_mega2.six.units {
      	left: -200px !important; /* 競走馬 */
  }
  li#menu-item-8413 div.avia_mega_div.avia_mega2.six.units {
    	left: -230px !important; /* 馬具 */
  }
}


/* ページ下、mail登録フォームの完了メッセージカラー */
h3.avia-form-success  {
	color:#c3512f !important ;
}


/* 馬のクリッカブルマップを消す */
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    /* トップページの馬のクリッカブルマップ */
    #av-layout-grid-2 .avia-builder-el-37 {
	display : none !important;
    }

    /* カテゴリーページ（馬具）の馬のクリッカブルマップ */
    .page-id-1002 .avia-builder-el-3 {
	display : none !important;
    }
}

/* 右サイドバーの価格フィルター */
.widget_price_filter form div.price_slider_wrapper div.price_slider.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all div.ui-slider-range.ui-widget-header.ui-corner-all {
    background-color: #ccc;
}
#top .widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle {
    background-color: #e3816f;
    color: #666;
}


/*
woocommerce-advanced-product-labels プラグイン
Sale, NEWのラベルの位置を調整
*/

.wapl-flash.wapl-alignleft  {
        left: -8px;
}
.wapl-flash.wapl-alignnone,
.wapl-flash.wapl-alignright {
        right: -2px;
}


/*
 * 決済ページ
 */
/* 郵便番号（請求先&配送先）の幅を狭める */
#billing_postcode_field,
#shipping_postcode_field {
  max-width: 150px;   /* デスクトップでは200px程度 */
}

#billing_postcode_field .input-text,
#shipping_postcode_field .input-text {
  width: 100%;
  font-size:16px;
  line-height: 20px;
}
#billing_state_field, #shipping_state_field {
    width: 35%
}
#billing_city_field, #shipping_city_field {
    width: 60%
}
.select2-container .select2-selection--single {
  height: 39px;
  margin: 0 0 -4px;
  font-size: 16px;
}
#top label {
  font-weight: bold;
  font-size: 1.1em;
  margin-bottom: 2px;
}
#top div form .form-row input.input-text, #top div #content .form-row input.input-text, #top div form .form-row textarea, #top div #content .form-row textarea {
  font-size: 16px;
  line-height: 20px;
  border-radius: 4px;
  border-color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 10px 5px 0 5px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 4px;
  right: 5px;
  width: 20px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-top: 4px;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#top label span, #top legend span {
  font-weight: normal;
  font-size: 16px;
  color: #444;
}
#top .form-row .required {
  font-weight: bold;
  color: #c3512f;
}
table.shop_table th {
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  padding: 9px 12px;
}
div table.shop_table td {
  padding: 6px 12px;
  vertical-align: middle;
  font-size: 16px;
}
html body div#root div.p-HeightObserverProvider div.p-HeightObserverProvider-container div.p-PaymentElement.de7zKgf4__p-Root.p-Locale-ja.p-Animatable.p-LTR div.FadeWrapper div.Fade div.Fade-item div.p-Tabs-container div#card-panel.p-Tabs-panel div.p-Tabs-group div form div div div.p-Grid.p-CardForm div.p-GridCell.p-GridCell--12.p-GridCell--xs12.p-GridCell--md12.p-GridCell--lg6.p-FieldsetCell div.p-Field label.p-FieldLabel.Label {
  font-size:15px;
}

.checkout-inline-error-message {
  color: var(--enfold-main-color-primary);
}

/* カートの住所変更（送料計算）を消す */
table.shop_table.shop_table_responsive tr.woocommerce-shipping-totals.shipping td form.woocommerce-shipping-calculator a.shipping-calculator-button {

  display:none;
}

/* スマホでは全幅に戻す */
@media (max-width: 768px) {
  #billing_postcode_field,
  #shipping_postcode_field {
    max-width: 50%;
  }
}

/* 商品ページのボタン色 */
#ivpa-content .ivpa_attribute.ivpa_text.ivpa_border .ivpa_term.ivpa_active.ivpa_clicked, 
#ivpa-content .ivpa_attribute.ivpa_text.ivpa_border .ivpa_term.ivpa_active.ivpa_clicked.ivpa_outofstock
{
  outline-color: #333 !important;
  border-color: #333 !important;
  color: #fff !important;
  background-color: #333;
}
