/**
 * Media Queries
 */
/**
 * Standard Colors
 */
/**
 * Brand Colors
 */
/**
 * Fonts
 */
/*
 * Fonts - https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&family=Titillium+Web:wght@400;600;700&display=swap
 *
 * Oswald
 * Regular:  font-weight: 400;
 * Medium:   font-weight: 500;
 * SemiBold: font-weight: 600;
 * Bold:     font-weight: 700;
 *
 * Titillium Web
 * Regular:  font-weight: 400;
 * SemiBold: font-weight: 600;
 * Bold:     font-weight: 700;
 */
/* Underline From Left */
/* Triangle Shape */
.rtf {
  /**
	 * Alignment Styles
	 *
	 * Set via `jpl_block_rtf_sidebar_alignment_choices`
	 */
  /**
	 * Position Styles
	 *
	 * Set via `jpl_block_rtf_sidebar_position_choices`
	 */
}
@media only screen and (min-width: 768px) {
  .rtf .block-wrap {
    display: flex;
    gap: 2em;
  }
}
@media only screen and (min-width: 768px) {
  .rtf .rtf-content {
    flex-grow: 1;
    width: 66.66%;
  }
}
.rtf .rtf-content .wp-block-image {
  margin: 0px 0px 30px 0px;
}
.rtf .rtf-content .wp-block-columns .wp-block-column {
  background: #f8f6f1;
  line-height: 1.6;
  padding: 20px 20px 10px 20px;
}
.rtf .rtf-content .wp-block-columns .wp-block-column h3,
.rtf .rtf-content .wp-block-columns .wp-block-column h4 {
  font-size: 21px;
  margin: 0px;
  padding: 0px;
}
@media only screen and (min-width: 768px) {
  .rtf .sidebar-wrap {
    display: flex;
    flex-wrap: wrap;
    width: 33.33%;
  }
}
.rtf .sidebar-wrap .search-form label {
  display: block;
}
.rtf .sidebar-wrap .search-form .field-wrap {
  display: flex;
}
.rtf .sidebar-wrap .search-form .field-wrap input {
  background: #eee;
  border: none;
  cursor: pointer;
  display: inline;
  flex-grow: 1;
  padding: 8px 16px;
  text-decoration: none;
  transition: all 0.2s ease;
}
.rtf .sidebar {
  background: #f8f6f1;
  line-height: 1.6;
  margin: 15px 0px;
  position: relative;
  text-decoration: none;
  width: 100%;
}
.rtf .sidebar.blue-bg {
  color: #ffffff;
  position: relative;
}
.rtf .sidebar.blue-bg h3,
.rtf .sidebar.blue-bg h4 {
  color: #ffffff;
  margin: 0px;
  padding: 0px;
}
.rtf .sidebar.blue-bg p {
  color: #ffffff;
  margin: 3px 0px;
}
.rtf .sidebar.blue-bg a {
  background: #4e728d;
  color: #ffffff;
  transition: all 0.3s ease;
}
.rtf .sidebar.blue-bg a:hover,
.rtf .sidebar.blue-bg a:focus {
  background: #45657d;
}
.rtf .sidebar.blue-bg a:hover h3,
.rtf .sidebar.blue-bg a:focus h3,
.rtf .sidebar.blue-bg a:hover h4,
.rtf .sidebar.blue-bg a:focus h4 {
  text-decoration: underline;
}
.rtf .sidebar.blue-bg a:hover .icon,
.rtf .sidebar.blue-bg a:focus .icon {
  transform: rotate(10deg);
}
.rtf .sidebar.blue-bg .icon {
  height: 115%;
  opacity: 0.1;
  position: absolute;
  right: 0px;
  top: -5%;
  transition: all 0.3s ease;
}
.rtf .content-wrap {
  padding: 20px;
}
.rtf h4 {
  margin: 0px 0px 5px 0px;
}
.rtf .cta {
  display: block;
  text-decoration: none;
}
.rtf .img-wrap img {
  display: block;
  height: auto;
  width: 100%;
}
.rtf.align-default .sidebar-wrap {
  align-content: flex-start;
}
.rtf.align-middle .sidebar-wrap {
  align-content: center;
}
.rtf.align-space-evenly .sidebar-wrap {
  align-content: space-evenly;
}
.rtf.align-bottom .sidebar-wrap {
  align-content: flex-end;
}
.rtf.align-both .sidebar-wrap,
.rtf.align-both .rtf-content {
  align-content: center;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
  .rtf.position-left .block-wrap {
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 768px) {
  .rtf.position-left .rtf-content + .sidebar-wrap {
    margin-left: 0px;
    margin-right: 30px;
    padding-left: 0px;
    padding-right: 30px;
  }
}