/* ==========================================================================
   16_SPECIFICS
   --------------------------------------------------------------------------
   * README

   * WIDGET: SOCIAL LOGIN
   ========================================================================== */

/* README
   ========================================================================== */

/*!
 * Styles on this stylesheet are the All specific styles.
 * That means they apply to any page that deals with an exception to any
 * default style.

 * If you need to deal with an exception to any default styles, you should
 * manage it by adding a .X--modifier class to the .X element and develop the
 * given exception nested to this .X--modifier class in this stylesheet under
 * the corresponding page subtitle.

 * These .X--modifier classes and its nested styles are grouped by page in which
 * are featured, sorted by HTML depth, and separated in Structure, Behaviour or
 * Appearance styles as appropriate.
 */


/* WIDGET: SOCIAL LOGIN
   ========================================================================== */

/* Behaviour
   -------------------------------------------------------------------------- */
.social-login {
    text-align: center;
}

.social-links__item {
    display: inline-block;
}
.social-links__item:hover .fa-circle {
    opacity: .7;
}
.social-links__items__icon {
    text-align: center;
}
.social-links__items__icon svg {
    margin: 10px;
    display: block;
}

.footer__container {
    text-align: center;
    padding-top: 20px;
    margin-bottom: -20px;
}

@media screen and (min-width: 1024px) {
    .social-links {
        margin-top: -40px;
    }
}

@media screen and (max-width: 768px) {
    .social-links {
        text-align: center;
    }
}