@charset "UTF-8";
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit; }

/* Clearfix */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *  */
/* Grayscale */
/* Animation */
/* Cross browser opacity */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *  */
/* ¡¡¡Atención!!! Estas cuatro primeras variables también hay que cambiarlas en la template hijo (si existiera) y volver a compilar los módulos.*/
/* Colors */
.module.social {
  position: relative;
  z-index: 90;
  height: 0; }
  .module.social .module-social-container {
    padding: 10px 0; }
    .module.social .module-social-container .module-social-container-wrapper {
      position: relative; }
      .module.social .module-social-container .module-social-container-wrapper.full .tpl-social {
        left: 0; }
      .module.social .module-social-container .module-social-container-wrapper .tpl-social {
        position: absolute;
        width: 58px; }
        .module.social .module-social-container .module-social-container-wrapper .tpl-social.left {
          left: -58px; }
        .module.social .module-social-container .module-social-container-wrapper .tpl-social.right {
          right: -58px; }
        .module.social .module-social-container .module-social-container-wrapper .tpl-social a {
          float: left;
          display: block;
          width: 58px;
          height: 58px;
          text-align: center;
          color: white;
          background-color: #313131;
          font-size: 2em;
          line-height: 60px;
          cursor: pointer;
          transition: all 0.2s ease-out;
          -webkit-transition: all all ease-out;
          -moz-transition: all all ease-out;
          -o-transition: all all ease-out;
          margin-bottom: 1px; }
          .module.social .module-social-container .module-social-container-wrapper .tpl-social a:hover {
            width: 68px; }
          .module.social .module-social-container .module-social-container-wrapper .tpl-social a.fb {
            background-color: #3b5999; }
          .module.social .module-social-container .module-social-container-wrapper .tpl-social a.tw {
            background-color: #5eaade; }
          .module.social .module-social-container .module-social-container-wrapper .tpl-social a.gp {
            background-color: #c91518;
            font-size: 2.4em; }

@media screen and (max-width: 960px) {
  .module.social {
    height: auto; }
    .module.social .module-social-container {
      padding: 10px 40px; }
      .module.social .module-social-container .module-social-container-wrapper {
        padding: 10px; }
        .module.social .module-social-container .module-social-container-wrapper .tpl-social {
          position: initial;
          width: 100%; }
          .module.social .module-social-container .module-social-container-wrapper .tpl-social::after {
            content: ' ';
            display: block;
            clear: both; }
          .module.social .module-social-container .module-social-container-wrapper .tpl-social a {
            float: left;
            margin: 0 1px 0 0; } }

@media screen and (max-width: 660px) {
  .module.social {
    height: auto; }
    .module.social .module-social-container {
      padding: 5px 20px; }
      .module.social .module-social-container .module-social-container-wrapper {
        padding: 0; } }