/*
 Theme Name: Divi Child
 Theme URI: 
 Description: Webogrid - a Divi Child Theme
 Author: Suma Srinivas
 Author URI: 
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */
/*html, body, #et-main-area, #main-content {
background: #272727 !important;
background-color: #272727 !important;
}*/


.wp-pagenavi{
display: block !important; clear: both !important;
}

/* === Style WP-PageNavi Pagination === */
/* Center the pagination */
.wp-pagenavi, .pagenavi{
font-family: "inter", sans-serif !important;
font-size: 16px !important;	
margin: 100px auto 50px auto !important;
text-align: center !important;
text-transform: uppercase !important;
font-weight: 400 !important;
border: 0px !important;
width: 80% !important;
max-width: 1280px !important;
}

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, 
.wp-pagenavi a.page.larger,  
.wp-pagenavi a.page.smaller, 
.wp-pagenavi > a.nextpostslink, 
.wp-pagenavi > a.previouspostslink{
display: inline-block;
font-family: "inter", sans-serif !important;
font-size: 16px !important;	
color: #ffffff !important;
padding: 10px 20px !important;
min-width: 40px  !important;
text-decoration: none !important; 
background: #1f1f1f !important;
text-transform: uppercase !important;
margin: 4px !important;	
}

.wp-pagenavi a:hover, .wp-pagenavi a:active,  
.wp-pagenavi a.page.larger:hover,  
.wp-pagenavi a.page.smaller:hover, 
.wp-pagenavi > a.nextpostslink:hover, 
.wp-pagenavi > a.previouspostslink:hover{	
text-decoration: none !important;
background: #786964  !important;
color: #ffffff  !important;
}

.wp-pagenavi span.pages {
padding: 4px 8px !important;
font-family: "inter", sans-serif !important;
font-size: 16px !important;		
color: #464646 !important;
border: 0px  !important;
margin: 4px !important;
}

.wp-pagenavi span.current {
display: inline-block;
font-family: "inter", sans-serif !important;
font-size: 16px !important;	
background: #616161 !important; 
padding: 10px 20px !important;
min-width: 40px !important;
color: #000000 !important;	
margin: 4px !important;
}

.wp-pagenavi span.extend {
font-family: "inter", sans-serif !important;
font-size: 16px !important;		
display: inline-block !important;
background: #a9a9a9 !important;
padding: 10px 20px !important;
min-width: 40px !important;
color: #787878 !important;	
margin: 4px !important;
}

@media (max-width: 992px) { /* Adjust the pixel value as needed */
    .wp-pagenavi span.pages {
     display: none !important; /* Hide WP-PageNavi on mobile */
    }

	.wp-pagenavi, .pagenavi{
	font-family: "inter", sans-serif !important;
	font-size: 14px !important;	
	margin: 100px auto 50px auto !important;
	text-align: center !important;
	text-transform: uppercase !important;
	font-weight: 600 !important;
	border: 0px !important;
	width: 96% !important;
	max-width: 99% !important;
	}
	
	.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, 
	.wp-pagenavi a.page.larger,  
	.wp-pagenavi a.page.smaller, 
	.wp-pagenavi > a.nextpostslink, 
	.wp-pagenavi > a.previouspostslink,
	.wp-pagenavi span.current,
	.wp-pagenavi span.extend{
	display: inline-block;
	font-family: "inter", sans-serif !important;
	font-size: 14px !important;	
	padding: 5px 10px !important;
	}
}

/*mobile menu */
/**** This hides the sub menu items on mobile ****/
#page-container .mobile_nav li ul.hide {
display: none !important;
}
/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
#page-container .mobile_nav .menu-item-has-children {
position: relative;
}
#page-container .mobile_nav .menu-item-has-children > a {
background: transparent;
}
/**** This styles the icon and moves it to the right ****/
#page-container .mobile_nav .menu-item-has-children > a + span {
position: absolute;
right: 0;
top: 0;
padding: 10px 20px;
font-size: 20px;
font-weight: 700;
cursor: pointer;
z-index: 3;
}
/**** Here you can swap out the actual icons ****/
#page-container span.menu-closed:before {
content: "\4c";
display: block;
color: #fff;
font-size: 16px;
font-family: ETmodules;
}
#page-container span.menu-closed.menu-open:before {
content: "\4b";
}

#page-container #mobile-menu .et_pb_menu__search-input{
padding: 5px !important;
background: #dddddd !important;
font-size: 14px !important;
}

.search-results .et_pb_blog_grid .et_pb_ajax_pagination_container{
align-items: center;
text-align: center !important;
margin: 0px auto !important;
display: block !important;
max-width: 100% !important;
} 

.search-results .et_pb_blog_grid .et_pb_ajax_pagination_container .no-results p{
margin-bottom: 100px;
}

/*slider revolution */
#searchform.revtp-searchform #searchsubmit:hover{
background: #000 !important;
color: #fff !important;	
}