/* Fix for showing main menu left sidebar properly on mobile */
body.sidebar-active .main-container {
  left: 0;
}
/* Blog styling */
h2.blog-teaser-title{
  line-height: 1;
}
h2.blog-teaser-title a{
  font-size: 1.7rem;
  color:#333;
  font-weight: 700;
}
h2.blog-teaser-title a:hover{
  color:#3085be;
}
/* Icon list block styling */
.list-block a {
  color: #f39200 !important;
}
.call-to-action-row .btn{
  border: 1px #fff solid !important;
  margin-right:1rem;
}
#digital_result_message,
#offset_result_message{
  color:#f39200;
}
.description{
  font-size: 0.8rem;
}
.modal{
  z-index: 999999;
}
.border-top-orange-5{
  border-top:5px solid #f39200;
}
.border-top-orange-2{
  border-top:2px solid #f39200;
}
.border-bottom-orange-2{
  border-bottom:2px solid #f39200;
}
.bg-color-orange.active{
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.hidden{
  display:none;
}
.badge.badge-light {
  background-color: #f8f9fa !important;
  color: #212529 !important;
}
input.error{
  border:1px solid #FF0000;
}
.content-block:not(.embedded-video) {
  border: 5px solid #fff;
  min-height: initial;
}
.content-block li{
  font-weight: 300;
  font-size: 1.2rem;
  font-family: "Roboto",sans-serif;
}
a.faq-title{
  font-size:1.1rem;
  font-weight: normal;
}
.faq-content p{
  font-size:1rem;
  margin-bottom:0;
}
.bg-color-lightest-grey{
  background-color:#FAFAFA ;
}
.rating-stars {
  background: url(/themes/custom/pumbo/assets/images/icon_review_star.png) 0 8px no-repeat;
  height: 32px;
}
span.text-light-100 {
  font-weight: 100 !important;
}
span.text-normal-300 {
  font-weight: 300 !important;
}
span.text-bold-700 {
  font-weight: 700 !important;
}
p b,
p strong {
  font-weight: 700 !important;
}
.account-nav .active,
.account-nav a:hover{
  border-left:4px solid #3085be;
  color:#3085be;
}
.account-nav a{
  color:#0a0a0a;
}
.account-nav ul {
  font-weight: 500;
  font-size: 1rem;
  padding-inline-start: 1rem;
  margin: 0;
}
.account-nav li {
  list-style: none;
}
.account-nav p {
  color:#0a0a0a;
  font-size: 1rem;
  display: block;
  padding: .5rem 1rem;
  margin: 0;
}
.user-form label,
.user-login-form label,
.user-pass label {
  color: #2c2c2c;
  font-size: 1rem;
  margin-bottom: 0;
}
.user-form .description,
.user-login-form .description,
.user-form .password-strength__title{
  color: #a8a8a8;
  font-size: 0.8rem;
  margin-bottom: 5px;
}
.user-pass p {
  margin-top:10px;
  margin-bottom:30px;
  font-size: 0.9rem;
}
.user-form .form-item {
  margin-bottom: 10px;
}
.password-strength__meter .is-good{
  background-color: darkgreen;
}
.password-strength__meter .is-weak{
  background-color: red;
}
.password-strength__meter .is-fair{
  background-color: orange;
}
.password-strength__meter .is-strong{
  background-color: forestgreen;
}
.password-suggestions.description{
  color: darkred;
  font-size: 0.9rem;
}
.border-danger {
  border:2px solid #dc3545 !important;
}
.border-success {
  border:2px solid green !important;
}
.btn-orange:disabled,
button:disabled,
button[disabled]{
  border: 1px solid #bdbdbd;
  background-color: #cccccc !important;
  color: #666666;
}
/* Pricetool */
label[for=edit-book-size-height-width-container-width],
label[for=edit-book-size-height-width-container-height]{
 font-size:0.8rem;
}
/* Active campaign forms in modal */
.modal ._form-content {
   width: 80%;
 }
.modal ._form-content label {
   color: #0a0a0a !important;
 }
.text-orange{
  color: #f39200 !important;
}
.text-blue{
 color:#3085be!important;
}
.bg-color-pink{
  background-color: #e61873 !important;
}
.font-weight-100 {
  font-weight: 100 !important;
}
.font-weight-300 {
  font-weight: 300 !important;
}

/* Register page */
p.register-list-left{
  font-size:0.9rem !important;
}
.register-list-left i{
  margin-top:7px !important;
  font-size:1.2rem;
}
.create-account-wrapper form label,
.login-wrapper form label{
  margin-bottom: 5px !important;
  font-size:1.2rem !important;
  font-weight: 100 !important;
}
.create-account-wrapper label[for=edit-send-mail-1]{
  font-size:0.9rem !important;
  color:#0a0a0a;
}
.login-wrapper .description{
  display:none;
}
.login-wrapper label[for=edit-pass]{
  margin-top:15px;
}


/* Comments */
#comment-form label[for*="edit-field-email-0-value"],
#comment-form label[for*="edit-name"],
#comment-form label[for*="edit-field-website-0-value"]{
  display:none;
}
#comment-form .form-item{
  margin-bottom:20px;
}
ul.links.inline {
  list-style: none;
  margin: 0 0 0.5em;
  padding: 0;
}
.links > li {
  display: inline-block;
  margin-right: 0.3em; /* LTR */
}
[dir="rtl"] .links > li {
  margin-left: 0.3em;
  margin-right: 0;
}
.links a {
  display: block;
  padding: 0.2em 1em;
  text-decoration: none;
}
.links a.is-active {
  background-color: #eee;
}
.links a:focus,
.links a:hover {
  background-color: #f5f5f5;
}
.indented{
  padding-left: 20px;
  margin-bottom: 40px;
}

/* Blog sidebar */
@media (min-width: 992px){
  .w-md-75 {
    width: 75% !important;
  }
}
@media (min-width: 992px){
  .w-md-25 {
    width: 25% !important;
  }
}

/* Blog dates */
.text-green{
  color: #2fac66 !important;
}
.bg-lime {
  background-color: #cef0dd !important;
}
.blog-dates{
  margin-top:6px;
}
.blog-dates span{
  margin-left:-4px;
}

/* Edit image */
.user-form .field--type-image .description{
  margin-top:10px;
}
.image-widget.js-form-managed-file.form-managed-file.clearfix .js-form-submit {
  padding: 10px 10px !important;
  font-size: 0.9rem;
  margin-top:5px;
  text-transform: initial !important;
}
.user-form .field--type-image{
  border: 1px solid #e4e4e4;
  padding: 10px;
  margin:5px 0 10px 0;
}

/* Comments */
.comment-body-text{
  font-size: 1.2rem;
  font-weight: 300;
}
.comment-body-text ul {
  list-style-position: outside;
}
.bg-color-light-red{
  background-color:#D98C89;
}

/* Graphit Report */
.card-body .fas.fa-exclamation.text-warning{
  color:#ff0000 !important;
}

/* HR font bigger */
.hr-component span {
  font-size: 1.2rem;
}

/* Make sure there is space between 2 buttons */
.btn + .btn,
.btn + .modal + .btn {
  margin-left: 1rem;
}

/* Same typography as p */
.content-container ul li,
.content-container ol li{
  font-size: 1.2rem;
  font-weight: 300;
}

/* border coloring */
.color-dark.border-top{
  border-color: #333 !important;
}
.color-black.border-top{
  border-color: #000 !important;
}
/* Blog referenced link */
.blog-referenced-teaser a:not(.btn):hover{
  text-decoration: underline;
}
/* Apply extra padding for example in /diensten */
.text-content .justify-content-center .p-20px{
 padding:20px;
}