/**
 * 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-content-buttons-"] {
  overflow: hidden; }
  [id^="section-content-buttons-"] .container .inner-thumb {
    position: relative;
    width: 100%;
    height: 200px; }
    [id^="section-content-buttons-"] .container .inner-thumb img {
      -o-object-fit: cover;
         object-fit: cover;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0; }
    [id^="section-content-buttons-"] .container .inner-thumb span {
      position: absolute;
      width: 100%;
      background-size: cover;
      height: 100%;
      background-position: center; }
  [id^="section-content-buttons-"] .container h2 {
    margin-top: 0;
    margin-bottom: .25em; }
  [id^="section-content-buttons-"] .container p {
    margin-top: .5em; }
  @media (min-width: 981px) {
    [id^="section-content-buttons-"] .container #content {
      margin-bottom: 2em; } }
  @media (max-width: 980px) {
    [id^="section-content-buttons-"] .container #content {
      margin-bottom: 1em; } }
  [id^="section-content-buttons-"] .container > .buttons {
    position: relative; }
    @media (max-width: 980px) {
      [id^="section-content-buttons-"] .container > .buttons.white {
        margin-top: 2em; } }
    [id^="section-content-buttons-"] .container > .buttons.white .content {
      padding: 0; }
    [id^="section-content-buttons-"] .container > .buttons.blue .bg-color {
      background: #1C3F85; }
    [id^="section-content-buttons-"] .container > .buttons.blue h2 {
      color: #fff; }
    [id^="section-content-buttons-"] .container > .buttons.blue a {
      color: #1C3F85; }
    [id^="section-content-buttons-"] .container > .buttons.green .bg-color {
      background: #69bf4a; }
    [id^="section-content-buttons-"] .container > .buttons.green h2 {
      color: #fff; }
    [id^="section-content-buttons-"] .container > .buttons.green a {
      color: #69bf4a; }
    [id^="section-content-buttons-"] .container > .buttons.pink .bg-color {
      background: #a85389; }
    [id^="section-content-buttons-"] .container > .buttons.pink h2 {
      color: #fff; }
    [id^="section-content-buttons-"] .container > .buttons.pink a {
      color: #a85389; }
    [id^="section-content-buttons-"] .container > .buttons .bg-color {
      position: absolute;
      height: 100%; }
      @media (min-width: 981px) {
        [id^="section-content-buttons-"] .container > .buttons .bg-color {
          border-radius: 8px;
          width: 100%; } }
      @media (max-width: 980px) {
        [id^="section-content-buttons-"] .container > .buttons .bg-color {
          width: 110%;
          margin-left: -5%; } }
    [id^="section-content-buttons-"] .container > .buttons .content {
      position: relative;
      z-index: 2;
      padding: 2em; }
      [id^="section-content-buttons-"] .container > .buttons .content > .buttons {
        display: flex;
        flex-wrap: wrap; }
        [id^="section-content-buttons-"] .container > .buttons .content > .buttons .btn {
          background-color: #fff;
          box-shadow: #9aa2b199 0 1px 3px;
          text-align: left;
          display: flex;
          justify-content: space-between;
          align-items: center;
          margin: .5em 0;
          padding: .5em 1em;
          margin-right: 1em; }
          @media (min-width: 768px) {
            [id^="section-content-buttons-"] .container > .buttons .content > .buttons .btn {
              width: calc(50% - 1em); } }
          @media (max-width: 767px) {
            [id^="section-content-buttons-"] .container > .buttons .content > .buttons .btn {
              width: 100%; } }
          [id^="section-content-buttons-"] .container > .buttons .content > .buttons .btn:after {
            content: "\e904";
            font-size: 12.29212px;
            color: #0db2e7;
            font-family: Icomoon;
            transition: margin-right ease-in-out .3s; }
          [id^="section-content-buttons-"] .container > .buttons .content > .buttons .btn:hover:after {
            margin-right: -5px; }
  [id^="section-content-buttons-"].blue .buttons .btn {
    color: #162321 !important; }

/*# sourceMappingURL=content-buttons.css.map */