/*
Theme Name: Bulmapress
Theme URI: http://bulmapress.com/
Author: Scops
Author URI: http://scops.com
Description: A modern wordpress starter theme built on top of underscores (by Autommatic) with Bulma.io mobile-first flexbox frontend.
Version: 0.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bulmapress
Tags: one-column, two-columns, three-columns, four-columns, grid-layout, featured-images, accessibility-ready, featured-images, microformats, sticky-post, threaded-comments, translation-ready, blog, news, photography, portfolio
*/


html, body { 
    background: url(/wp-content/themes/bulmapress/frontend/images/background.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font-family: 'Open Sans';
    overflow: auto!important;
}

body {
    padding: 32px;
}

.title {
    font-size: 20px;
    font-weight: bold;
    color: #0096AD;
}

.title-text {
    font-size: 48px;
    color: #617787;
}


.navbar {
    background-color: transparent!important;    
}

.navbar-item {
    font-size: 16px;
    line-height: 1.5;
    color: #2F3B45;
}

.navbar-item.active-page {
    text-decoration: underline;
    text-underline-offset: 10px;
}

/* Pop */
@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
.hvr-pop {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
  -webkit-animation-name: hvr-pop;
  animation-name: hvr-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}


.notification-badge {
    position: relative;
    background: #008BE1;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    top: -12px;
    padding: 2px 6px;
    font-size: 9px;
    font-weight: bolder;
    color: #ffffff;
    left: -14px;
}

.section {
    padding: 0.8rem 0.8rem;
}
.section-title {
    margin-top: 32px;   
}
@media screen and (min-width: 1024px) {
  .section {
    padding: 1.2rem 1.2rem;
  }
  .section-title {
    margin-top: 64px;   
  }
}

.card {
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);   
}


/*** servicii ***/

.card.serviciu {
    width: 240px;
    height: 180px;
}

.progress.serviciu {
    height: 4px;
    margin-bottom: 0px;
    margin-top: 14px;
}

.procent-serviciu {
    float: right;
    font-size: 8px;
    line-height: 2em;
    color: #B0B9C0; 
    
}

.progress.is-program {
  background-color: #E4F2C1;
}
.progress.is-program::-webkit-progress-bar {
  background-color: #E4F2C1;
}
.progress.is-program::-webkit-progress-value {
  background-color: #8AC300;
}
.progress.is-program::-moz-progress-bar {
  background-color: #8AC300;
}
.progress.is-program::-ms-fill {
  background-color: #8AC300;
}
.progress.is-program:indeterminate {
  background-image: linear-gradient(to right, #8AC300 30%, #E4F2C1 30%);
}

.progress.is-evaluare {
  background-color: #E3F9FF;
}
.progress.is-evaluare::-webkit-progress-bar {
  background-color: #E3F9FF;
}
.progress.is-evaluare::-webkit-progress-value {
  background-color: #003ACC;
}
.progress.is-evaluare::-moz-progress-bar {
  background-color: #003ACC;
}
.progress.is-evaluare::-ms-fill {
  background-color: #003ACC;
}
.progress.is-evaluare:indeterminate {
  background-image: linear-gradient(to right, #003ACC 30%, #E3F9FF 30%);
}

.status-serviciu-icon {
    width: 20px;
    height: 20px;
}

.card-content.serviciu {
    padding: 20px;
}

.status-serviciu {
    font-size: 11px;
    line-height: 1.6em;
    color: #617787;
}

span.data-serviciu {
    font-size: 11px;
    color: #8F9EA9;
    float: right;
    line-height: 1.2em;
}

span.data-serviciu b {
    font-size: 15px;
    color: #3D4D59;
    line-height: 1.143;
}

.aligned {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.denumire-serviciu {
    display: block;
    line-height: 1.143em;
    padding: 0px;
    font-size: 14px;
    font-weight: bold;
    color: #3D4D59;
    word-wrap: break-word;
}
.denumire-serviciu.fisier {
    padding-top: 10px;
}

.link-serviciu a {
    font-size: 14px;
    color: #008BE1;
    line-height: 1.143em;    
    display: flex;
    align-items: center;
    bottom: 16px;
    position: absolute;    
}


/*** teste ***/

.card.test {
    width: 240px;
    height: 200px;
}

.card.test.efectuat {
    border-left: 4px solid #ABDA42;
}

.card.test.neparcurs {
    border-left: 4px solid #FFA6AD;
}

.card.test.disabled {
    border-left: 4px solid #FFD9DE;
    box-shadow: none;
}

.denumire-test {
    display: block;
    line-height: 1.143em;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #3D4D59;
    word-wrap: break-word;
}

.descriere-test {
    display: block;
    line-height: 1.333em;
    padding: 0px;
    font-size: 12px;
    color: #1F2A30;
    word-wrap: break-word;
}

.card-content.test {
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.status-test-icon {
    width: 20px;
    height: 20px;
}

.link-test a {
    font-size: 14px;
    color: #008BE1;
    line-height: 1.143em;    
    display: flex;
    align-items: center;
    bottom: 12px;
    right: 16px;
    position: absolute;    
}

.test-disabled {
    color: #617787;  
}

.link-test-disabled a {
    font-size: 14px;
    color: #8F9EA9;
    line-height: 1.143em;    
    display: flex;
    align-items: center;
    bottom: 12px;
    right: 16px;
    position: absolute;    
}

.section-categorie-teste {
    padding-bottom: 24px!important;
}

.categorie-teste {
    font-size: 16px;
    color: #1F2A30;
    line-height: 1.5em;  
    font-weight: bold;   
}

/*** modul ***/

.card.modul {
    width: 240px;
    height: 138px;
}

.card-content.modul {
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.link-modul a {
    font-size: 14px;
    color: #008BE1;
    line-height: 1.143em;    
    display: flex;
    align-items: center;
    bottom: 12px;
    right: 16px;
    position: absolute;    
}


.link-modul-disabled a {
    font-size: 14px;
    color: #8F9EA9;
    line-height: 1.143em;    
    display: flex;
    align-items: center;
    bottom: 12px;
    right: 16px;
    position: absolute;    
}


.denumire-modul {
    display: block;
    line-height: 1.143em;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #3D4D59;
    word-wrap: break-word;
}

.modul-disabled {
    color: #617787;  
}

.card.modul.disabled {
    box-shadow: none;
}

/*** portofoliu ***/

.card.portofoliu {
    width: 240px;
    height: 160px;
}

.card.portofoliu.evaluare {
    border-left: 4px solid #0CAAED;
}

.card.portofoliu.program {
    border-left: 4px solid #ABDA42;
}


/*** notificari ***/

.card.notificare {
    width: 240px;
    height: 200px;
}


.card.notificare.alte {
    border-left: 4px solid #00ACC7;
}

.card.notificare.mesaj {
    border-left: 4px solid #00ACC7;
}

.card.notificare.program {
    border-left: 4px solid #8AC300;
}

.card.notificare.evaluare {
    border-left: 4px solid #003ACC;
}

.card.notificare.citita {
    border-left: 4px solid #B8E7EF;
}

.notificare-titlu {
    display: block;
    line-height: 1.143em;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-top: 26px;
    font-size: 14px;
    font-weight: bold;
    color: #3D4D59;
    word-wrap: break-word;
}

.notificare-descriere {
    display: block;
    line-height: 1.333em;
    padding: 0px;
    font-size: 12px;
    color: #1F2A30;
    word-wrap: break-word;
}

.card-content.notificare {
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.notificare-link a {
    font-size: 14px;
    color: #008BE1;
    line-height: 1.143em;    
    display: flex;
    align-items: center;
    bottom: 12px;
    right: 16px;
    position: absolute;    
}

span.notificare-data {
    display: block;
    font-size: 11px;
    color: #8F9EA9;
    float: right;
    line-height: 1.2em;
}

span.notificare-data b {
    font-size: 15px;
    color: #3D4D59;
    line-height: 1.143;
}


/*** mesaje ***/

.bubbledRight {
    background-color: #00ACC7!important;
    font-size:14px!important;
    line-height: 1.429em!important;
    color: #ffffff!important;
}
.bubbledRight:before {
    display:none;
}

.bubbledLeft {
    background-color: #E6FAF9!important;
    font-size:14px!important;
    line-height: 1.429em!important;
    color: #1F2A30!important;    
}
.bubbledLeft:before {
    display:none;
}

.timestampLeft, .timestampRight {
    font-size: 12px!important;
    color: #8F9EA9!important;
    
}

.commentArea {
    background-color: #ffffff!important;
    border: none!important;
    overflow-y: auto!important;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3);
    border-radius: 6px;
}

textarea#mesaj {
    background-color: #ffffff!important;
    border: none!important;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    padding: 8px;
}

textarea#mesaj:focus-visible {
    outline: none;
}

#msg_label {
    color: #3D4D59;
    font-size: 14px;
    line-height: 1.333em;
    font-weight: bold;
}

#msg_note {
    color: #778996;
    font-size: 12px;
    line-height: 1.6em;
}

#btnsubmit {
    border: 2px solid #008BE1;   
    background-color: transparent!important;
    color: #008BE1;
    font-size: 14px;
    line-height: 1.143;
    font-weight: bold;
    float: right;
}