/*!
 Theme Name:   Summercamp
 Description:  Tema adaptado para el site Summercamp basado en el plugin Knowledge Spin
 Author:       The Summer Agency
 Author URI:   http://www.thesummeragency.com
 Version:      1.0.0
*/
/*$main-color-dark: #c94c6b;
$main-color-light: #ff5596;
$main-color-lightest: #ff7fa0;
$body-color: #F8F9FB;
$shadow-color: #ffe1fc;*/
/********** HTML Genericos ************/
body {
  color: #777;
  background-color: #F8F9FB;
  font-family: "Roboto", sans-serif; }
  body.no-login {
    background-size: cover;
    background-repeat: no-repeat; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Playfair Display", serif; }

strong, b {
  font-family: "Roboto", sans-serif;
  font-weight: 700; }

a, a:focus, a:active, a:hover {
  outline: 0;
  text-decoration: none;
  transition: all .5s;
  color: #d8cf06; }
  a.white, a:focus.white, a:active.white, a:hover.white {
    color: #fff; }

.text-primary {
  color: #d8cf06; }

.section-title {
  border-bottom: solid 1px #777;
  padding-bottom: 5px;
  margin: 40px 0; }

#tutorial-link {
  margin-bottom: 40px; }

#tutorial-container {
  display: none; }
  #tutorial-container .tutorial {
    border-radius: 20px;
    box-shadow: 0 0 18px 1px #f5e4b8;
    padding: 20px 30px; }
    #tutorial-container .tutorial h3 {
      margin-top: 0;
      font-family: "Playfair Display", serif;
      color: #d8cf06; }
    #tutorial-container .tutorial img {
      width: 100%;
      border-radius: 20px; }

#loading-posts {
  display: none;
  text-align: center;
  font-size: 20px; }

.delete-category, .delete-tag {
  padding: 5px 10px;
  border: solid 1px #ccc;
  background-color: #eee;
  margin: 5px 5px 5px 0;
  border-radius: 5px;
  display: inline-block; }
  .delete-category .fa-times-circle, .delete-tag .fa-times-circle {
    color: #aa0000; }

.ellipsis {
  margin-bottom: 40px; }

/******* Custom BOOTSTRAP *********/
.btn {
  color: #d8cf06;
  font-family: "Roboto", sans-serif;
  border-radius: 3px;
  border-color: #f5e4b8;
  transition: all .5s; }
  .btn:focus {
    outline: none !important; }
  .btn.btn-default {
    background-color: #fff;
    color: #d8cf06;
    border-color: #f5e4b8; }
    .btn.btn-default:focus {
      background-color: #fff;
      color: #d8cf06;
      border-color: #f5e4b8; }
    .btn.btn-default:hover, .btn.btn-default:active {
      background-color: #d8cf06;
      border-color: #d8cf06;
      color: #fff; }
  .btn.btn-info {
    background: #d8cf06;
    border: #d8cf06;
    color: #fff; }
    .btn.btn-info:hover {
      background-color: #d8cf062e;
      border-color: #fff;
      color: #d8cf06; }
    .btn.btn-info:active, .btn.btn-info:focus {
      background: #d8cf06; }

.btn-transparent {
  background-color: rgba(255, 255, 255, 0.3);
  color: #fff;
  border: 0;
  box-shadow: none;
  outline: none; }
  .btn-transparent:hover, .btn-transparent:focus, .btn-transparent:active {
    color: #fff; }

.btn-md {
  font-size: 20px;
  min-width: 200px;
  padding: 5px 10px; }

.btn-lg {
  font-size: 23px;
  min-width: 200px;
  padding: 10px; }

#go-back {
  font-size: 30px; }

.modal#errors-modal .modal-dialog .modal-content {
  background: #fff; }
  .modal#errors-modal .modal-dialog .modal-content .modal-header h4 {
    font-size: 24px;
    color: #444; }
    .modal#errors-modal .modal-dialog .modal-content .modal-header h4 i {
      color: red; }
  .modal#errors-modal .modal-dialog .modal-content .modal-header button span {
    color: #444; }
  .modal#errors-modal .modal-dialog .modal-content .modal-body {
    color: #444;
    font-size: 20px;
    text-align: left;
    padding: 50px 80px; }
    .modal#errors-modal .modal-dialog .modal-content .modal-body p {
      margin-bottom: 28px; }
.modal#modal-storytelling .modal-dialog {
  width: 500px; }
  .modal#modal-storytelling .modal-dialog .modal-body {
    height: 550px; }
.modal .modal-dialog .modal-content {
  background-image: url("img/fondo_modal2.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  height: 600px;
  border-radius: 20px; }
  .modal .modal-dialog .modal-content .modal-header {
    border: 0; }
    .modal .modal-dialog .modal-content .modal-header .close {
      opacity: 1;
      color: #fff; }
  .modal .modal-dialog .modal-content .modal-body {
    color: #fff;
    text-align: center; }
    .modal .modal-dialog .modal-content .modal-body h4 {
      font-size: 30px; }
    .modal .modal-dialog .modal-content .modal-body .congratulations-text {
      font-size: 20px;
      padding: 10px; }
    .modal .modal-dialog .modal-content .modal-body img {
      display: inline-block;
      margin: 40px 0;
      border-radius: 100%;
      width: 130px; }

.carousel {
  height: 100%; }
  .carousel .carousel-inner .item .carousel-caption {
    background: transparent;
    text-align: left;
    padding: 0 20px;
    min-height: 285px; }
    .carousel .carousel-inner .item .carousel-caption .container-carousel-caption {
      min-height: 285px;
      position: relative; }
      .carousel .carousel-inner .item .carousel-caption .container-carousel-caption h4 {
        font-size: 26px;
        font-family: "Roboto", sans-serif;
        margin-bottom: 30px;
        margin-top: 0;
        line-height: 1.3; }
      .carousel .carousel-inner .item .carousel-caption .container-carousel-caption p {
        font-size: 18px;
        font-family: "Roboto", sans-serif;
        position: relative; }
      .carousel .carousel-inner .item .carousel-caption .container-carousel-caption .btn {
        display: block;
        width: 100%;
        margin: 20px 0;
        /*
        position:absolute;
        bottom:80px;
        */ }
  .carousel .carousel-control.left, .carousel .carousel-control.right {
    background-image: none;
    color: #faef00; }
  .carousel .carousel-control .glyphicon-menu-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    right: -110px;
    font-size: 60px; }
  .carousel .carousel-control .glyphicon-menu-left {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    left: -110px;
    font-size: 60px; }

.carousel-indicators {
  bottom: 0; }
  .carousel-indicators li {
    width: 18px;
    height: 18px;
    margin: 1px 20px; }
  .carousel-indicators .active {
    width: 20px;
    height: 20px;
    margin: 0 19px; }

/**** Formularios ****/
#wp-content_description-editor-container {
  border: solid 1px #ddd; }

.buttons-group {
  margin: 30px 0; }
  .buttons-group + p {
    border-top: solid 1px #fff;
    margin-top: 30px;
    padding-top: 30px; }

form .form-group {
  margin-bottom: 25px;
  font-size: 16px; }
  form .form-group h4 {
    margin-bottom: 15px; }
  form .form-group label {
    font-family: "Roboto", sans-serif; }
    form .form-group label + small {
      margin-top: 0; }
    form .form-group label span {
      color: #d8cf06; }
    form .form-group label.block-label {
      display: block;
      font-family: "Playfair Display", serif;
      font-size: 18px;
      margin-bottom: 15px; }
  form .form-group small {
    display: block;
    color: #83ba5d;
    margin: 10px 0; }
  form .form-group .form-control {
    border-radius: 3px;
    border-color: #c4c4c4; }
    form .form-group .form-control.month-field {
      min-width: 150px; }
  form .form-group select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("img/arrow-down-pink.png");
    background-position: calc(100% - 10px) 50%;
    background-repeat: no-repeat;
    background-size: 20px; }
  form .form-group input[type='radio'] {
    display: none; }
    form .form-group input[type='radio'] + label {
      margin-right: 10px;
      cursor: pointer;
      font-family: "Roboto", sans-serif;
      font-weight: 400; }
      form .form-group input[type='radio'] + label span {
        display: inline-block;
        border-radius: 100%;
        margin: 0 4px 4px 0;
        vertical-align: middle;
        padding: 1px;
        border: solid 1px #ccc;
        background: #fff;
        height: 15px;
        width: 15px;
        text-align: center; }
        form .form-group input[type='radio'] + label span span {
          display: block;
          cursor: pointer;
          margin: 1px auto;
          border: 0;
          vertical-align: middle;
          height: 9px;
          width: 9px;
          border-radius: 100%;
          background: #fff; }
    form .form-group input[type='radio']:checked + label span span {
      background: #d8cf06; }
  form .form-group input[type='checkbox'] {
    display: none; }
    form .form-group input[type='checkbox'] + label {
      margin-right: 10px;
      cursor: pointer;
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      margin-bottom: 10px; }
      form .form-group input[type='checkbox'] + label span {
        display: inline-block;
        margin: 0 4px 4px 0;
        vertical-align: middle;
        padding: 1px;
        border: solid 1px #ccc;
        background: #fff;
        height: 15px;
        width: 15px;
        text-align: center; }
        form .form-group input[type='checkbox'] + label span span {
          display: block;
          cursor: pointer;
          margin: 1px auto;
          border: 0;
          vertical-align: middle;
          height: 9px;
          width: 9px;
          background: #fff; }
    form .form-group input[type='checkbox']:checked + label span span {
      background: #d8cf06; }
  form .form-group#full-name {
    margin: 50px 0; }
  form .form-group .preview-img {
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
    form .form-group .preview-img.avatar {
      width: 150px;
      height: 150px;
      border-radius: 100%;
      margin: 0 auto; }
    form .form-group .preview-img img {
      display: block;
      width: 100%; }
form ul {
  list-style: none;
  padding: 0;
  column-count: 3; }
  form ul li.group-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px; }
form #external_image_preview {
  margin-top: 20px; }
  form #external_image_preview img {
    width: 100%; }
form.transparent-form#user-registration-form, form.transparent-form#resetpassform, form.transparent-form#lostpasswordform {
  background-color: rgba(68, 68, 68, 0.9);
  padding: 20px 40px; }
  form.transparent-form#user-registration-form select, form.transparent-form#resetpassform select, form.transparent-form#lostpasswordform select {
    background-image: url("img/arrow-down-white.png");
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center;
    background-color: #ffe4c4;
    color: #000; }
  form.transparent-form#user-registration-form .form-control, form.transparent-form#resetpassform .form-control, form.transparent-form#lostpasswordform .form-control {
    padding-left: 15px; }
  form.transparent-form#user-registration-form span, form.transparent-form#resetpassform span, form.transparent-form#lostpasswordform span {
    box-shadow: none; }
  form.transparent-form#user-registration-form p, form.transparent-form#resetpassform p, form.transparent-form#lostpasswordform p {
    font-size: 18px; }
form.transparent-form .btn {
  box-shadow: none; }
form.transparent-form .form-control {
  border: 0;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 10px;
  box-shadow: none;
  color: #fff;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  padding: 20px 0 15px 65px;
  height: 100%; }
  form.transparent-form .form-control::-webkit-input-placeholder {
    color: #fff; }
  form.transparent-form .form-control:-moz-placeholder {
    color: #fff; }
  form.transparent-form .form-control::-moz-placeholder {
    color: #fff; }
  form.transparent-form .form-control:-ms-input-placeholder {
    color: #fff; }
  form.transparent-form .form-control#user_login {
    background-image: url("img/username-icon.png"); }
  form.transparent-form .form-control#user_pass {
    background-image: url("img/password-icon.png"); }
form.transparent-form.form-inline .form-control {
  padding: 10px 5px;
  width: 500px;
  border-bottom: none; }
form#formPerfil .form-group .col-sm-6 h3 {
  margin-top: 0; }
form#formIntereses .form-group > label {
  font-size: 30px;
  font-family: "Roboto", sans-serif;
  display: block; }
  form#formIntereses .form-group > label + small + .btn {
    font-size: 30px;
    padding: 8px 14px;
    line-height: 1;
    border-radius: 100%; }
form#formIntereses select {
  font-size: 16px;
  height: 46px; }
form#formIntereses .elements-selected {
  margin-top: 10px; }
form#formIntereses .fields-required {
  margin-top: 20px;
  margin-bottom: 20px;
  color: #d8cf06;
  font-size: 20px; }

.jfilestyle .focus-jfilestyle label span {
  background: #d8cf06;
  color: #fff;
  display: inline-block;
  height: 34px;
  padding: 7px;
  min-width: 100px;
  text-align: center;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  font-size: 14px; }
.jfilestyle input[type='text'] {
  border: solid 1px #ccc;
  background-color: #fff;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  height: 36px; }

/******** Custom classes **********/
.tag-container {
  padding: 2px 5px;
  font-family: "Roboto", sans-serif;
  margin: 0 5px 15px 0;
  text-align: center;
  display: inline-block;
  border-radius: 3px;
  font-size: 12px;
  border: solid 1px #ccc;
  background-color: #f4f4f4;
  color: #444; }
  .tag-container:hover {
    text-decoration: none;
    color: #d8cf06; }

#activity-list {
  margin-top: 50px;
  list-style: none;
  border-left: solid 1px #ccc;
  padding-left: 30px; }
  #activity-list li {
    background: #fff;
    border-radius: 10px;
    border: solid 1px #ccc;
    padding: 10px 20px;
    margin-bottom: 20px;
    position: relative; }
    #activity-list li:before {
      position: absolute;
      top: calc(50% - 8px);
      left: -39px;
      content: "";
      display: inline-block;
      width: 16px;
      height: 16px;
      background: #ccc;
      border-radius: 100%; }
    #activity-list li:first-child {
      background: none;
      box-shadow: none;
      margin-bottom: 50px;
      border: 0; }
      #activity-list li:first-child:before {
        left: -46px;
        top: 0;
        width: 32px;
        height: 32px;
        background: #d8cf06; }
    #activity-list li .row .text-center {
      padding-right: 0; }
    #activity-list li .badge-img-container {
      position: relative;
      height: 120px;
      text-align: center; }
      #activity-list li .badge-img-container .badge-img {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        border-radius: 100%;
        width: 100%;
        height: 87.5px; }
        @media screen and (max-width: 600px) {
          #activity-list li .badge-img-container .badge-img {
            height: 60px;
            background-size: cover; } }
        @media screen and (max-width: 375px) {
          #activity-list li .badge-img-container .badge-img {
            height: 53px; } }
        @media screen and (max-width: 320px) {
          #activity-list li .badge-img-container .badge-img {
            height: 47px; } }
    #activity-list li .activity-description {
      padding-top: 5px;
      font-size: 16px;
      font-family: "Playfair Display", serif;
      color: #ccc; }
      #activity-list li .activity-description .time {
        color: #777;
        font-family: "Roboto", sans-serif; }
        #activity-list li .activity-description .time i {
          color: #d8cf06; }
      #activity-list li .activity-description p {
        margin: 3px 0; }
        #activity-list li .activity-description p strong {
          color: #d8cf06;
          font-size: 16px;
          font-weight: normal; }

#save-data {
  margin-top: 20px; }

/*********** CSS Theme Achieve ***********/
.site {
  /***** Secciones sin login *****/
  /******* Header general *********/
  /******** Contenedor general **********/ }
  .site.container-home {
    color: #fff; }
    .site.container-home .site-inner {
      margin-top: 0; }
      .site.container-home .site-inner .home-navigation {
        padding: 20px; }
      .site.container-home .site-inner .site-content {
        margin: 0 auto;
        width: 50%;
        text-align: center;
        padding-top: 30px; }
        .site.container-home .site-inner .site-content header img {
          max-width: 300px; }
        .site.container-home .site-inner .site-content header h1 {
          font-size: 60px;
          color: #fff; }
        .site.container-home .site-inner .site-content header h2 {
          font-size: 20px;
          font-family: "Roboto", sans-serif;
          margin-top: 5px; }
        .site.container-home .site-inner .site-content form {
          max-width: 500px;
          width: 100%; }
        .site.container-home .site-inner .site-content #login-form {
          background-color: rgba(68, 68, 68, 0.9);
          padding: 50px;
          margin: 100px auto 0;
          font-size: 16px; }
        .site.container-home .site-inner .site-content #user-registration-form, .site.container-home .site-inner .site-content #resetpassform {
          margin: 30px auto 0; }
        .site.container-home .site-inner .site-content #lostpasswordform {
          margin: 150px auto 0; }
      .site.container-home .site-inner .site-footer {
        width: 100%;
        margin: 100px 0 50px 0;
        text-align: center; }
        .site.container-home .site-inner .site-footer .logo-footer {
          max-width: 1200px;
          text-align: right;
          margin: 0 auto;
          width: 95%; }
          .site.container-home .site-inner .site-footer .logo-footer img {
            max-width: 200px; }
  .site .site-header {
    background-color: #fff;
    color: #d8cf06;
    padding: 30px 0;
    z-index: 5;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    border-bottom: solid 1px #ddd; }
    .site .site-header .row {
      max-width: 1560px;
      margin: 0 auto; }
      .site .site-header .row .site-logo {
        text-align: center;
        max-width: 184px; }
        .site .site-header .row .site-logo img {
          max-width: 120px;
          width: 100%; }
        .site .site-header .row .site-logo h1 {
          font-size: 26px;
          margin-top: 0; }
        .site .site-header .row .site-logo h2 {
          font-size: 13px;
          margin: 7px 0 0 0;
          font-family: "Playfair Display", serif; }
      .site .site-header .row .site-search {
        padding-top: 10px;
        font-size: 20px; }
        .site .site-header .row .site-search i {
          margin-right: 5px; }
        .site .site-header .row .site-search .form-group {
          width: 100%; }
          .site .site-header .row .site-search .form-group input {
            width: 50%; }
      .site .site-header .row .site-logo-2 {
        padding-top: 5px;
        max-width: 255px;
        text-align: center; }
        .site .site-header .row .site-logo-2 img {
          max-width: 137px; }
  .site .site-inner {
    margin-top: 122px; }
    .site .site-inner .site-content {
      max-width: 1300px;
      margin: 0 auto;
      /******* Menu lateral ********/ }
      .site .site-inner .site-content .menu-container {
        text-align: right;
        padding-right: 0;
        position: fixed;
        height: calc(100vh - 201px);
        z-index: 1; }
        .site .site-inner .site-content .menu-container .side-menu .nav > li > a {
          padding: 15px 20px;
          border-right: solid 4px #eee;
          font-size: 30px;
          text-align: center;
          color: #ccc; }
          .site .site-inner .site-content .menu-container .side-menu .nav > li > a:hover {
            background-color: #F8F9FB;
            color: #faef00;
            border-right: solid 4px #faef00; }
          .site .site-inner .site-content .menu-container .side-menu .nav > li > a.active {
            color: #faef00;
            border-right: solid 4px #faef00; }
        .site .site-inner .site-content .menu-container .side-menu.subscriber .nav > li > a {
          padding: 24px 30px; }
        .site .site-inner .site-content .menu-container .side-menu.author .nav > li > a {
          background-size: 35%;
          padding: 50px 50px; }
        .site .site-inner .site-content .menu-container .side-menu .nav > li:first-child a, .site .site-inner .site-content .menu-container .side-menu .nav > li:last-child a {
          font-size: 20px;
          padding: 0 50px; }
        .site .site-inner .site-content .menu-container .side-menu .nav > li:first-child a:hover, .site .site-inner .site-content .menu-container .side-menu .nav > li:last-child a:hover {
          border-right: solid 4px #eee; }
        .site .site-inner .site-content .menu-container .side-menu .nav > li:last-child a {
          height: 100vh; }
        .site .site-inner .site-content .menu-container .side-menu #profile-submenu {
          display: none; }
      .site .site-inner .site-content #center-container {
        padding: 40px 0 0 154px; }
        .site .site-inner .site-content #center-container > .row {
          min-height: 700px; }
        .site .site-inner .site-content #center-container .button-menu {
          margin-bottom: 60px; }
          .site .site-inner .site-content #center-container .button-menu a {
            margin: 0 10px; }
        .site .site-inner .site-content #center-container .post-container {
          padding: 20px;
          border-radius: 5px;
          border: solid 1px #ccc;
          background-color: #fff;
          margin-bottom: 40px; }
          .site .site-inner .site-content #center-container .post-container.author-bio .author-avatar {
            width: 75px;
            height: 75px;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            border-radius: 100%; }
          .site .site-inner .site-content #center-container .post-container.author-bio .author-name {
            font-size: 20px;
            margin-bottom: 0; }
          .site .site-inner .site-content #center-container .post-container.author-bio .author-company {
            font-size: 16px;
            font-family: "Playfair Display", serif;
            margin-bottom: 0; }
          .site .site-inner .site-content #center-container .post-container.author-bio .author-role {
            font-size: 16px;
            font-style: italic;
            margin-bottom: 15px; }
          .site .site-inner .site-content #center-container .post-container.author-bio .author-extract {
            font-size: 16px; }
          .site .site-inner .site-content #center-container .post-container a {
            font-family: "Roboto", sans-serif; }
            .site .site-inner .site-content #center-container .post-container a:hover {
              text-decoration: none; }
          .site .site-inner .site-content #center-container .post-container header .post-title {
            margin: 0 0 15px;
            color: #777;
            font-family: "Playfair Display", serif;
            font-size: 24px;
            text-decoration: none;
            line-height: 35px; }
          .site .site-inner .site-content #center-container .post-container header .post-image {
            height: 250px;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: 50%;
            border-radius: 10px; }
          .site .site-inner .site-content #center-container .post-container header #favourite-container {
            margin: 0;
            line-height: 1;
            font-size: 26px; }
            .site .site-inner .site-content #center-container .post-container header #favourite-container a {
              font-size: 26px; }
          .site .site-inner .site-content #center-container .post-container .post-content {
            font-size: 16px;
            font-family: "Roboto", sans-serif; }
            .site .site-inner .site-content #center-container .post-container .post-content .post-category {
              margin-top: 15px; }
              .site .site-inner .site-content #center-container .post-container .post-content .post-category span {
                padding-right: 10px; }
            .site .site-inner .site-content #center-container .post-container .post-content .post-tags {
              margin: 20px 0; }
            .site .site-inner .site-content #center-container .post-container .post-content .main-content {
              margin-bottom: 30px;
              color: #444;
              font-family: "Roboto", sans-serif; }
            .site .site-inner .site-content #center-container .post-container .post-content .author-date {
              margin-bottom: 30px;
              border-bottom: solid 1px #eee;
              padding-bottom: 30px; }
              .site .site-inner .site-content #center-container .post-container .post-content .author-date:after {
                content: "";
                clear: both;
                display: block; }
              .site .site-inner .site-content #center-container .post-container .post-content .author-date .post-author-avatar {
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center;
                width: 100px;
                height: 100px;
                border-radius: 100%;
                float: left; }
              .site .site-inner .site-content #center-container .post-container .post-content .author-date .post-author-data {
                font-size: 14px;
                float: left;
                margin-left: 30px; }
                .site .site-inner .site-content #center-container .post-container .post-content .author-date .post-author-data p {
                  margin: 0; }
                  .site .site-inner .site-content #center-container .post-container .post-content .author-date .post-author-data p:first-child {
                    margin-top: 5px; }
              .site .site-inner .site-content #center-container .post-container .post-content .author-date .post-extra-content a {
                display: block;
                margin-bottom: 10px; }
            .site .site-inner .site-content #center-container .post-container .post-content .post-rate {
              margin-top: 5px; }
              .site .site-inner .site-content #center-container .post-container .post-content .post-rate #rate-container {
                display: inline-block; }
            .site .site-inner .site-content #center-container .post-container .post-content .comments-area {
              margin-top: 40px; }
              .site .site-inner .site-content #center-container .post-container .post-content .comments-area .comments-title {
                font-size: 18px;
                margin-bottom: 30px; }
                .site .site-inner .site-content #center-container .post-container .post-content .comments-area .comments-title .comments-post-title {
                  font-size: 16px;
                  font-family: "Playfair Display", serif; }
              .site .site-inner .site-content #center-container .post-container .post-content .comments-area .comment-list {
                padding-left: 10px;
                list-style: none; }
                .site .site-inner .site-content #center-container .post-container .post-content .comments-area .comment-list .comment .comment-body {
                  margin-bottom: 40px; }
                  .site .site-inner .site-content #center-container .post-container .post-content .comments-area .comment-list .comment .comment-body .comment-author {
                    display: table; }
                    .site .site-inner .site-content #center-container .post-container .post-content .comments-area .comment-list .comment .comment-body .comment-author .comment-avatar {
                      display: inline-block;
                      width: 50px;
                      height: 50px;
                      background-size: cover;
                      border-radius: 100%; }
                    .site .site-inner .site-content #center-container .post-container .post-content .comments-area .comment-list .comment .comment-body .comment-author cite {
                      display: table-cell;
                      padding-left: 5px;
                      vertical-align: top; }
                    .site .site-inner .site-content #center-container .post-container .post-content .comments-area .comment-list .comment .comment-body .comment-author .says {
                      display: table-cell;
                      padding-left: 5px;
                      vertical-align: top; }
                  .site .site-inner .site-content #center-container .post-container .post-content .comments-area .comment-list .comment .comment-body .comment-meta {
                    padding-left: 55px;
                    font-size: 12px;
                    margin-top: -33px;
                    margin-bottom: 20px; }
                .site .site-inner .site-content #center-container .post-container .post-content .comments-area .comment-list .comment .children {
                  margin-top: 10px;
                  list-style: none; }
              .site .site-inner .site-content #center-container .post-container .post-content .comments-area .comment-respond form .form-submit {
                margin-top: 25px;
                text-align: right; }
            .site .site-inner .site-content #center-container .post-container .post-content .post-test {
              margin-top: 40px; }
            .site .site-inner .site-content #center-container .post-container .post-content .question-test {
              margin-top: 20px; }
              .site .site-inner .site-content #center-container .post-container .post-content .question-test ol {
                padding-left: 0; }
                .site .site-inner .site-content #center-container .post-container .post-content .question-test ol li {
                  margin-bottom: 20px;
                  padding-bottom: 20px;
                  border-bottom: solid 1px #ccc; }
                  .site .site-inner .site-content #center-container .post-container .post-content .question-test ol li:last-child {
                    border: 0; }
                  .site .site-inner .site-content #center-container .post-container .post-content .question-test ol li label {
                    display: block;
                    margin-bottom: 10px; }
            .site .site-inner .site-content #center-container .post-container .post-content #form-test-mobile {
              display: none; }
            .site .site-inner .site-content #center-container .post-container .post-content #modal-test .modal-dialog .modal-content {
              background-image: none;
              min-height: 100%;
              padding-bottom: 20px; }
              .site .site-inner .site-content #center-container .post-container .post-content #modal-test .modal-dialog .modal-content .modal-header .close {
                color: #d8cf06; }
              .site .site-inner .site-content #center-container .post-container .post-content #modal-test .modal-dialog .modal-content .modal-body {
                color: #444; }
                .site .site-inner .site-content #center-container .post-container .post-content #modal-test .modal-dialog .modal-content .modal-body .question-container {
                  display: none;
                  padding: 10px 40px;
                  text-align: left; }
                  .site .site-inner .site-content #center-container .post-container .post-content #modal-test .modal-dialog .modal-content .modal-body .question-container h3 {
                    margin-top: 0;
                    margin-bottom: 20px; }
                  .site .site-inner .site-content #center-container .post-container .post-content #modal-test .modal-dialog .modal-content .modal-body .question-container ul {
                    list-style: none;
                    padding-left: 10px;
                    column-count: 1; }
          .site .site-inner .site-content #center-container .post-container footer {
            padding: 0 30px 20px;
            font-size: 20px; }
            .site .site-inner .site-content #center-container .post-container footer strong {
              color: #faef00;
              font-family: "Roboto", sans-serif;
              font-size: 22px;
              cursor: pointer; }
        .site .site-inner .site-content #center-container .profile-container {
          padding: 20px 10px; }
          .site .site-inner .site-content #center-container .profile-container .profile-menu {
            text-align: center;
            box-shadow: 0 0 5px 0px #c4c4c4;
            border-radius: 10px;
            background-color: #fff;
            padding: 20px 10px; }
            .site .site-inner .site-content #center-container .profile-container .profile-menu:after {
              content: "";
              clear: both;
              display: block; }
            .site .site-inner .site-content #center-container .profile-container .profile-menu .user-avatar-frame {
              padding: 4px;
              width: 130px;
              height: 130px;
              margin: 0 auto;
              box-shadow: 0 0 10px 0 #444;
              border-radius: 100%; }
              .site .site-inner .site-content #center-container .profile-container .profile-menu .user-avatar-frame .user-avatar {
                height: 120px;
                width: 120px;
                margin: 0 auto;
                border-radius: 100%;
                background-position: center;
                background-size: cover; }
            .site .site-inner .site-content #center-container .profile-container .profile-menu.author .user-avatar-frame {
              float: left;
              width: 110px;
              height: 110px; }
              .site .site-inner .site-content #center-container .profile-container .profile-menu.author .user-avatar-frame .user-avatar {
                width: 100px;
                height: 100px; }
            .site .site-inner .site-content #center-container .profile-container .profile-menu.author .user-name {
              float: right;
              width: calc(100% - 120px);
              font-size: 16px; }
            .site .site-inner .site-content #center-container .profile-container .profile-menu.author .user-position {
              float: right;
              width: calc(100% - 120px);
              padding-top: 10px;
              border-top: solid 1px #ccc;
              font-size: 14px;
              margin-bottom: 20px; }
            .site .site-inner .site-content #center-container .profile-container .profile-menu .user-name {
              margin-top: 10px;
              font-size: 20px;
              font-family: "Roboto", sans-serif;
              color: #ccc; }
            .site .site-inner .site-content #center-container .profile-container .profile-menu .user-program {
              font-size: 16px; }
            .site .site-inner .site-content #center-container .profile-container .profile-menu .user-points {
              color: #d8cf06;
              font-size: 20px; }
            .site .site-inner .site-content #center-container .profile-container .profile-menu .user-badges ul {
              display: inline-block;
              margin: 20px auto 0;
              list-style: none;
              padding: 0; }
              .site .site-inner .site-content #center-container .profile-container .profile-menu .user-badges ul:after {
                content: "";
                clear: both;
                display: block; }
              .site .site-inner .site-content #center-container .profile-container .profile-menu .user-badges ul li {
                cursor: pointer;
                width: 50px;
                height: 50px;
                float: left;
                margin: 0 5px;
                background-repeat: no-repeat;
                background-size: contain;
                background-position: center; }
            .site .site-inner .site-content #center-container .profile-container .profile-menu .user-interests {
              clear: both;
              margin-top: 20px;
              padding: 0 10px;
              height: 300px;
              overflow: auto; }
              .site .site-inner .site-content #center-container .profile-container .profile-menu .user-interests a {
                margin-top: 10px; }
          .site .site-inner .site-content #center-container .profile-container .widget {
            margin-top: 30px;
            padding: 20px;
            box-shadow: 0 0 18px 1px #f5e4b8;
            border-radius: 10px;
            background-color: #fff; }
        .site .site-inner .site-content #center-container .my-entries {
          margin-top: 50px; }
          .site .site-inner .site-content #center-container .my-entries .entry {
            padding: 20px 20px;
            border-radius: 10px;
            margin-bottom: 20px;
            border: solid 1px #ccc;
            background-color: #fff; }
            .site .site-inner .site-content #center-container .my-entries .entry header {
              margin-bottom: 20px;
              position: relative; }
              .site .site-inner .site-content #center-container .my-entries .entry header:after {
                content: "";
                clear: both;
                display: block; }
              .site .site-inner .site-content #center-container .my-entries .entry header .entry-title {
                margin-top: 0;
                font-size: 24px;
                width: 80%;
                float: left;
                line-height: 35px; }
                .site .site-inner .site-content #center-container .my-entries .entry header .entry-title a {
                  color: #d8cf06;
                  font-family: "Playfair Display", serif; }
                @media screen and (max-width: 600px) {
                  .site .site-inner .site-content #center-container .my-entries .entry header .entry-title {
                    font-size: 18px; } }
              .site .site-inner .site-content #center-container .my-entries .entry header .entry-status {
                border-top-right-radius: 7px;
                padding: 10px 20px;
                position: absolute;
                top: -20px;
                right: -20px;
                color: #fff;
                text-align: center;
                font-size: 16px; }
                .site .site-inner .site-content #center-container .my-entries .entry header .entry-status.publish {
                  background-color: #529c57; }
                .site .site-inner .site-content #center-container .my-entries .entry header .entry-status.draft {
                  background-color: #d76522; }
                .site .site-inner .site-content #center-container .my-entries .entry header .entry-status.future {
                  background-color: #37afd7; }
                @media screen and (max-width: 600px) {
                  .site .site-inner .site-content #center-container .my-entries .entry header .entry-status {
                    font-size: 12px; } }
            .site .site-inner .site-content #center-container .my-entries .entry .entry-content {
              margin-bottom: 0; }
              .site .site-inner .site-content #center-container .my-entries .entry .entry-content .entry-test, .site .site-inner .site-content #center-container .my-entries .entry .entry-content .entry-views, .site .site-inner .site-content #center-container .my-entries .entry .entry-content .entry-comments {
                padding-right: 10px; }
                .site .site-inner .site-content #center-container .my-entries .entry .entry-content .entry-test .fa, .site .site-inner .site-content #center-container .my-entries .entry .entry-content .entry-views .fa, .site .site-inner .site-content #center-container .my-entries .entry .entry-content .entry-comments .fa {
                  color: #d8cf06; }
              .site .site-inner .site-content #center-container .my-entries .entry .entry-content .entry-edit {
                float: right;
                color: #faef00; }
        .site .site-inner .site-content #center-container .titulo-ranking {
          margin-bottom: 30px; }
          .site .site-inner .site-content #center-container .titulo-ranking h2 {
            margin-top: 0; }
        .site .site-inner .site-content #center-container .ranking-table {
          border: 0;
          margin-bottom: 40px; }
          .site .site-inner .site-content #center-container .ranking-table#ranking-single-user {
            border: solid 1px #d8cf06; }
            .site .site-inner .site-content #center-container .ranking-table#ranking-single-user tr td {
              border-top: solid 1px #d8cf06; }
          .site .site-inner .site-content #center-container .ranking-table tr.info th {
            background-color: #d8cf06;
            color: #fff;
            border: solid 0 #d8cf06; }
            @media screen and (max-width: 600px) {
              .site .site-inner .site-content #center-container .ranking-table tr.info th {
                font-size: 16px; } }
          .site .site-inner .site-content #center-container .ranking-table tr th {
            font-size: 20px; }
            .site .site-inner .site-content #center-container .ranking-table tr th:first-child {
              border-top-left-radius: 20px; }
            .site .site-inner .site-content #center-container .ranking-table tr th:last-child {
              border-top-right-radius: 20px; }
          .site .site-inner .site-content #center-container .ranking-table tr td {
            font-family: "Playfair Display", serif;
            font-size: 16px;
            padding: 15px; }
            .site .site-inner .site-content #center-container .ranking-table tr td:nth-child(1n) {
              color: #d8cf06; }
            .site .site-inner .site-content #center-container .ranking-table tr td:nth-child(2n) {
              color: #777; }
              @media screen and (max-width: 600px) {
                .site .site-inner .site-content #center-container .ranking-table tr td:nth-child(2n) {
                  vertical-align: middle; } }
            .site .site-inner .site-content #center-container .ranking-table tr td:nth-child(3n) {
              color: #777;
              vertical-align: middle; }
          .site .site-inner .site-content #center-container .ranking-table tr.current td {
            background-color: #d8cf06;
            color: #fff;
            border: solid 0 #d8cf06; }
          .site .site-inner .site-content #center-container .ranking-table.visible-xs tr td p {
            font-size: 14px;
            padding-left: 30px;
            color: #777;
            margin-bottom: 0; }
          .site .site-inner .site-content #center-container .ranking-table.visible-xs tr td strong {
            color: #d8cf06; }
        .site .site-inner .site-content #center-container #test-wrapper #test-container .question-wrapper {
          margin-bottom: 20px;
          padding-bottom: 20px;
          border-bottom: solid 1px #ccc; }
        .site .site-inner .site-content #center-container #badges-container .badges {
          list-style: none;
          padding: 0; }
          .site .site-inner .site-content #center-container #badges-container .badges li {
            position: relative;
            padding: 10px;
            float: left;
            width: 49%;
            border: solid 1px #ccc;
            margin: 0 2% 2% 0;
            border-radius: 5px; }
            .site .site-inner .site-content #center-container #badges-container .badges li:nth-child(2n) {
              margin-right: 0; }
            @media screen and (max-width: 600px) {
              .site .site-inner .site-content #center-container #badges-container .badges li {
                width: 100%;
                float: none; } }
            .site .site-inner .site-content #center-container #badges-container .badges li .total {
              position: absolute;
              right: 10px;
              top: 10px; }
              .site .site-inner .site-content #center-container #badges-container .badges li .total p {
                margin: 0;
                border-radius: 100%;
                padding: 5px;
                text-align: center;
                background-color: #faef00;
                color: #fff;
                width: 30px;
                height: 30px; }
            .site .site-inner .site-content #center-container #badges-container .badges li .badge-img {
              width: 100px;
              height: 100px;
              margin: 0 auto;
              background-size: contain;
              background-position: center;
              background-repeat: no-repeat; }
        .site .site-inner .site-content #center-container #storytelling-navigation {
          width: 100%;
          box-shadow: 0 0 18px 1px #eee;
          border-radius: 30px;
          margin: 70px 0 40px;
          background-color: #fff; }
          .site .site-inner .site-content #center-container #storytelling-navigation:after {
            content: "";
            clear: both;
            display: block; }
          .site .site-inner .site-content #center-container #storytelling-navigation a {
            float: left;
            text-align: center;
            width: 20%;
            border-radius: 30px;
            font-size: 14px;
            padding: 5px;
            color: #d8cf06;
            background-color: #fff; }
            .site .site-inner .site-content #center-container #storytelling-navigation a.active {
              background-color: #d8cf06;
              color: #fff; }
        .site .site-inner .site-content #center-container .preview-description {
          padding: 30px;
          box-shadow: 0 0 18px 1px #eee;
          border-radius: 10px;
          margin-bottom: 30px; }
          .site .site-inner .site-content #center-container .preview-description p {
            color: #d8cf06;
            font-size: 18px; }
          .site .site-inner .site-content #center-container .preview-description ul li {
            color: #d8cf06;
            margin-bottom: 10px;
            font-size: 18px; }
        .site .site-inner .site-content #center-container .tab-container {
          display: none; }
          .site .site-inner .site-content #center-container .tab-container img {
            width: 100%; }
          .site .site-inner .site-content #center-container .tab-container p {
            color: #d8cf06;
            font-size: 18px; }
          .site .site-inner .site-content #center-container .tab-container .badges-container {
            column-count: 2;
            margin-top: 50px; }
            @media screen and (max-width: 600px) {
              .site .site-inner .site-content #center-container .tab-container .badges-container {
                column-count: 1; } }
            .site .site-inner .site-content #center-container .tab-container .badges-container .single-badge-container {
              display: inline-block;
              position: relative;
              height: 130px;
              width: 100%;
              box-shadow: 0 0 18px 1px #eee;
              padding: 10px;
              margin-bottom: 20px; }
              .site .site-inner .site-content #center-container .tab-container .badges-container .single-badge-container .badge-img {
                width: 32%;
                float: left;
                position: relative;
                height: 110px; }
                .site .site-inner .site-content #center-container .tab-container .badges-container .single-badge-container .badge-img img {
                  width: 90%;
                  margin: 0 auto;
                  position: absolute;
                  top: 50%;
                  transform: translate(0, -50%); }
              .site .site-inner .site-content #center-container .tab-container .badges-container .single-badge-container .badge-description {
                width: 65%;
                float: left;
                position: absolute;
                top: 50%;
                right: 0;
                transform: translate(0, -50%); }
                .site .site-inner .site-content #center-container .tab-container .badges-container .single-badge-container .badge-description p {
                  font-size: 14px; }
                  @media screen and (max-width: 768px) {
                    .site .site-inner .site-content #center-container .tab-container .badges-container .single-badge-container .badge-description p {
                      font-size: 16px; } }
        .site .site-inner .site-content #center-container #infography-container {
          position: relative;
          z-index: 1; }
          .site .site-inner .site-content #center-container #infography-container area {
            outline: 0; }
          .site .site-inner .site-content #center-container #infography-container .infography-popup {
            display: none;
            padding: 30px 50px;
            position: absolute;
            width: 90%;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            border-radius: 40px;
            background-color: rgba(0, 0, 0, 0.8);
            color: #fff;
            min-height: 300px; }
            .site .site-inner .site-content #center-container #infography-container .infography-popup header {
              position: relative; }
              .site .site-inner .site-content #center-container #infography-container .infography-popup header .close {
                opacity: 1;
                color: #fff;
                text-shadow: none;
                position: absolute;
                top: 0;
                right: 0; }
              .site .site-inner .site-content #center-container #infography-container .infography-popup header .marker {
                width: 40px;
                height: 55px;
                position: absolute;
                top: 0;
                left: -26px; }
                .site .site-inner .site-content #center-container #infography-container .infography-popup header .marker#tent {
                  height: 30px;
                  width: 65px;
                  top: 23px;
                  left: -40px; }
              .site .site-inner .site-content #center-container #infography-container .infography-popup header .title {
                margin-top: 0;
                padding: 30px 0 0 30px; }
              .site .site-inner .site-content #center-container #infography-container .infography-popup header .title-underline {
                position: relative;
                display: block;
                width: 100%;
                margin-bottom: 20px; }
                .site .site-inner .site-content #center-container #infography-container .infography-popup header .title-underline:before {
                  display: block;
                  content: "";
                  border-radius: 100%;
                  width: 10px;
                  height: 10px;
                  position: absolute;
                  left: -10px;
                  top: -4px; }
                .site .site-inner .site-content #center-container #infography-container .infography-popup header .title-underline.blue {
                  border-bottom: solid 2px #faef00; }
                  .site .site-inner .site-content #center-container #infography-container .infography-popup header .title-underline.blue:before {
                    background-color: #faef00; }
                .site .site-inner .site-content #center-container #infography-container .infography-popup header .title-underline.green {
                  border-bottom: solid 2px #6ABD9D; }
                  .site .site-inner .site-content #center-container #infography-container .infography-popup header .title-underline.green:before {
                    background-color: #6ABD9D; }
                .site .site-inner .site-content #center-container #infography-container .infography-popup header .title-underline.grey {
                  border-bottom: solid 2px #ccc; }
                  .site .site-inner .site-content #center-container #infography-container .infography-popup header .title-underline.grey:before {
                    background-color: #ccc; }
                .site .site-inner .site-content #center-container #infography-container .infography-popup header .title-underline.white {
                  border-bottom: solid 2px #fff; }
                  .site .site-inner .site-content #center-container #infography-container .infography-popup header .title-underline.white:before {
                    background-color: #fff; }
            .site .site-inner .site-content #center-container #infography-container .infography-popup p {
              padding-left: 30px;
              color: #fff; }
        .site .site-inner .site-content #center-container .content-features {
          margin-top: 50px;
          column-count: 2;
          -webkit-column-break-inside: avoid;
          break-inside: avoid-column; }
          @media screen and (max-width: 600px) {
            .site .site-inner .site-content #center-container .content-features {
              column-count: 1; } }
          .site .site-inner .site-content #center-container .content-features .content-features-single {
            display: inline-block;
            width: 100%;
            color: #d8cf06;
            font-size: 18px;
            padding: 30px;
            border-radius: 30px;
            box-shadow: 0 0 18px 1px #eee;
            margin-bottom: 30px; }
            .site .site-inner .site-content #center-container .content-features .content-features-single .features-list {
              list-style: none; }
        .site .site-inner .site-content #center-container .tag-cloud {
          text-align: center; }
        .site .site-inner .site-content #center-container #user-search-results .table {
          display: none; }
        .site .site-inner .site-content #center-container .site-footer {
          padding: 20px;
          margin-top: 50px;
          text-align: center; }
          .site .site-inner .site-content #center-container .site-footer .logo-footer img {
            width: 200px; }

@media screen and (max-width: 1024px) {
  /*********** CSS Theme Achieve ***********/
  .site {
    /******** Contenedor general **********/ }
    .site .site-inner .site-content {
      /******* Menu lateral ********/ }
      .site .site-inner .site-content #center-container .profile-container {
        padding: 10px;
        margin-left: 7%; }
        .site .site-inner .site-content #center-container .profile-container .profile-menu.author .user-avatar-frame {
          float: none;
          width: 110px;
          height: 110px; }
          .site .site-inner .site-content #center-container .profile-container .profile-menu.author .user-avatar-frame .user-avatar {
            width: 100px;
            height: 100px; }
        .site .site-inner .site-content #center-container .profile-container .profile-menu.author .user-name {
          float: none;
          width: 100%;
          font-size: 16px; }
        .site .site-inner .site-content #center-container .profile-container .profile-menu.author .user-position {
          float: none;
          width: 100%; }
        .site .site-inner .site-content #center-container .profile-container .profile-menu .user-avatar-frame {
          width: 136px;
          height: 136px; }
          .site .site-inner .site-content #center-container .profile-container .profile-menu .user-avatar-frame .user-avatar {
            width: 126px;
            height: 126px; }
        .site .site-inner .site-content #center-container .profile-container .profile-menu .user-name {
          font-size: 20px; }
        .site .site-inner .site-content #center-container .profile-container .profile-menu .user-points {
          font-size: 18px; } }
@media screen and (max-width: 768px) {
  /******* Custom BOOTSTRAP *********/
  .form-group .col-xs-12 {
    margin-bottom: 15px; }
    .form-group .col-xs-12:last-child {
      margin-bottom: 0; }
  .form-group #preview-avatar-container #preview-avatar {
    margin: 0 auto; }

  .jfilestyle {
    position: relative; }
    .jfilestyle .focus-jfilestyle {
      /*
      position:absolute;
      top:-40px;
      left:54%;
      */ }
      .jfilestyle .focus-jfilestyle label {
        position: relative; }
        .jfilestyle .focus-jfilestyle label span {
          /*
          min-width: 50px;
          height:50px;
          border-radius: 100%;
          font-size:30px;
*/ }
          .jfilestyle .focus-jfilestyle label span.count-jfilestyle {
            min-width: 300px;
            height: 100%;
            border-radius: 0;
            background: transparent;
            color: #d8cf06;
            font-size: 16px;
            position: absolute;
            left: -170px; }
    .jfilestyle input[type='text'] {
      border: solid 1px #ccc;
      background-color: #fff;
      border-bottom-right-radius: 3px;
      border-top-right-radius: 3px;
      height: 36px; }

  #avatar-container .jfilestyle .focus-jfilestyle {
    position: absolute;
    top: -40px;
    left: 54%; }
    #avatar-container .jfilestyle .focus-jfilestyle label span {
      min-width: 50px;
      height: 50px;
      border-radius: 100%;
      font-size: 30px; }

  /*********** CSS Theme Achieve ***********/
  .site {
    /******** Contenedor general **********/ }
    .site .site-inner .site-content {
      /******* Menu lateral ********/ }
      .site .site-inner .site-content .menu-container {
        background-color: #fff;
        z-index: 10;
        top: 0;
        width: 100%;
        height: auto; }
        .site .site-inner .site-content .menu-container .side-menu .nav > li:first-child a, .site .site-inner .site-content .menu-container .side-menu .nav > li:last-child a {
          font-size: 20px;
          padding: 0 50px; }
        .site .site-inner .site-content .menu-container .side-menu .nav > li:first-child a:hover, .site .site-inner .site-content .menu-container .side-menu .nav > li:last-child a:hover {
          border-right: solid 4px #eee; }
        .site .site-inner .site-content .menu-container .side-menu .nav > li {
          float: left;
          width: 11%; }
          .site .site-inner .site-content .menu-container .side-menu .nav > li > a {
            background-size: 37%;
            border-right: 0;
            padding: 40px 0;
            text-align: center; }
            .site .site-inner .site-content .menu-container .side-menu .nav > li > a:hover {
              background-color: #F8F9FB;
              border-right: 0; }
            .site .site-inner .site-content .menu-container .side-menu .nav > li > a.active {
              background-color: #F8F9FB;
              border-right: 0; }
            .site .site-inner .site-content .menu-container .side-menu .nav > li > a i {
              margin-top: 10px; }
        .site .site-inner .site-content .menu-container .side-menu.subscriber .nav > li {
          width: 16%; }
        .site .site-inner .site-content .menu-container .side-menu.author .nav > li {
          width: 25%; }
          .site .site-inner .site-content .menu-container .side-menu.author .nav > li > a {
            background-size: 19%;
            padding: 45px 50px; }
      .site .site-inner .site-content #center-container {
        padding: 20px 25px 0; } }
@media screen and (max-width: 600px) {
  .site .site-inner {
    margin-top: 75px; }

  form ul {
    column-count: 2; }
  form.transparent-form .form-control {
    font-size: 18px; }
  form#formIntereses .col-xs-2 {
    padding-left: 0; }
  form .form-control {
    height: 46px; }

  .jfilestyle .focus-jfilestyle label span.count-jfilestyle {
    left: -155px; }

  /******* Custom BOOTSTRAP *********/
  .btn-lg {
    min-width: 100%;
    font-size: 20px; }

  .btn-md {
    font-size: 18px; }

  .modal#modal-storytelling .modal-dialog {
    width: 90%;
    margin: 10px auto; }
  .modal .modal-dialog {
    height: 100%; }
    .modal .modal-dialog .modal-content {
      min-height: inherit; }

  .carousel .carousel-inner .item .carousel-caption {
    min-height: inherit;
    padding: 0; }
    .carousel .carousel-inner .item .carousel-caption .container-carousel-caption {
      min-height: inherit;
      margin-bottom: 100px; }
      .carousel .carousel-inner .item .carousel-caption .container-carousel-caption h4 {
        font-size: 20px; }
      .carousel .carousel-inner .item .carousel-caption .container-carousel-caption p {
        font-size: 16px; }
      .carousel .carousel-inner .item .carousel-caption .container-carousel-caption .btn {
        margin-top: 30px;
        position: inherit;
        bottom: 0; }

  .carousel-indicators {
    width: 100%;
    left: 0;
    margin-left: 0; }

  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }

  /******** Custom classes **********/
  .tag-container {
    padding: 5px 10px;
    min-width: inherit;
    font-size: 12px; }

  #activity-list li .col-xs-2 {
    padding: 0; }
  #activity-list li .badge-img img {
    width: 50px;
    height: 50px; }
  #activity-list li .activity-description {
    padding-top: 5px;
    font-size: 16px;
    color: #ccc; }
    #activity-list li .activity-description .time {
      color: #777;
      font-family: "Roboto", sans-serif; }
      #activity-list li .activity-description .time i {
        color: #d8cf06; }
    #activity-list li .activity-description p {
      margin: 3px 0; }
      #activity-list li .activity-description p strong {
        color: #d8cf06;
        font-weight: normal; }

  #save-data {
    min-width: 50%; }

  #before-publish-hour {
    display: block;
    visibility: hidden; }

  /*********** CSS Theme Achieve ***********/
  .site {
    /***** Secciones sin login *****/
    /******** Contenedor general **********/ }
    .site.container-home .site-inner {
      height: 100%; }
      .site.container-home .site-inner .site-content {
        width: 90%; }
        .site.container-home .site-inner .site-content #login-form {
          margin-top: 50px; }
      .site.container-home .site-inner .site-footer {
        position: inherit;
        margin-bottom: 20px; }
        .site.container-home .site-inner .site-footer .logo-footer img {
          max-width: 100px; }
    .site .site-inner .site-content {
      /******* Menu lateral ********/ }
      .site .site-inner .site-content .menu-container {
        background: #fff; }
        .site .site-inner .site-content .menu-container .side-menu {
          padding-bottom: 3px; }
          .site .site-inner .site-content .menu-container .side-menu .nav > li {
            width: 12%; }
            .site .site-inner .site-content .menu-container .side-menu .nav > li > a {
              padding: 30px 0;
              background-size: 35%;
                /*&#dashboard {
                  background-image:url('img/dashboard-mobile.png');
                }

                &#activity {
                  background-image:url('img/activity-mobile.png');
                }

                &#ranking {
                  background-image:url('img/ranking-mobile.png');
                }

                &#favourites {
                  background-image:url('img/favourites-mobile.png');
                }

                &#profile-2 {
                  background-image:url('img/profile-mobile.png');
                }

                &#my-posts {
                  background-image:url('img/my-posts-mobile.png');
                }

                &#upload-post {
                  background-image:url('img/upload-post-mobile.png');
                }

                &#logout {
                  background-image:url('img/logout-mobile.png');
                }*/ }
              .site .site-inner .site-content .menu-container .side-menu .nav > li > a:hover {
                background: linear-gradient(#faef00, #d8cf06);
                background-repeat: no-repeat;
                background-position: 50% 50%;
                background-size: 35%;
                  /*&#dashboard {
                    background-image:url('img/dashboard-mobile.png');
                  }

                  &#activity {
                    background-image:url('img/activity-mobile.png');
                  }

                  &#ranking {
                    background-image:url('img/ranking-mobile.png');
                  }

                  &#favourites {
                    background-image:url('img/favourites-mobile.png');
                  }

                  &#profile-2 {
                    background-image:url('img/profile-mobile.png');
                  }

                  &#my-posts {
                    background-image:url('img/my-posts-mobile.png');
                  }

                  &#upload-post {
                    background-image:url('img/upload-post-mobile.png');
                  }

                  &#logout {
                    background-image:url('img/logout-mobile.png');
                  }*/ }
              .site .site-inner .site-content .menu-container .side-menu .nav > li > a.active {
                background-color: transparent;
                border-bottom: solid 1px #fff;
                  /*&#dashboard {
                    background-image:url('img/dashboard-mobile.png');
                  }

                  &#activity {
                    background-image:url('img/activity-mobile.png');
                  }

                  &#ranking {
                    background-image:url('img/ranking-mobile.png');
                  }

                  &#favourites {
                    background-image:url('img/favourites-mobile.png');
                  }

                  &#profile-2 {
                    background-image:url('img/profile-mobile.png');
                  }

                  &#my-posts {
                    background-image:url('img/my-posts-mobile.png');
                  }

                  &#upload-post {
                    background-image:url('img/upload-post-mobile.png');
                  }

                  &#logout {
                    background-image:url('img/logout-mobile.png');
                  }*/ }
            .site .site-inner .site-content .menu-container .side-menu .nav > li #profile-submenu {
              position: absolute;
              right: 0;
              top: 64px;
              background-color: #eee;
              z-index: 10;
              list-style: none;
              width: 250px;
              text-align: left;
              padding: 20px 15px;
              border-bottom-left-radius: 10px;
              font-size: 16px; }
              .site .site-inner .site-content .menu-container .side-menu .nav > li #profile-submenu li {
                padding: 10px 20px;
                border-bottom: solid 1px #ccc; }
                .site .site-inner .site-content .menu-container .side-menu .nav > li #profile-submenu li:last-child {
                  border: 0; }
                .site .site-inner .site-content .menu-container .side-menu .nav > li #profile-submenu li a {
                  color: #777;
                  font-family: "Roboto", sans-serif; }
          .site .site-inner .site-content .menu-container .side-menu.subscriber .nav > li {
            width: 14%; }
            .site .site-inner .site-content .menu-container .side-menu.subscriber .nav > li > a {
              background-size: 35%;
              padding: 1px 10px; }
          .site .site-inner .site-content .menu-container .side-menu.author .nav > li > a {
            background-size: 20%;
            padding: 1px 10px; }
      .site .site-inner .site-content #center-container {
        padding: 0 15px; }
        .site .site-inner .site-content #center-container .button-menu {
          margin-bottom: 30px; }
          .site .site-inner .site-content #center-container .button-menu a {
            min-width: 35%; }
        .site .site-inner .site-content #center-container .post-container header .col-xs-1 {
          padding: 0; }
        .site .site-inner .site-content #center-container .post-container header .post-title {
          font-size: 20px; }
        .site .site-inner .site-content #center-container .post-container header #favourite-container a {
          font-size: 20px; }
        .site .site-inner .site-content #center-container .post-container .post-content .post-category span {
          font-size: 14px; }
        .site .site-inner .site-content #center-container .post-container .post-content .post-tags {
          margin: 10px -15px; }
        .site .site-inner .site-content #center-container .post-container .post-content .author-date .post-avatar-author {
          padding-right: 0; }
        .site .site-inner .site-content #center-container .post-container .post-content #rate-container a i {
          font-size: 26px;
          margin: 0 10px; }
        .site .site-inner .site-content #center-container .post-container footer {
          padding: 0 0 20px 0;
          font-size: 14px; }
          .site .site-inner .site-content #center-container .post-container footer .post-preview-footer div:first-child {
            width: 36%;
            padding-right: 0; }
          .site .site-inner .site-content #center-container .post-container footer .post-preview-footer div:last-child {
            width: 29%; }
          .site .site-inner .site-content #center-container .post-container footer .post-preview-footer strong {
            font-size: 16px; }
        .site .site-inner .site-content #center-container .titulo-ranking {
          margin-bottom: 20px; }
          .site .site-inner .site-content #center-container .titulo-ranking + div {
            margin-bottom: 20px; } }

/*# sourceMappingURL=style.css.map */