/*****************************
* BUTTONS: CSS for Button shotcodes
******************************/
/* Main Button Style */
.tvn-button{ 
  background:#FFF200; 
  font-weight: 600!important;
  display: inline-block; 
  overflow: hidden; 
  padding: 1px; 
  vertical-align: middle; 
  border: 1px solid #FFF200!important; 
  letter-spacing: 0.8px!important;
}
a.tvn-button {
  cursor: pointer;
  display: inline-block;
  color: #000000!important;
  text-decoration: none;
  margin: 3px 0;
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  box-sizing: border-box;
}
.tvn-button.btn-border-black{
  border: 1px solid #000000!important; 
}
a.tvn-button.btn-medium{
  font-size: 1em; 
  padding: 10px 30px!important;
}
a.tvn-button.btn-small{
  font-size: 1em; 
  padding: 7px 15px;
}
span.tvn-button { 
  color: #000000; 
  font-weight: bold; 
}
span.tvn-button.btn-medium{
  font-size: 1em; 
  padding: 18px 50px 12px;
}
span.tvn-button.btn-small{
  font-size: 1em; 
  padding: 8px 15px 8px 8px;
}
span.tvn-button:hover{
  color: #FFFFFF!important; 
}
/* Hover */
.tvn-button:hover{ 
  background: #000000!important; 
  color:#FFF200!important;
  border: 1px solid #000000!important;
  text-decoration:none; 
}
.tvn-button.tvn-ico-after::after {
    font: 400 16px/1 FontAwesome;
    padding-left: 8px;
}
.tvn-button.btn-medium.tvn-ico-after::after {
    font: 400 16px/1 FontAwesome;
    padding-left: 8px;
}
.tvn-button.btn-small.tvn-ico-after::after {
    font: 400 13px/1 FontAwesome;
    padding-left: 8px;
}
.tvn-ico-after.fa-angle-double-down::after {
    content: "\f103";
}
.tvn-button.btn-icon{
  padding: 15px 15px 15px 0px !important;
}
.tvn-button.btn-small.btn-icon{
  padding: 6px 12px 10px 0px !important;
}
span.tvn-button.btn_label{
  padding-right: 15px!important;
}
span.tvn-button.btn_label span:first-of-type{
  padding-left: 25px;
  border-right: none;
}
span.tvn-button.btn_label span{
  border-right:1px solid white;
  padding-left: 25px;
}
/*DOWNLOAD button color */
/* android: f17b <i class="fab fa-android"></i>
   ios: f179 <i class="fab fa-apple"></i>
*/
.tvn-ico-after.fa-android::after {
    content: "\f17b";
}
.tvn-ico-after.fa-apple::after {
    content: "\f179";
}
.tvn-button.tvn-ico-after::after {
    vertical-align: middle;
    display: inline-block;
    font: 400 16px/1 FontAwesome;
    -webkit-font-smoothing: antialiased;
    padding-top: 0;
    padding-right: 1px;
}
.tvn-button.tvn-ico-after::before {
    display: none;
    content: none;
}
/* BLACK Button */
.tvn-button.color-black { 
  background:#252525!important;
  color: #FFFFFF!important;
  border: none!important;
}
/* Blue Button Hover */
.tvn-button.color-black:hover { 
  background:#252525!important; 
  color: #FFF200!important;
}
@media only screen and (min-width: 768px) {
  a.tvn-button.btn-small{
    font-size: 0.7em; 
  }
  span.tvn-button.btn-small{
    font-size: 0.7em; 
  }
  .tvn-button.btn-small.btn-icon{
    padding: 8px 12px 8px 0px !important;
  }
}