/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* ======= Theme customization starts here =======
------------------------------------------------------- */

.mobile_menu_bar:before {
    color: #47799E;
}

/* PRODUCT ENTITY TABLES */

.product_entity__table__row--content:nth-child(even) {
    background-color: rgba(225,225,232,0.5);
}

.product_entity__table__row--content .product_entity__table__cell {
    padding: 2px 2px;
    opacity: 1;
    font-weight: normal;
}

.product_entity__table__cell {
    text-align: center;
    border-right: 1px solid #cfcfd4;
    font-weight: bold;
    color: #333333;
    opacity: 0.8;
}

.product_entity__dot-color {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    margin: 0 2px;
    border-radius: 50%;
}

/* ====== Hide Related Articles Not Found ====== */

.et_pb_module.et_pb_posts .et_pb_ajax_pagination_container .entry {
    display: none!important;
}

/*blog image aspect ratio square 1:1*/

.pa-blog-image-1-1 .entry-featured-image-url {
  padding-top: 100%;
  display: block;
}

.pa-blog-image-1-1 .entry-featured-image-url img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: none;
}

/* ====== Equal grid divi blog post ====== */

.pa-blog-equal-height .et_pb_ajax_pagination_container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: 1fr;
	column-gap: 0.8em
}

.pa-blog-equal-height .et_pb_ajax_pagination_container article {
	padding: 1em;
	border-radius: 10px;
	border: 2px solid blue
}

.pa-blog-equal-height .et_pb_ajax_pagination_container div {
	grid-column: 1 / -1;
}

.pa-blog-equal-height .et_pb_post div.post-content a.more-link {
	position: absolute;
	bottom: 30px
}

.pa-blog-equal-height .post-content {
	padding-bottom: 4.5em;
}

@media all and (max-width: 980px) {
	.pa-blog-equal-height .et_pb_ajax_pagination_container {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media all and (max-width: 768px) {
	.pa-blog-equal-height .et_pb_ajax_pagination_container {
		grid-template-columns: repeat(1, 1fr);
	}
}


/* ====== Increase width of drop-down menus ====== */
@media screen and (min-width: 981px) {
.sub-menu {
	min-width: 260px;
}
#top-menu li li a {
    padding: 6px 20px;
    width: 260px;
}

/* ====== Style WP-PageNavi Pagination ====== */

/* Center the pagination */
.wp-pagenavi { 
		text-align:center;
		padding-top: 60px;
}

/* Add a border */
.wp-pagenavi span, .wp-pagenavi a, .wp-pagenavi :last-child { 
    border: 0px solid #bbb !important; 
    padding: 6px 12px; 
		margin: 0;  
}
.wp-pagenavi span, .wp-pagenavi a { border-right: none !important; }

/* Style the default text */
.wp-pagenavi span, .wp-pagenavi a { 
    font-weight: bold !important; 
    color: #919191 !important
}

/* Style the current / hovered page link */
.wp-pagenavi span.current,
.wp-pagenavi a:hover { 
    color: #ffff !important; 
    background-color: #198B4A !important; 
}

/* Style the page count text */
.wp-pagenavi :first-child { color: #919191 !important; }

/* Add text to the "next" link */
.wp-pagenavi .nextpostslink:before { content: 'Next '; }

.wp-pagenavi .previouspostslink:after { content: ' Prev'; }


/* ====== Back to Top Button ====== */

.et_pb_scroll_top:before {
	content: "B"
}

.et_pb_scroll_top.et-pb-icon {
	background: #198B4A;
	color: #fff;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border-top-right-radius: 8px;
	margin-right: 20px;
	bottom: 18px;
}

.et_pb_scroll_top.et-pb-icon:hover {
	background: #11294F;
	color: #fff;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border-top-right-radius: 8px;
	margin-right: 20px;
	bottom: 18px;
}