/*
Theme name: PeakProsperity
Description: Custom Theme
*/

/*
	Source post-css styles are located in the postcss directory.
	The compiled bundle is in assets/bundle.css; The README.md
	file contains instructions how to get the compilation
	process up & running.

	If you need to make a quick fix, feel free to add CSS
	below this comment. It will override bundle.css styles.
*/

/* ------------------------------------------------------------ *\
	FM comments and avatars
\* ------------------------------------------------------------ */
.list-comments .list__body-meta .list__body-meta-indicies {
  position: absolute;
  right: 0;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.list-comments .list__body-meta .list__body-meta-indicies > a {
  text-decoration: none;
  font-weight: 700;
}

img.avatar-14 {
  width: 14px;
  height: 14px;
  display: inline;
}

img.avatar-32,
img.wp-user-avatar-32 {
  width: 32px;
  height: 32px;
  display: inline-block;
}
/* ------------------------------------------------------------ *\
	FM like button modifications
\* ------------------------------------------------------------ */

.wpulike-default .wp_ulike_btn {
  min-width: 0px;
}

.wpulike-default .wp_ulike_put_image:after {
  top: 6px;
}

/* ------------------------------------------------------------ *\
	FM Block editor colors and related
\* ------------------------------------------------------------ */
/* TEMPLATE
.has-COLORSLUG-background-color {
  background-color: #000;
}

.has-COLORSLUG-color {
  color: #000;
}
*/
.has-brand-link-background-color {
  background-color: #2d6383 !important;
  color: #fff !important;
}

.has-brand-link-color {
  color: #2d6383 !important;
}

.has-brand-button-background-color {
  background-color: #5ea4c5 !important;
  color: #fff !important;
}
.has-brand-button-background-color a {
  color: #fff !important;
}
.has-brand-button-color {
  color: #5ea4c5 !important;
}

.has-very-light-gray-background-color {
  background-color: #ededed !important;
}

.has-very-light-gray-color {
  color: #ededed !important;
}

.has-text-gray-background-color {
  background-color: #7a7a7a !important;
}

.has-text-gray-color {
  color: #7a7a7a !important;
}

.has-dark-gray-background-color {
  background-color: #414956 !important;
  color: #fff !important;
}

.has-dark-gray-color {
  color: #414956 !important;
}

.has-premium-link-background-color {
  background-color: #d57c00 !important;
}

.has-premium-link-color {
  color: #d57c00 !important;
}

.has-box-background-background-color {
  background-color: rgba(225, 241, 242, 1) !important;
}

.has-box-background-color {
  color: rgba(225, 241, 242, 1) !important;
}

.has-dark-blue-background-color {
  background-color: #4663a0 !important;
  color: #fff !important;
}

.has-dark-blue-color {
  color: #4663a0 !important;
}

.is-style-call-to-action-box {
  border: 1px solid #6ec1e4;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  padding: 35px;
  box-sizing: border-box;
  margin: 20px 10px 20px 10px;
}
.has-medium-font-size {
  font-size: 16px;
  font-family: helvetica, sans-serif;
  font-weight: 600;
  color: #55595c;
}
.wp-block-button__link {
  font-size: 15px;
  font-family: roboto, sans-serif;
  font-weight: 700;
}

/* Pagination Styles on Blog page */
.page-numbers,
.page-numbers.dots {
  display: none;
}

.page-numbers.next,
.page-numbers.prev {
  display: inline !important;
}