@charset "utf-8";
@import "00_conf";
// ver1.1.0

/**
 * Override understrap css
 */
a {
  color: $color-blue-main;
  &:hover { color: darken($color-blue-main, 10%); text-decoration: underline; }
}

.badge { border-radius: 0; font-weight: normal; }
.badge.badge- {
  // Add
  &info {
    border-radius: 0!important;
    color: white;
    background: #689f38;
  }
  &new-prod {
    border-radius: 0!important;
    color: white;
    background: #ff6f00;
  }
  &media {
    border-radius: 0!important;
    color: white;
    background: #00a3b8;
  }
  &event {
    border-radius: 0!important;
    color: white;
    background: #7f5f8e;
  }
}
.badge- {
  // Add
  &info {
    border-radius: 0!important;
    color: white;
    background: #689f38;
  }
  &new-prod {
    border-radius: 0!important;
    color: white;
    background: #ff6f00;
  }
  &media {
    border-radius: 0!important;
    color: white;
    background: #00a3b8;
  }
  &event {
    border-radius: 0!important;
    color: white;
    background: #7f5f8e;
  }
}

.badge.badge-info {
  border-radius:0!important;
  color:#fff;
  background:#689f38
 }
 .badge.badge-new-prod {
  border-radius:0!important;
  color:#fff;
  background:#ff6f00
 }
 .badge.badge-media {
  border-radius:0!important;
  color:#fff;
  background:#00a3b8
 }
 .badge.badge-event {
  background:#7f5f8e
 }
 .badge-info,.badge.badge-event {
  border-radius:0!important;
  color:#fff
 }
 .badge-info {
  background:#689f38
 }
 .badge-new-prod {
  background:#ff6f00
 }
 .badge-media,.badge-new-prod {
  border-radius:0!important;
  color:#fff
 }
 .badge-media {
  background:#00a3b8
 }
 .badge-event {
  border-radius:0!important;
  color:#fff;
  background:#7f5f8e
 }

.btn {
  border-radius: 0;
  @media (max-width:600px) {
    white-space: inherit;
  }
}

.btn.focus, .btn:focus, .wpcf7 input.focus[type=submit], .wpcf7 input:focus[type=submit] {
  box-shadow: 0 0 0 0.2rem lighten($color-blue-main, 50%) !important;
}
.text-primary { color: $color-blue-main !important; }
.btn-primary {
  border-radius: 0 !important;
  background-color: $color-blue-main;
  border-color: $color-blue-main;
  &:hover,&:active {
    background-color: lighten($color-blue-main, 5%) !important;
    border-color: lighten($color-blue-main, 5%) !important;
  }
  &:focus  { box-shadow: 0 0 0 0.2rem lighten($color-blue-main, 50%) !important; }
}
.page-link:focus { box-shadow: 0 0 0 0.2rem lighten($color-blue-main, 50%) !important; }
.btn-outline-primary {
  border-radius: 0 !important;
  color: $color-blue-main !important; border-color: $color-blue-main !important;
  &.btn { padding-left: 1.6rem; padding-right: 2rem; }
  &:hover,&:active {
    color: white !important;
    background-color: $color-blue-main !important;
    border-color: $color-blue-main !important;
  }
  &:focus { box-shadow: 0 0 0 0.2rem lighten($color-blue-main, 50%) !important; }
  @media (min-width: 768px) and (max-width: 991px) {
    .btn-width input[type="submit"] {
      width: 30% !important;
    }
  }
}
.border-primary { border-color: $color-blue-main !important; }
.border-primary--light { border-color: $color-blue-main--light !important; }
input:focus {
  border-color: lighten($color-blue-main, 5%) !important;  
  box-shadow: 0 0 0 0.2rem lighten($color-blue-main, 50%) !important;
}

textarea:focus {
  border-color: lighten($color-blue-main, 5%) !important;  
  box-shadow: 0 0 0 0.2rem lighten($color-blue-main, 50%) !important;
}
select:focus {
  border-color: lighten($color-blue-main, 5%) !important;  
  box-shadow: 0 0 0 0.2rem lighten($color-blue-main, 50%) !important;
}
.col-sm-13 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 35.7%;
  flex: 0 0 35.7%;
  max-width: 35.7%;
}