/**
 * 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
 */
@media (max-width: 980px) {
  [id^="section-ambassadors-"] .container {
    width: 95%; } }

[id^="section-ambassadors-"] #ambassadors {
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
  position: relative; }
  [id^="section-ambassadors-"] #ambassadors > div, [id^="section-ambassadors-"] #ambassadors article {
    margin-left: 20px;
    margin-top: 20px; }
    @media (min-width: 768px) {
      [id^="section-ambassadors-"] #ambassadors > div, [id^="section-ambassadors-"] #ambassadors article {
        flex: 1 0 auto; } }
    @media (min-width: 440px) {
      [id^="section-ambassadors-"] #ambassadors > div, [id^="section-ambassadors-"] #ambassadors article {
        max-width: calc(50% - 20px); } }
    @media (min-width: 660px) {
      [id^="section-ambassadors-"] #ambassadors > div, [id^="section-ambassadors-"] #ambassadors article {
        max-width: calc(33.33333% - 20px); } }
    @media (min-width: 880px) {
      [id^="section-ambassadors-"] #ambassadors > div, [id^="section-ambassadors-"] #ambassadors article {
        max-width: calc(25% - 20px); } }
    @media (min-width: 800px) {
      [id^="section-ambassadors-"] #ambassadors > div, [id^="section-ambassadors-"] #ambassadors article {
        min-width: calc(25% - 20px); } }

[id^="section-ambassadors-"] #ambassadors {
  margin-top: -20px; }
  @media (max-width: 767px) {
    [id^="section-ambassadors-"] #ambassadors {
      width: 100%;
      margin-left: 0; } }
  [id^="section-ambassadors-"] #ambassadors .ambassador {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    background-color: #fff;
    border-radius: 16px;
    text-align: center;
    position: relative;
    padding: .75em; }
    [id^="section-ambassadors-"] #ambassadors .ambassador a.link {
      display: contents; }
    [id^="section-ambassadors-"] #ambassadors .ambassador a.btn {
      font-size: 16px;
      padding: .65em 1em; }
    @media (min-width: 768px) {
      [id^="section-ambassadors-"] #ambassadors .ambassador {
        padding: 1.5em; } }
    @media (max-width: 767px) {
      [id^="section-ambassadors-"] #ambassadors .ambassador {
        max-width: calc(50% - 10px); }
        [id^="section-ambassadors-"] #ambassadors .ambassador:nth-child(odd) {
          margin-left: 0; } }
    [id^="section-ambassadors-"] #ambassadors .ambassador .function, [id^="section-ambassadors-"] #ambassadors .ambassador .work-method {
      display: block; }
      @media (max-width: 980px) {
        [id^="section-ambassadors-"] #ambassadors .ambassador .function, [id^="section-ambassadors-"] #ambassadors .ambassador .work-method {
          font-size: 13px; } }
    [id^="section-ambassadors-"] #ambassadors .ambassador .work-method {
      font-weight: bold;
      font-size: 14.93207px; }
    [id^="section-ambassadors-"] #ambassadors .ambassador h2 {
      color: #1C3F85;
      margin-bottom: 0; }
    [id^="section-ambassadors-"] #ambassadors .ambassador p {
      margin: 0;
      color: #1C3F85;
      font-weight: 400;
      padding-bottom: .25em; }
      @media (max-width: 767px) {
        [id^="section-ambassadors-"] #ambassadors .ambassador p {
          line-height: 15px; } }
    [id^="section-ambassadors-"] #ambassadors .ambassador .thumb {
      padding-top: 100%;
      width: 100%;
      margin: auto 0;
      border-radius: 50%;
      background-position: center;
      background-size: cover; }
      @media (min-width: 981px) {
        [id^="section-ambassadors-"] #ambassadors .ambassador .thumb {
          margin: auto; } }
    [id^="section-ambassadors-"] #ambassadors .ambassador .connections {
      border-top: 1px solid #9aa2b199;
      margin-top: .5em;
      padding-top: .5em;
      margin-bottom: .3em; }
      [id^="section-ambassadors-"] #ambassadors .ambassador .connections .option {
        position: relative;
        display: inline-block;
        margin-right: 1em; }
        [id^="section-ambassadors-"] #ambassadors .ambassador .connections .option:last-child {
          margin-right: 0; }
        [id^="section-ambassadors-"] #ambassadors .ambassador .connections .option a {
          color: #00B6E8;
          text-decoration: none; }
        [id^="section-ambassadors-"] #ambassadors .ambassador .connections .option .hover-phone {
          display: none; }
        @media (min-width: 981px) {
          [id^="section-ambassadors-"] #ambassadors .ambassador .connections .option a:hover + .hover-phone {
            display: block;
            position: absolute;
            top: -57px;
            left: -4px;
            color: #fff;
            background: #1C3F85;
            padding: 12px 24px;
            width: 170px; }
            [id^="section-ambassadors-"] #ambassadors .ambassador .connections .option a:hover + .hover-phone:after {
              content: '';
              width: 0;
              height: 0;
              border-left: 10px solid transparent;
              border-right: 10px solid transparent;
              border-top: 10px solid #1C3F85;
              position: absolute;
              bottom: -8px;
              left: 1px; } }

/*# sourceMappingURL=ambassadors.css.map */