@charset "UTF-8";

body{
  background: #E0E0E0;
  font-family: 'Josefin Sans', sans-serif!important;
  font-weight: 200;
}

a {
    color: #134d73!important;
}

.jomsocial-wrapper .jomsocial{
  padding: 0!important;
  background: transparent!important;
}

.joms-toolbar{
  background: rgb(246,18,4)!important;
  background: linear-gradient(90deg, rgba(246,18,4,1) 0%, rgba(84,57,95,1) 50%, rgba(23,81,123,1) 100%)!important;
  border-radius: 50px;
  padding: 15px 0;
}

.joms-toolbar .joms-icon{
  fill:#FFFFFF!important;
  margin: 20px 0!important;
}

.joms-toolbar > ul > li:hover{
  background-color:inherit!important;
}

.joms-toolbar .joms-notifications__label {
  top: -5.65248px!important;
}

#mod-custom131{
  width: 100%;
  height: 7px;
  background: rgb(246,18,4);
  background: linear-gradient(90deg, rgba(246,18,4,1) 0%, rgba(84,57,95,1) 50%, rgba(23,81,123,1) 100%);
}

#joms-js--attachment-uploader{
  background: rgb(246,18,4)!important;
  background: linear-gradient(90deg, rgba(246,18,4,1) 0%, rgba(84,57,95,1) 50%, rgba(23,81,123,1) 100%)!important;
}

.process{
  background: rgb(11,48,77);
  background: linear-gradient(90deg, rgba(11,48,77,1) 0%, rgba(14,76,111,1) 50%, rgba(19,77,115,1) 100%);
  border-radius: 15px;
  padding: 15px;
  color: #FFFFFF;
}

.process .title-process{
    color: #FFFFFF;
    font-weight: 600!important;
    font-family: 'Lora', serif;
    font-size: 20px;
}

.process .content-process{
    line-height: 15px;
    padding-top: 10px;
}

.process hr{
  background-color: #FFFFFF;
  margin-top: 15px;
}

.process a{
  color: #FFFFFF;
  font-weight: 200;
}

.view-more-gentium{
  text-align: right;
  font-family: 'Josefin Sans', sans-serif!important;
  font-weight: 200;
}

.province{
  background: #FFFFFF;
  border-radius: 15px;
  padding: 15px;
  color: #134d73;
  margin-top: 15px;
}

.province .title-province{
    color: #134d73;
    font-weight: 600!important;
    font-family: 'Lora', serif;
    font-size: 20px;
}

.province .content-province{
    line-height: 15px;
    padding-top: 10px;
}

.province a{
  color: #134d73;
  font-weight: 200!important;
  font-family: 'Josefin Sans', sans-serif!important;
}

.province-thumbs-gentium{
  margin-top: 10px;
}

.province-thumbs-gentium img{
  border-radius: 20px;
}

.province-thumbs-gentium a{
  font-weight: 800!important;
}

.webinars{
  margin-top: 15px;
}

.news{
  background: #FFFFFF;
  border-radius: 15px;
  padding: 15px;
  color: #134d73;
  margin-top: 15px;
  margin-bottom: 15px;
}

.news .title-news{
    color: #134d73;
    font-weight: 600!important;
    font-family: 'Lora', serif;
    font-size: 20px;
}

.news .content-news{
    line-height: 15px;
    padding-top: 10px;
}

.news a{
  color: #134d73;
  font-weight: 200;
}

.news hr{
  margin-top: 15px;
}

.joms-focus{
  background: transparent!important;
}

.joms-focus__header{
  background: transparent!important;
}

.joms-focus__header{
  top: 0!important;
}

.joms-focus__button--options--desktop > a{
  background: transparent!important;
}

.joms-focus__title h2{
  font-family: 'Lora', serif;
  color: #134d73!important;
  font-size: 25px!important;
}
.profile-edit-gentium{
  background: #134d73;
  color: white;
  padding: 3px 15px;
  border-radius: 50px;
}

.joms-avatar--focus{
  display: block!important;
  width: 100%!important;
  text-align: center;
}

.joms-avatar--focus img{
  width: 120px!important;
  max-width: 120px!important;
}

.joms-focus__title{
  width: 100%!important;
  display: block!important;
  text-align: center;
}

.joms-focus__header hr{
    background-color: #134d73;
}

.actions-friends-gentium{

}

@media only screen and (max-width: 480px){
  .joms-online a {
      width: 100%!important;
      max-width: 120px!important;
      margin: auto!important;
  }

  .joms-avatar--focus.joms-online a:after {
    right: 11px!important;
  }

  .joms-focus__title h2{
    text-align: center!important;
  }

  .joms-focus__actions{
    margin-top: -45px;
    display: block!important;
    position: absolute;
    padding-top: 5px;
  }

  .actions-gentium{
    border-top: 1px solid #134d73!important;
    border-bottom: 1px solid #134d73!important;
  }

  .actions-gentium-p{
    border-bottom: 1px solid #134d73!important;
    padding-bottom: 10px;
  }

  .joms-text--light{
    display: block;
  }

  .stats-gentium{
    margin-top: 75px;
  }

  .focus-link-gentium{
    display: none;
  }

  .joms-focus__actions .joms-focus__button--add {
    background: transparent!important;
    color: #134d73!important;
    border:none!important;
  }

  .joms-focus__actions .joms-focus__button--add img{
    display: block;
    width: 60px;
    margin: 0 auto;
  }

  .joms-focus__actions .joms-focus__button--add {
    color: #134d73!important;
    font-weight: 600!important;
  }

  .joms-focus__actions .joms-focus__button--message {
    background: transparent!important;
    color: #134d73!important;
    border:none!important;
  }

  .joms-focus__actions .joms-focus__button--message img{
    display: block;
    width: 60px;
    margin: 0 auto;
  }

  .joms-focus__actions .joms-focus__button--message {
    color: #134d73!important;
    font-weight: 600!important;
  }

  .joms-focus__actions .joms-focus__button--options {
    background: transparent!important;
    color: #134d73!important;
    border:none!important;
  }

  .joms-focus__actions .joms-focus__button--options img{
    display: block;
    width: 60px;
    margin: 0 auto;
  }

  .joms-focus__actions .joms-focus__button--options {
    color: #134d73!important;
    font-weight: 600!important;
  }

  .stats-gentium img{
    width: 30px
  }

  .stats-gentium-p img{
    width: 30px
  }

  .stats-gentium a, .stats-gentium-p a{
    font-weight: 600;
    color: #134d73!important;
  }

  .stats-gentium span, .stats-gentium-p span {
    background: #CCC;
    width: 70%;
    margin: 0 auto;
    color: #134d73;
    border-radius: 50px;
  }

  .stats-gentium img, .stats-gentium-p img {
    display: block;
    margin: 0 auto;
  }

  .stats-groups-gentium img{
    display:block;
    margin: 0 auto;
    height: 23px;
  }

  .stats-groups-gentium a{
    display: block!important;
    color: #FFFFFF;
    padding: 0!important;
  }

  .stats-groups-gentium-b img{
    display:block;
    margin: 0 auto;
    height: 23px;
  }

  .stats-groups-gentium-b a{
    display: block!important;
    color: #FFFFFF;
    padding: 0!important;
  }

  .stats-groups-gentium span, .stats-groups-gentium-b span {
    background: #CCC;
    width: 70%;
    margin: 0 auto;
    color: #134d73;
    border-radius: 50px;
  }

  .joms-postbox-tab{
    background: #134d73!important;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
  }

  .joms-postbox{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
  }

  .joms-postbox-tab li{
    color:
  }

  .joms-postbox-tab li.active {
    background-color: rgba(0, 0, 0, 0.3)!important;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
  }

  .joms-postbox-tab .joms-icon{
    fill: #FFF!important;
  }

  .jomsocial-wrapper .jomsocial a{
    border-radius: 10px;
  }

  .groups-gentium{
    background: #134d73!important;
    border-radius: 20px;
    margin-top: 110px;
    height: 280px;
  }

  .groups-gentium h2{
    color: #FFF!important;
    text-align: left!important;
  }

  .groups-actions-gentium .joms-focus__button--add{
    background: #FFF!important;
    border-radius: 50px!important;
    padding: 8px;
  }
  .groups-actions-gentium .joms-focus__button--options{
    background: #CBCBCB!important;
    border-radius: 50px!important;
    padding: 8px;
    color: #999999!important;
  }

  .groups-actions-gentium{
    margin-top: -70px!important;
    margin-bottom: 10px;
  }

  .stats-groups-gentium {
    border-top: 1px solid #B8CAD7;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .stats-groups-gentium-b {
    border-top: 1px solid #B8CAD7;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .joms-stream {
    border-radius: 10px;
  }

  .joms-comment__reply{
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
  }

  .joms-page{
    border-radius: 10px;
  }

.groups-miniheader-gentium{
  margin: 20px 0;
}

  .groups-miniheader-gentium a{
    font-family: 'Lora', serif;
  }

  .groups-miniheader-gentium img{
    float: right;
    width: 30px;
  }

  .joms-page__title{
    font-family: 'Lora', serif;
    color: #134d73;
    font-size: 20px;
  }

}