/*
 Theme Name:     Web Blocks (Divi Child Theme)
 Theme URI:      https://webblocksbuilder.com
 Description:    Divi Child Theme For The Web Blocks Builder
 Author:         Marketing For Normal People
 Author URI:     https://marketingfornormalpeople.com
 Template:       Divi
 Version:        1.0.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*custom Web Blocks CSS below this line*/









/*flex_row css class to keep mobile columns side by side, per elegant themes support */
@media (max-width: 980px) {
.flex_row{
  display:flex;
}
.flex_row .et_pb_column:nth-child(1){
  margin: 0 1%!important;
  margin-left:0px!important;
}
.flex_row .et_pb_column:nth-child(2){
  margin: 0 1%!important;
  margin-right:0px!important;
}
}



/*extent-arrows css class to keep slider arrows from overlapping text on mobile, per elegant themes support */
@media only screen and ( max-width: 767px ) {
.extend-arrows .et-pb-arrow-prev {
  left: -22px !important;
}
.extend-arrows .et-pb-arrow-next { 
 right: -22px !important;
}

.extend-arrows {
  overflow: visible !important;
}
}






/*From this site: https://www.peeayecreative.com/how-to-make-the-divi-blog-grid-equal-height/ */
.pa-blog-equal-height .pa-auto-height {
    height: auto !important;
}
.pa-blog-equal-height .pa-auto-margin {
    margin-top: 20px !important;
}














/*This section customizes pagination for the blog using the "PageNavi" plugin. That plugin is here: https://wordpress.org/plugins/wp-pagenavi/ - documentation is here: https://www.peeayecreative.com/how-to-style-and-customize-the-divi-blog-pagination/ and here: https://www.elegantthemes.com/blog/divi-resources/how-to-style-divi-pagination and here: https://www.isitwp.com/styling-wp-pagenavi-styling/ - note that some styles can be customized inside of the blog module itself.*/

/*style the wp-pagenavi pagination links*/

.wp-pagenavi a,
.wp-pagenavi span {
	color: #000000;
	background: #F8F8F8;
	font-size: 1em !important;
	line-height: 1em;
	font-weight: bold !important;
	padding: 0.45em 0.8em !important;
	margin-left: 4px;
	margin-right: 4px;
	border-radius: 5px;
	border: none;
	transition: all .5s;
}


/*style the wp-pagenavi current page number*/

.wp-pagenavi span.current {
	color: #ffffff !important;
	background: #E0E0E0 !important;
	border-radius: 5px;
}


/*style the wp-pagenavi pagination links on hover*/

.wp-pagenavi a:hover {
	color: #ffffff!important;
	background: #E0E0E0!important;
}


/*style the wp-pagenavi pages text*/

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


/*remove border and center the wp-pagenavi links*/

.wp-pagenavi {
	padding-top: 60px !important;
	border-top: none;
	text-align: center;
}


















/*---------------------------------------------------------------*/ 
/*------Replace the Search Button with an Icon by Divi Soup------*/ 
/*URL: https://divisoup.com/q19-replace-the-divi-search-button-with-an-icon/ */
/*---------------------------------------------------------------*/
/*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';
	color: #e0e0e0;
	font-weight: 900;
    z-index: 1;
    right: 0;
    font-size: 20px;
    padding: 8px 20px;
}
/*---------------------------------------------------------------*/ 
/*---End - Replace the Search Button with an Icon by Divi Soup---*/ 
/*---------------------------------------------------------------*/