/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
[id^="section-connected-pages-"] #pages {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  [id^="section-connected-pages-"] #pages .page {
    margin-bottom: 1em; }
    @media (min-width: 768px) {
      [id^="section-connected-pages-"] #pages .page {
        width: calc(50% - 10px); } }
    @media (max-width: 767px) {
      [id^="section-connected-pages-"] #pages .page {
        width: 100%; } }
    [id^="section-connected-pages-"] #pages .page .btn {
      background-color: #fff;
      box-shadow: #9aa2b199 0 1px 3px;
      text-align: left;
      display: block;
      padding: .5em 1em;
      width: 100%;
      height: 100%;
      position: relative;
      border-radius: 10px; }
      [id^="section-connected-pages-"] #pages .page .btn .title, [id^="section-connected-pages-"] #pages .page .btn .excerpt {
        display: block; }
      [id^="section-connected-pages-"] #pages .page .btn .title {
        color: #1C3F85; }
      [id^="section-connected-pages-"] #pages .page .btn .excerpt {
        font-family: "Lato", Helvetica, Arial, sans-serif;
        font-weight: normal;
        font-size: 15.93252px; }
      [id^="section-connected-pages-"] #pages .page .btn:after {
        content: "\e904";
        font-size: 12.29212px;
        color: #0db2e7;
        font-family: Icomoon;
        position: absolute;
        top: 1.2em;
        right: 1.5em;
        transition: margin-right ease-in-out .3s; }
      [id^="section-connected-pages-"] #pages .page .btn:hover:after {
        margin-right: -5px; }

[id^="section-connected-pages-"] .cta {
  margin-top: .5em;
  display: block;
  text-align: center; }
  @media (max-width: 767px) {
    [id^="section-connected-pages-"] .cta a.btn {
      display: block;
      width: 100%; } }

/*# sourceMappingURL=connected-pages.css.map */