/* ##### BTN ##### */
.btn,  input[type="submit"], .html-editor button, .wp-block-file__button{
  background-color: var(--color-primary);
  text-align:center;
  color:#fff;
  font-size:16px;
  line-height: 1.3;
  display:inline-flex;
  justify-content: center;
  align-items: center;
  height:32px;
  padding:2px 20px 2px 20px;
  text-decoration:none;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow:hidden;
  position:relative;
  border: 2px solid var(--color-primary);
  /*text-transform: uppercase;*/
  max-width: 100%;
  outline: none !important;
  transition: .3s background-color, color, border;
  text-transform: uppercase;
  font-weight: 600;
  min-width: initial;
}
.btn:hover, .btn:focus, .btn.active, a:hover .btn, .html-editor button:hover, .wp-block-file__button:hover{background-color: #ffffff; color:var(--color-primary); cursor:pointer;}

.btn i {line-height: inherit; font-size: 1.2em}

/* ##### BTN BTN-MULTI-LINED ##### */
.btn.btn-multi-lined {
  white-space: normal;
  min-height: 40px;
  height: auto !important;
}

/* ##### BTN BTN-PRIMARY ##### */
.btn.btn-primary {background-color:var(--color-primary); border: 2px solid var(--color-primary); color:#fff;}
.btn.btn-primary:hover, .btn.btn-primary:focus, a:hover .btn.btn-primary, .btn.btn-primary.active  {background-color: #ffffff; color:var(--color-primary);}

/* ##### BTN BTN-SECONDARY ##### */
.btn.btn-secondary {background-color:var(--color-secondary); border: 2px solid var(--color-secondary); color:#fff;}
.btn.btn-secondary:hover, .btn.btn-secondary:focus, a:hover .btn.btn-secondary, .btn.btn-secondary.active  {background-color: #ffffff; color:var(--color-secondary);}

/* ##### BTN-SHARE ##### */
.btn-share {
  font-size: 24px; text-decoration: none;
  margin: 7px; cursor: pointer;
  width: 40px; height: 40px;
  display: flex; align-items: center; justify-content: center;
  transition: .3s all;
}
.btn-share.--twitter {background: #55ADED; border: 2px solid #55ADED; color: #fff;}
.btn-share.--twitter:hover {background: #fff; color: #55ADED;}
.btn-share.--facebook {background: #1877F2; border: 2px solid #1877F2; color: #fff;}
.btn-share.--facebook:hover {background: #fff; color: #1877F2;}
.btn-share.--pinterest {background: #E90119; border: 2px solid #E90119; color: #fff;}
.btn-share.--pinterest:hover {background: #fff; color: #E90119;}
.btn-share.--linkedin {background: #0A66C2; border: 2px solid #0A66C2; color: #fff;}
.btn-share.--linkedin:hover {background: #fff; color: #0A66C2;}

/* ##### BTN BIG ##### */
.btn.big {
  height: 60px;
  font-size: 24px;
}

/* ##### BTN SMALL ##### */
.btn.small {
  height: 35px;
  padding: 1px 20px 0 20px;
}
.btn.small i {font-size: 1em;}

/* ##### BTN DISABLED ##### */
.btn.btn-disabled, .btn[disabled] {
  /*color:#b6b5b5 !important;*/
  font-weight:normal !important;
  text-shadow:0 1px 1px rgba(255,255,255,0.4) !important;
  /*background-color:#e8e8e8 !important;*/
  cursor: not-allowed !important;
  outline: none !important;
  filter: grayscale(100%);
}

  /* ##### BTN BR ##### */
.btn.btn-br-0, .btn.btn-br-0x {border-width: 0 !important;}
.btn.btn-br-1, .btn.btn-br-1x {border-width: 1px !important;}
.btn.btn-br-2, .btn.btn-br-2x {border-width: 2px !important;}
.btn.btn-br-3, .btn.btn-br-3x {border-width: 3px !important;}
.btn.btn-br-4, .btn.btn-br-4x {border-width: 4px !important;}
.btn.btn-br-5, .btn.btn-br-5x {border-width: 5px !important;}


@media all and (max-width: 991px) {
  /* ##### BTN BIG ##### */
  .btn.big {font-size: 18px;}

  /* ##### BTN SMALL ##### */
  .btn.small i {font-size: 1.2em;}

  .btn {min-width: initial;}
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){

  .btn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
  }
}