/*----------------------------------
  Icons
------------------------------------*/
.s-icon {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
  }
  
  .s-icon:focus, .s-icon:hover {
    text-decoration: none;
    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
  }
  
  /* Sizes
  ------------------------------ */
  .s-icon--sm {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 0.8125rem;
    padding: 0.6875rem;
  }
  
  .s-icon--md {
    width: 3.125rem;
    height: 3.125rem;
    font-size: 1.125rem;
    padding: 0.75rem;
  }
  
  .s-icon--lg {
    width: 5.5rem;
    height: 5.5rem;
    font-size: 4rem;
    padding: 0.6625rem 1rem;
  }
  
  /* Styles
  ------------------------------ */
  .s-icon--white-brd {
    color: #fff;
    background: transparent;
    border-width: 0.0625rem;
    border-style: solid;
    border-color: #fff;
    line-height: 1.4;
  }
  
  .s-icon--white-brd:focus, .s-icon--white-brd:hover {
    color: #fff;
    background: #13b1cd;
    border-color: #13b1cd;
  }
  
  .s-icon--white-bg {
    color: #222324;
    background: #fff;
    border-width: 0.0625rem;
    border-style: solid;
    border-color: #fff;
    line-height: 1.4;
  }
  
  .s-icon--white-bg:focus, .s-icon--white-bg:hover {
    color: #13b1cd;
    background: #fff;
    border-color: #fff;
  }
  
  .s-icon--primary-brd {
    color: #13b1cd;
    background: transparent;
    border-width: 0.0625rem;
    border-style: solid;
    border-color: #13b1cd;
    line-height: 1.4;
  }
  
  .s-icon--primary-brd:focus, .s-icon--primary-brd:hover {
    color: #fff;
    background: #13b1cd;
    border-color: #13b1cd;
  }
  
  .s-icon--primary-bg {
    color: #fff;
    background: #13b1cd;
    line-height: 1.6;
  }

  .g-radius--circle {
    border-radius: 50% !important;
  }