.tabs {
		width:100%;
		display:inline-block;
	}
    /*----- Tab Links -----*/
    /* Clearfix */
    .tab-links:after {
        display:block;
        clear:both;
        content:'';
    }
    .tab-links {
	margin-left:0;
	margin-bottom:0;
	padding-left:0px; /* 10px */
    display: flex;
    justify-content: center;
    }
    .tab-links li {
        /* margin: 0px 5px; */
        list-style: none;
        width: auto;
        margin: 0 8px;
    }

    div#page #main-content-column .tab-links a:visited,
    div#page #main-content-column .tab-links a {
        z-index: 2;
        padding: 12px 25px;
        display:inline-block;
        font-family: "elido",Arial,sans-serif;
        text-transform: uppercase;
        /* width:100px; */
        text-align: center;
        background:#fff; /* #ddd */
        border: #498fcc 1px solid;
        /* border-bottom: none; */
        text-decoration: none !important;
        font-size:16px;
        line-height: 1.1em;
        font-weight:600;
        color:#498fcc; /* 4c4c4c */
        transition:all linear 0.15s;
        position: relative;
    }

    div#page #main-content-column .tab-links li { position: relative; overflow: visible; }
    div#page #main-content-column .tab-links li:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 50%;
      display: block;
      transition: ease all 0.4s;
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-top: 15px solid #F8C841;
      transform: translate(-50%,0);
      z-index: 1;
    }

    div#page /*#main-content-column*/ #main-content-column .tab-links a:link {
        color:#498fcc; /* 4c4c4c */
    }

    div#page #main-content-column .tab-links a:hover {
        background:#498fcc;
        color: #fff;
        text-decoration:none;
    }

    div#page #main-content-column .tab-links li.active a,
    div#page #main-content-column .tab-links li.active a:hover {
        background:#F8C841; /* eee */
        border-color: #F8C841;
        color:#004277; /* #000 */
    }
    div#page #main-content-column .tab-links li.active:after {
      transform: translate(-50%,100%);
    }

    /*----- Content of Tabs -----*/
    .tab-content {
        /* padding:20px 20px; */
        /* border: solid 1px #498fcc; */
        /* background:#fff;  */
        /* border-top: 1px solid #ccc; */
        padding-top: 0 !important;
    }
    .tab-content h3 {
      margin: 0  0 25px;
      text-align: center;
    }

    .tab {
      padding-top: 30px;
        position: absolute;
        left: -9999px;
        top: -9999px;
      }
      .tab .collapse {
        background: #fff !important;
      }

    .tab.active {
        position: relative;
        left: 0;
        top: 0;
    }

    /* ----- Clickable custom sections ------ */

    /* span.number {
        color: #fff;
        background-color: #68c6c6;
        border-radius: 15px;
        padding: 2px 10px;
        font-size: 0.875em;
        margin-left: 5px;
    } */

    span.date {
        float: right;
        margin-right: 20px;
        font-size: 0.675em;
        line-height: 2em;
    }


@media screen and (max-width:550px) {
  .tab-links { flex-wrap: wrap; }
  div#page #main-content-column .tab-links li:after { display: none; }
  div#page #main-content-column .tab-links li a,
  div#page #main-content-column .tab-links li { width: 100%; }
  div#page #main-content-column .tab-links li { margin: 0 0 10px; }
  span.date { float: none; display: block; line-height: 1.2em; }
}