/* 
 Theme Name:     Child Theme for Divi
 Author:         Bluefoot Design
 Author URI:     https://bluefoot.design/ 
 Template:       Divi
 Version:        1.4.0
*/

/*

    Blue   #044A96
    Yellow #EFB817
    Gray   #84A4B6

*/

.entry-content ol li {
    list-style-position: outside !important;
    margin-left: 1em;
}

/*  ---- テーブルのスタイルを再定義 ----  */

.entry-content table {
	width: 100%;
	margin-bottom: 1rem;
	border-radius: 0;
	font-size: 12px;
}

.entry-content table thead,
.entry-content table tbody,
.entry-content table tfoot {
	border: 1px solid #eee;
	background-color: transparent;
}

.entry-content table th,
.entry-content table td {
	border:  1px solid #eee;
}

.entry-content table.no-border,
.entry-content table.no-border thead,
.entry-content table.no-border tbody,
.entry-content table.no-border tfoot,
.entry-content table.no-border tr,
.entry-content table.no-border th,
.entry-content table.no-border td {
	border:  none;
}

.entry-content table caption {
	font-weight: bold;
	padding: 0.5rem;
}

.entry-content table thead,
.entry-content table tfoot {

}

.entry-content table thead tr,
.entry-content table tfoot tr {
	background: transparent;
}

.entry-content table thead tr th,
.entry-content table thead tr td,
.entry-content table tfoot tr th,
.entry-content table tfoot tr td {
	padding: 0.3rem;
	font-weight: bold;
	text-align: center;
}

.entry-content table.odd-even tbody tr:nth-child(even) td,
.entry-content table.odd-even tbody tr:nth-child(even) th {
	background-color: #f9f9f9;
}

.entry-content table.no-even tbody tr:nth-child(even) td,
.entry-content table.no-even tbody tr:nth-child(even) th {
	background-color: transparent;
}

.entry-content table tr th,
.entry-content table tr td {
	padding: 0.3rem;
	text-align: left;
    background-color: transparent;
}

.entry-content table tbody.right tr th,
.entry-content table tbody.right tr td,
.entry-content table th.right,
.entry-content table td.right {
	text-align: right;
}

.entry-content table tbody.center tr th,
.entry-content table tbody.center tr td,
.entry-content table th.center,
.entry-content table td.center {
	text-align: center;
}

.entry-content table tbody.top tr th,
.entry-content table tbody.top tr td,
.entry-content table th.top,
.entry-content table td.top {
	vertical-align: top;
}

.entry-content .table-scroll {
	overflow-x: auto; 
}
.entry-content .table-scroll table {
	width: 100%;
}

.entry-content .scroll-note {
	margin-bottom: .5rem;
	font-size: 12px;
	text-align: center;
}

.entry-content fieldset {
	margin: 1rem 0;
	padding: 1rem;
	border: #eee 2px solid;
}
.entry-content fieldset table tbody tr td {
	padding: 0.5rem 1rem 1.5rem;
}

/* モバイルメニューのオープン時のクローズボタンを「Ｘ」に変更 */
.mobile_nav.opened .mobile_menu_bar::before {
	content: "\4d" !important;
}


/*  Blog Module のサムネイルサイズを変更して左にフロートさせる （インデックスページの場合） */

.et_pb_posts .et_pb_post a.entry-featured-image-url,
.archive .et_pb_post a.entry-featured-image-url, 
.search .et_pb_post a.entry-featured-image-url {
	display: block;
	width: 200px !important;
	/* height: 150px !important; */
	overflow: hidden;
	float: left;
	padding: 0 20px 0 0;
	margin: 0;
	-moz-transition: opacity .5s ease;
	-webkit-transition: opacity .5s ease;
	-o-transition: opacity .5s ease;
	-ms-transition: opacity .5s ease;
	transition: opacity .5s ease;
}

.et_pb_posts .et_pb_post a.entry-featured-image-url:hover,
.archive .et_pb_post a.entry-featured-image-url:hover, 
.search .et_pb_post a.entry-featured-image-url:hover {
	opacity: 0.5;
}

.et_pb_posts .et_pb_post a.entry-featured-image-url img,
.archive .et_pb_post a.entry-featured-image-url img, 
.search .et_pb_post a.entry-featured-image-url img {
	border: 1px #999 solid;
}

.et_pb_posts .et_pb_post,
.archive .et_pb_post, 
.search .et_pb_post {
	clear: both;
	margin-bottom: 2rem;
	padding-bottom: 1rem;
	border-bottom: #d0d0d0 1px solid;
}

.et_pb_posts .et_pb_post .entry-title a,
.archive .et_pb_post .entry-title a, 
.search .et_pb_post .entry-title a {
	-moz-transition: opacity .5s ease;
	-webkit-transition: opacity .5s ease;
	-o-transition: opacity .5s ease;
	-ms-transition: opacity .5s ease;
	transition: opacity .5s ease;
}

.et_pb_posts .et_pb_post .entry-title a:hover,
.archive .et_pb_post .entry-title a:hover, 
.search .et_pb_post .entry-title a:hover {
	opacity: 0.5;
}

/*
a.more-link {
	display: block;
	width: 7em;
	margin: 0 0 1em 0;
	padding: 5px;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	background-color: #f4d000;
}

a.more-link:hover {
	background-color: #C5A050;
}


.more-link:after {
	font-size: 12px;
	font-family: 'ETmodules';
	content: "\24";
	color: #e02b20;
}
*/

/* --------------------------------- WEB FONT ----------------------------------- */
/*
@font-face {
    font-family: 'Roboto';
    src: url("assets/webfonts/Roboto-Bold.ttf");
}

#et-top-navigation #top-menu-nav ul#top-menu li {
    font-family: 'Roboto';
    font-weight: bold;
}
*/

/* --------------------------------- The Events Calendar ----------------------------------- */

.tribe-events-content {
    color: rgba(0,0,0,0.65);
}

.tribe-events-content a {
    color: dodgerblue !important;
    border-bottom: none !important;
}

.tribe-events-content a:hover {
    border-bottom: 1px dodgerblue solid !important;
}

.tribe-events-content .et-menu-nav ul#menu-cycling.et-menu li a {
    padding-bottom: 0 !important;
    border-bottom: none !important;
    line-height: 1.0 !important;
}

.tribe-events-content .et-menu-nav ul#menu-cycling.et-menu li {
    padding-top:  10px !important;
    padding-bottom: 0 !important;
}

.tribe-events-calendar-month__day--past {
    padding-top: 1rem !important;
    background-color: #eee !important; /* Changes the background color */
}
/*
.tribe-events-calendar-month__calendar-event {
  background-color:palegreen !important;
}
*/
.tribe-events-calendar-month__calendar-event-title a {
    display: block !important;
    padding: 3px 4px !important;
    background-color:limegreen !important;
    color: white !important;
}

.tribe-events-content table {
    width: 100%;
    font-size: 14px;
}

.tribe-events-content table,
.tribe-events-content table thead,
.tribe-events-content table tbody,
.tribe-events-content table tfoot,
.tribe-events-content table tr,
.tribe-events-content table th,
.tribe-events-content table td {
    padding: 3px 6px;
    border: 1px #e0e0e0 solid !important;
}

/* --------------------------------- Menu Item Search ----------------------------------- */

.et_pb_menu__search-container .et_pb_menu__search {
	margin: 0 20%;
}

.et_search_outer {
	margin-right: 10%;
}

.et_pb_menu__search-container .et_pb_menu__search .et_pb_menu__search-form .et_pb_menu__search-input {
	padding: 8px 12px;
	background-color: rgba(255,255,255,0.3);
	border-radius: 18px;
	color: #ccc;
}

.et_search_outer .et_search_form_container .et-search-form .et-search-field {
	height: 50%;
	padding: 4px 5px;
	background-color: #fff;
	border: #aaa 1px solid;
	border-radius: 18px;
	color: #999;
}


/*---------------- Replace the Search Button with an Icon by Divi Soup --------------------*/ 
/*----------------　         CSS Class : .ds-icon-search               --------------------*/

/*Hide the search button*/

.ds-icon-search input.et_pb_searchsubmit,
.widget_search input#searchsubmit {
    background: transparent;
    color: transparent;
    border: none;
    width: 55px;
    z-index: 2;
}

/*Add padding to the search input field*/

.ds-icon-search input.et_pb_s,
.widget_search input#s {
    padding-right: 55px !important;
}

/*Add the icon*/

.ds-icon-search .et_pb_searchform:before,
.widget_search::before {
    content: '\55';
    position: absolute;
    font-family: 'ETModules';
    z-index: 1;
    right: 0;
    font-size: 20px;
    padding: 8px 20px;
}


/* --------------------------------- Gravity Form --------------------------------------- */



/* --------------------------------------------------------------
Default style for WP-PageNavi plugin

http://wordpress.org/extend/plugins/wp-pagenavi/
-------------------------------------------------------------- */

.wp-pagenavi {
	clear: both;
	margin: 2em 0 4em;
	text-align: center;
	border: none !important;
}

.wp-pagenavi a,
.wp-pagenavi span {
	text-decoration: none;
	padding: 3px 5px;
	margin: 2px;
	color: black;
	border: none;
}

.wp-pagenavi .pages {
	border: none;
}

.wp-pagenavi a:hover {
	color: #0090F3 !important;
}

.wp-pagenavi a.page {
	border: 1px solid #BFBFBF !important;
}

.wp-pagenavi a.page:hover {
	background-color: #9CC929 !important;
	border: 1px solid #9CC929 !important;
	color: #fff !important;
}

.wp-pagenavi span.current {
	font-weight: bold !important;
	color: white !important;
	border: 1px solid #88aa45 !important;
	background-color: #88aa45 !important;
}

.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
	font-size: 140% !important;
}


/* --------------------------------- レスポンシブ スタイル ------------------------------------ */


/* Responsive Styles Tablet */

@media all and (max-width: 980px) {
	
	/* モバイルメニューをFixedにする 
	.et_non_fixed_nav.et_transparent_nav #main-header,
	.et_non_fixed_nav.et_transparent_nav #top-header,
	.et_fixed_nav #main-header,
	.et_fixed_nav #top-header {
		position: fixed;
	}
	
	.et_mobile_menu {
		overflow: scroll !important;
		max-height: 83vh;
	}
	*/

}

/* トップページBlurb module ３つ目の「製品」の pdding-bottom を修正 */
@media all and (min-width: 443px) and (max-width: 767px) {
    /*
    .et_pb_module.et_pb_blurb.et_pb_blurb_2.et_clickable.et_pb_text_align_center.et_pb_blurb_position_top.et_pb_bg_layout_light {
        padding-bottom: 20px !important;
    }
    */
}

@media all and (min-width: 480px) and (max-width: 980px) {
	
	.twoX2 .et_pb_column{
		max-width: 50% !important; /* モバイルで２カラムにする */
	}
	
	.twoX2 .et_pb_column.et_pb_column_1_3:nth-of-type(3){
		margin: 0 25%; /* this centers the third column */
	}
	
	.twoX2 .et_pb_column_1_3:nth-of-type(2) {
       float: right; /* this puts space between the first and second columns */
    }
	
}


@media all and (max-width: 479px){
	
	.twoX2m .et_pb_column{
		max-width: 50% !important; /* モバイルで２カラムにする */
	}
	
	.twoX2m .et_pb_column.et_pb_column_1_3:nth-of-type(3){
		margin: 0 25%; /* this centers the third column */
	}
	
	.twoX2m .et_pb_column_1_3:nth-of-type(2) {
       float: right; /* this puts space between the first and second columns */
    }
	
	.et_pb_section .et_pb_row.twoX2 div.et_pb_column.et_pb_column_1_4 {
		width: 47.25% !important;
	}

	.et_pb_map_container .et_pb_map {
		height: 70vh !important;
	}
	
	.et_search_outer,
	.et_pb_menu__search-container .et_pb_menu__search {
		margin: 0 !important;
		padding: 0 !important;
	}
	
	/*  Blog Module のサムネイルサイズを全幅にしてフロートを解除する （インデックスページの場合） */

	.et_pb_posts .et_pb_post a.entry-featured-image-url,
	.archive .et_pb_post a.entry-featured-image-url, 
	.search .et_pb_post a.entry-featured-image-url {
		width: 100% !important;
		height: auto!important;
		overflow: auto;
		float: none;
		padding: 0 0 1rem 0;
	}
	
	.et_pb_posts .et_pb_post,
	.archive .et_pb_post, 
	.search .et_pb_post {
		margin-bottom: 3rem;
	}
	
	/* 写真のフロートを解除 */
	.entry-content-photo .alignright,
	.entry-content-photo .alignleft {
		float: none;
	}
	
	.entry-content-photo {
		display: block;
		padding: 0 0 1rem 0;
		text-align: center;
	}
	
	.entry-content-photo img {
		margin: 0;
	}
	
	/* Fullwide Sliderの２ボタンがスマホでCenter Alignのズレを直す
	.et_pb_fullwidth_header .et_pb_fullwidth_header_container .et_pb_button_two {
		margin-left: 0;
	}
	*/
	
}


/* Print Styles */

@media print {
	body {
		margin: 0;
		padding: 0; 
		background: white;
		color: black;
	}
	
	#et-main-area {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	#main-header,
	#top-header,
	.display-mobile {
		display: none;
	}
	
	.entry-content .table-scroll {
		overflow-x: visible;
	}
	.entry-content .table-scroll table {
		width: 100%;
	}
	
	.white { color: #000; }
	
}