/*
 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
------------------------------------------------------- */

/* ****************************** Customizations for custom shortcode displays in Functions file. ****************************** */

/* Search result count presentation. */
.MyResultsCount {
	text-transform: uppercase;
	background-color: #f2f2f2;
  	padding-left: 8px;
  	padding-top: 4px;
  	padding-right: 8px;
  	padding-bottom: 4px !important;
}

/* ****************************** Customizations for SearchWP plugin components. ****************************** */

/* Modify search button. */
.search-submit.swp-button {
  background-color: #ffb81c;
  color: #003594;
  font-weight: bold;
  font-size: 15px;	
  text-transform: uppercase;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  /*margin-left: 8px;*/
  border:0;
}

/* Modify form input. */
.swp-input--search.swp-input {
  border: 2px solid #ccc;
}

/* Modify highlight color of search criteria in results. */
.searchwp-highlight {
  background-color: #ffdecd;
}

/* Modify input presentation in header instance only. */
#searchwp-form-1.searchwp-form .searchwp-form-input-container .swp-input {
  background-color: #003594 !important;
  border: 1px solid #66b2e3;
  color: #fff !important;
  padding-left: 24px;
  padding-top: 12px;
  padding-right: 24px !important;
  padding-bottom: 12px;
  margin-top: 18px !important;
}

#searchwp-form-1.searchwp-form .searchwp-form-input-container .swp-input:focus {
	border: 1px solid #ffffff;
}

/* ****************************** Customizations for PageNavi plugin elements. ****************************** */

/* Modify current page. */
.wp-pagenavi span.current {
  border-color: #000;
  background-color: #003594;
  border-color: #003594;
  color: #fff;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}

/* Modify links. */
.wp-pagenavi a, .wp-pagenavi span {
  text-decoration: none;
  margin: 2px;
  background-color: #ffb81c;
  color: #003594;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  border: none;
}

/* ****************************** Customizations for FacetWP plugin elements. ****************************** */

/* Modify reset button. */
.facetwp-reset {
 background-color: #ffb81c;
  color: #003594;
  font-weight: bold;
  text-transform: uppercase;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-radius: 8px;
  border:0;
}

/* Modify date range inputs. */
.facetwp-date.facetwp-date-min.ready.fdate-input {
  margin-top: 8px;
  margin-bottom: 4px;
  padding-left: 8px;
  font-size: 1em;
}

.facetwp-date.facetwp-date-max.ready.fdate-input {
  padding-left: 8px;
  font-size: 1em;
}

/* ****************************** Customizations for List Categories plugin elements. ****************************** */

/* Customizations for List Categories plugin. */
.MyBrowseByTag {
    column-count: 5;
    column-gap: 50px;
}

ul.children {
  padding-bottom: 0;
}

/* ****************************** Customizations for header components. ****************************** */

/* Modify search icon. */
.et_pb_menu .et_pb_menu__icon {
  margin-left: 36px;
  font-weight: bold;
}

/* Modify search input field. */
.et_pb_menu .et_pb_menu__search-input {
  border: 1px solid #ccc;
  color: #fff;
  padding: 8px;
}

/* ****************************** Customizations for body components. ****************************** */

/* Customizations for Sticky posts. */
.MyStickyPost {
  background-color: #ffb81c;
  padding-left: 24px;
  padding-top: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
  border: 2px #003594 solid;
  border-radius: 8px;
}


/* ****************************** Customizations for footer components. ****************************** */

/* Modify text links. */
.MyFooterColumn1 a {
	color: #ffffff;
	text-decoration: underline;
}

/* Format WordPress menu as stacked vertical list. */
.MyFooterVerticalMenu ul {
  display: block !important;
}
.MyFooterVerticalMenu li {
  display: block !important;
  width: 100% !important;
}