/* ==========================================================================
   Button styles
   ========================================================================== */

button {
  overflow: visible;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * Primary button
 */

[class^="button"],
[class*=" button"] {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: 40px;
  padding: 11px 20px 9px;
  margin: 0 0 0 16px;
  font: 16px/20px DINWebPro-Bold, Arial, sans-serif;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
  background: #b3d349;
  border: 0;
  color: white;
  -webkit-box-sizing: border-box; /* WebKit */
     -moz-box-sizing: border-box; /* Mozilla */
          box-sizing: border-box; /* Opera & IE 8+ */
  -webkit-appearance: none;
  cursor: pointer;
}

.lt-ie8 a[class^="button"],
.lt-ie8 a[class*=" button"] {
  height: 20px;
}

.no-touch [class^="button"]:hover,
.no-touch [class*=" button"]:hover,
.no-touch .is-hover [class^="button"],
.no-touch .is-hover [class*=" button"] {
  background-color: #beda53;
  color: white;
}

[class^="button"][class]:active,
[class*=" button"][class]:active { /* Give importance over no-touch */
  background-color: #9ec534;
  color: white;
}

[class^="button"]:first-child,
[class*=" button"]:first-child {
  margin-left: 0;
}

[class^="button"].push-right,
[class*=" button"].push-right {
  float: right;
}

[class^="button"].push-left,
[class*=" button"].push-left {
  float: left;
}

/*
 * Secondary button
 */

.button-secondary {
  padding: 10px 20px;
  font-family: DINWebPRo-Medium, Arial, sans-serif;
  background: white;
  border: 1px solid #dadada;
  color: #666;
}

.no-touch .button-secondary:hover,
.no-touch .is-hover .button-secondary {
  background: #f7f7f7;
  color: black;
}

.button-secondary[class]:active { /* Give importance over no-touch */
  background: #efefef;
  color: #666;
}


/*
 * Icon button
 */

.button-icon {
  width: 40px;
  padding-right: 0;
  padding-left: 0;
  text-align: center;
}

/*
 * Large button
 */

.button-large{
  height: auto;
  padding: 0;
  width: auto;
}

/*
 * Media buttons
 */

[class*="button-media"] {
  position: relative;
  bottom: 1px;
  width: 22px;
  height: 23px;
  padding: 0;
  margin: 0 0 0 6px;
  line-height: 23px;
  text-align: center;
  background: transparent;
  border: 1px solid #dadada;
}

    .lt-ie8 [class*="button-media"] i{
      margin-top: 7px;
    }

[class*="button-media"]:first-child {
  margin-left: 0;
}

.no-touch [class*="button-media"]:hover,
[class*="button-media"][class]:active,
[class*="button-media"].is-active { /* Give importance over no-touch */
  background: #c2c2c2;
  border-color: #c2c2c2;
}

.no-touch .button-media-rss:hover,
.button-media-rss[class]:active,
.button-media-rss.is-active { /* Give importance over no-touch */
  background: #ff8a00;
  border-color: #ff8a00;
}

.no-touch .button-media-linkedin:hover,
.button-media-linkedin[class]:active,
.button-media-linkedin.is-active { /* Give importance over no-touch */
  background: #017fb2;
  border-color: #017fb2;
}

.no-touch .button-media-twitter:hover,
.button-media-twitter[class]:active,
.button-media-twitter.is-active { /* Give importance over no-touch */
  background: #28aae1;
  border-color: #28aae1;
}

.no-touch .button-media-facebook:hover,
.button-media-facebook[class]:active,
.button-media-facebook.is-active { /* Give importance over no-touch */
  background: #1f5f9a;
  border-color: #1f5f9a;
}

.no-touch .button-media-yammer:hover,
.button-media-yammer[class]:active,
.button-media-yammer.is-active { /* Give importance over no-touch */
  background: #1ba1e2;
  border-color: #1ba1e2;
}

.no-touch .button-media-youtube:hover,
.button-media-youtube[class]:active,
.button-media-youtube.is-active { /* Give importance over no-touch */
  background: #dc4539;
  border-color: #dc4539;
}

/*
 * Search button
 */

.button-search,
.no-touch .button-search:hover,
.button-search:active {
  width: 21px;
  height: 19px;
  padding: 0;
  line-height: 19px;
  text-align: right;
  background: transparent;
  border-left: 1px solid #dadada;
}

/*
 * Button in grid-column-3
 */

.button-column-3 {
  width: 222px;
  padding: 8px 20px;
  line-height: 25px;
  font-size: 15px;
}

.lt-ie8 .button-column-3 {
  width: 182px;
}

/*
 * Container to align Button right without floating
 */

.container-button-right{
  text-align: right;
  margin-top: 25px;
}