/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
.btn,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  padding: 12px 30px 14px;
  color: #fff;
  background-color: #008185;
  text-align: center;
  text-decoration: none;
  border-radius: 100px;
  cursor: pointer;
  -moz-transition: all 0.2s ease-in,all 0.25s ease-out;
  -o-transition: all 0.2s ease-in,all 0.25s ease-out;
  -webkit-transition: all 0.2s ease-in,all 0.25s ease-out;
  transition: all 0.2s ease-in,all 0.25s ease-out;
  outline: none;
  font-size: 16px;
}
  @media (min-width: 400px)  {.button,.btn,button,input[type="submit"],input[type="reset"],input[type="button"] {font-size: 17px}}
  @media (min-width: 600px)  {.button,.btn,button,input[type="submit"],input[type="reset"],input[type="button"] {font-size: 19px}}
  /*@media (min-width: 1024px) {.button,.btn,button,input[type="submit"],input[type="reset"],input[type="button"] {font-size: 22px}}*/


.btn-center {
  display: block;
  text-align: center;
  margin: 0 auto;
  max-width: 225px;
}

.btn-blue {background-color: var(--mainblue);}

.btn-white {
  background-color: #FFF;
  border-color: #FFF;
  color: #00497B;
}

.btn-small {
  font-size: 16px;
  padding: 3px 20px 6px;
}

.btn-fullwidth {width: 100%;}


.button:hover,
.btn:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  color: #fff;
  background-color: #016F74;
}

.btn-center:hover {display: block;}

.btn-blue:hover {background-color: #00406F;}

.btn-white:hover {
  background-color: #00497B;
  border-color: #00497B;
  color: #FFF;
}




/* SHARE BUTTONS */
  /* TOP OF PAGE */
  .sharebuttons-topofpage {
    float: left;
    position: relative;
    text-align: center;
    width: 100%;
  }

  .sharebuttons-topofpage h5 {
    position: absolute;
    top: 12px;
    left: 0;
    font-size: 12px;
    color: #AAA;
    letter-spacing: 1px;
  }

  .sharebuttons-topofpage ul {list-style: none; margin: 0;}
  .sharebuttons-topofpage ul li {display: inline-block; margin: 0; padding: 0; position: absolute; left: 0;}

  .sharebuttons-topofpage .share-btn {fill: #00497B;}

  .sharebuttons-topofpage .twitter svg {
    position: absolute;
    width: 21px;
    left: 67px;
    top: 11px;
  }

  .sharebuttons-topofpage .facebook svg {
    position: absolute;
    width: 20px;
    left: 100px;
    top: 10px;
  }

  .goal--header-share .sharebuttons-topofpage .facebook svg path,
  .goal--header-share .sharebuttons-topofpage .twitter svg path {fill: #FFF;}

  .sharebuttons-topofpage .facebook svg path,
  .sharebuttons-topofpage .twitter svg path {fill: var(--mainblue);}

    .sharebuttons-topofpage .twitter svg:hover path,
    .sharebuttons-topofpage .facebook svg:hover path {fill: var(--teal);}
  /* TOP OF PAGE */


  /* BOTTOM OF PAGE */
  .sharebuttons-bottomofpage {
    float: left;
    position: relative;
    margin: 0 auto 40px;
    text-align: center;
    width: 100%;
  }
    @media (min-width: 768px)  {.sharebuttons-bottomofpage {margin-bottom: 65px;}}
    @media (min-width: 1024px) {.sharebuttons-bottomofpage {margin-bottom: 90px;}}
    @media (min-width: 1244px) {.sharebuttons-bottomofpage {margin-bottom: 140px;}}

  .sharebuttons-bottomofpage h5 {margin-bottom: 20px;}

  .sharebuttons-bottomofpage ul {list-style: none; margin: 0;}
  .sharebuttons-bottomofpage ul li {display: inline-block; margin: 0 2px; padding: 0;}

  .sharebuttons-bottomofpage .share-btn {
    position: relative;
    float: left;
    width: 45px;
    height: 45px;
    border-radius: 200px;
    border: 1px solid #00497B;
    fill: #00497B;
  }

  .sharebuttons-bottomofpage .share-btn:hover {
    background-color: #00497B;
    border: 1px solid #00497B;
  }

  .sharebuttons-bottomofpage .twitter svg {
    position: absolute;
    width: 24px;
    left: 10px;
    top: 10px;
  }

  .sharebuttons-bottomofpage .facebook svg {
    position: absolute;
    width: 20px;
    left: 11px;
    top: 11px;
  }

  .sharebuttons-bottomofpage .share-btn:hover svg {
    fill: #FFF;
  }
  /* BOTTOM OF PAGE */
/* SHARE BUTTONS */


/* FOOTER - SOCIAL MEDIA ICONS */
.socialmedia-link-twitter {
  position: relative;
}

.socialmedia-link-facebook {
  position: relative;
}

.socialmedia-link-twitter svg {
  /*position: absolute;*/
  width: 24px;
  /*left: 2px;*/
  top: 1px;
  fill: #FFF;
  margin: 0;
}

.socialmedia-link-facebook svg {
  /*position: absolute;*/
  width: 20px;
  /*left: 12px;*/
  top: 3px;
  fill: #FFF;
  margin: 0;
}
/* FOOTER - SOCIAL MEDIA ICONS */