/************************************************************************************
BUTTONS
*************************************************************************************/
.shortcode.ptb_link_button {
    text-decoration: none !important;
    color: #333;
    line-height: 100%;
    white-space: nowrap;
    padding: .5em 1em;
    margin: .5em .2em .5em 0;
    border: solid 1px #aaa;
    background-color: #f5f5f5;
    background-image: none;
    vertical-align: middle;
    display: inline-block;
    text-shadow: 0 1px 0 rgba(255,255,255,.2);
    border-radius: .3em;
    box-shadow: 0 1px 0 rgba(0,0,0,.05), inset 0 1px 0 rgba(255,255,255,.2), inset 0 -1px 0 rgba(255,255,255,.1);
    -webkit-transition: background-color .3s, background-color .3s, border .3s, color .3s;
    -moz-transition:  background-color .3s, background-color .3s, border .3s, color .3s;
    -o-transition:  background-color .3s, background-color .3s, border .3s, color .3s;
    transition:  background-color .3s, background-color .3s, border .3s, color .3s;
}
.shortcode.ptb_link_button:hover {
    text-decoration: none;
    background-color: #fff;
}

/* button colors */
.shortcode.ptb_link_button.yellow {
    border-color: #f2bd00;
    background-color: #ffe20b;
}
.shortcode.ptb_link_button.yellow:hover {
    background-color: #fff21e;
}
.shortcode.ptb_link_button.yellow.outline,
.shortcode.ptb_link_button.yellow.outline:hover {
    color: #ffe20b !important;
    border-color: #ffe20b;
}

.shortcode.ptb_link_button.orange {
    border-color: #b57400;
    background-color: #f9800f;
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0,0,0,.2);
}
.shortcode.ptb_link_button.orange:hover {
    background-color: #ff9a22;
}
.shortcode.ptb_link_button.orange.outline,
.shortcode.ptb_link_button.orange.outline:hover {
    color: #f9800f !important;
    border-color: #f9800f;
}

.shortcode.ptb_link_button.blue {
    border-color: #0087b5;
    background-color: #49b3fc;
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0,0,0,.2);
}
.shortcode.ptb_link_button.blue:hover {
    background-color: #76c7ff;
}
.shortcode.ptb_link_button.blue.outline,
.shortcode.ptb_link_button.blue.outline:hover {
    color: #49b3fc !important;
    border-color: #49b3fc;
}

.shortcode.ptb_link_button.green {
    border-color: #5a881d;
    background-color: #76ab3b;
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0,0,0,.2);
}
.shortcode.ptb_link_button.green:hover {
    background-color: #90c356;
}
.shortcode.ptb_link_button.green.outline,
.shortcode.ptb_link_button.green.outline:hover {
    color: #76ab3b !important;
    border-color: #76ab3b;
}

.shortcode.ptb_link_button.red {
    border-color: #b00704;
    background-color: #e41d24;
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0,0,0,.2);
}
.shortcode.ptb_link_button.red:hover {
    background-color: #fb4e55;
}
.shortcode.ptb_link_button.red.outline,
.shortcode.ptb_link_button.red.outline:hover {
    color: #e41d24 !important;
    border-color: #e41d24;
}

.shortcode.ptb_link_button.black {
    border-color: #000000;
    background-color: #111;
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0,0,0,.8);
}
.shortcode.ptb_link_button.black:hover {
    background-color: #000;
}
.shortcode.ptb_link_button.black.outline,
.shortcode.ptb_link_button.black.outline:hover {
    color: #000 !important;
    border-color: #000;
}

.shortcode.ptb_link_button.purple {
    border-color: #400a5c;
    background-color: #7933ac;
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0,0,0,.6);
}
.shortcode.ptb_link_button.purple:hover {
    background-color: #9655c6;
}
.shortcode.ptb_link_button.purple.outline,
.shortcode.ptb_link_button.purple.outline:hover {
    color: #7933ac !important;
    border-color: #7933ac;
}

.shortcode.ptb_link_button.gray {
    border-color: #767676;
    background-color: #888888;
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0,0,0,.2);
}
.shortcode.ptb_link_button.gray:hover {
    background-color: #adadad;
}
.shortcode.ptb_link_button.gray.outline,
.shortcode.ptb_link_button.gray.outline:hover {
    color: #888888 !important;
    border-color: #888888;
}

/* light color */
.shortcode.ptb_link_button.white,
.shortcode.ptb_link_button.white:hover {
    color: #000 !important;
    border-color: #eee;
    background-color: #fff;
}
.shortcode.ptb_link_button.white.outline,
.shortcode.ptb_link_button.white.outline:hover {
    color: #fff !important;
    border-color: #fff;
}

.shortcode.ptb_link_button.light-yellow {
    border-color: #d5d28a;
    background-color: #fef8a5;
}
.shortcode.ptb_link_button.light-yellow:hover {
    background-color: #fefcdf;
}
.shortcode.ptb_link_button.light-yellow.outline,
.shortcode.ptb_link_button.light-yellow.outline:hover {
    color: #fef8a5 !important;
    border-color: #fef8a5;
}

.shortcode.ptb_link_button.light-blue {
    border-color: #a4cad9;
    background-color: #c5efff;
}
.shortcode.ptb_link_button.light-blue:hover {
    background-color: #e9f9ff;
}
.shortcode.ptb_link_button.light-blue.outline,
.shortcode.ptb_link_button.light-blue.outline:hover {
    color: #c5efff !important;
    border-color: #c5efff;
}

.shortcode.ptb_link_button.light-green {
    border-color: #bed49a;
    background-color: #ebf8d6;
}
.shortcode.ptb_link_button.light-green:hover {
    background-color: #f9fff0;
}
.shortcode.ptb_link_button.light-green.outline,
.shortcode.ptb_link_button.light-green.outline:hover {
    color: #ebf8d6 !important;
    border-color: #ebf8d6;
}

.shortcode.ptb_link_button.pink {
    border-color: #e6adc6;
    background-color: #facde1;
}
.shortcode.ptb_link_button.pink:hover {
    background-color: #fdecf3;
}
.shortcode.ptb_link_button.pink.outline,
.shortcode.ptb_link_button.pink.outline:hover {
    color: #facde1 !important;
    border-color: #facde1;
}

.shortcode.ptb_link_button.lavender {
    border-color: #ccb7e1;
    background-color: #ecd9ff;
}
.shortcode.ptb_link_button.lavender:hover {
    background-color: #f7f0fe;
}
.shortcode.ptb_link_button.lavender.outline,
.shortcode.ptb_link_button.lavender.outline:hover {
    color: #ecd9ff !important;
    border-color: #ecd9ff;
}


/* flat */
.shortcode.ptb_link_button.flat {
    background-image: none;
    box-shadow: none;
    border: none;
    text-shadow: none;
}

/* outline */
.shortcode.ptb_link_button.outline {
    border-style: solid;
    border-width: 1px;
    color: inherit;
}
.shortcode.ptb_link_button.outline,
.shortcode.ptb_link_button.outline:hover {
    background: none;
    box-shadow: none;
    text-shadow: none;
}

/* button size */
.shortcode.ptb_link_button{
    font-weight: bold;
}
.ptb_link_button.small {
    font-size: 80%;
    font-weight: normal;
}
.ptb_link_button.medium{
    font-size: 100%;
}
.ptb_link_button.large {
    font-size: 120%;
}
.ptb_link_button.xlarge {
    font-size: 150%;
}

/* button shape */
.shortcode.ptb_link_button.rect {
    border-radius: 0;
}
.shortcode.ptb_link_button.rounded {
    border-radius: 20em;
}

/* button embossed */
.shortcode.ptb_link_button.embossed {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -2px 0 rgba(0,0,0,.2), inset 0 -3px 0 rgba(255,255,255,.2);
}
.shortcode.ptb_link_button.embossed.small,
.shortcode.ptb_link_button.small.embossed {
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.2), inset 0 -2px 0 rgba(255,255,255,.2);
}
.shortcode.ptb_link_button.embossed.large,
.shortcode.ptb_link_button.large.embossed {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -3px 0 rgba(0,0,0,.2), inset 0 -4px 0 rgba(255,255,255,.2);
}
.shortcode.ptb_link_button.embossed.xlarge,
.shortcode.ptb_link_button.xlarge.embossed {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -3px 0 rgba(0,0,0,.2), inset 0 -5px 0 rgba(255,255,255,.2);
}

/* button active */
.shortcode.button:active {
    position: relative;
    top: 1px;
}

/************************************************************************************
ICON FONT
*************************************************************************************/
.ptb_link_button.fa:before {
    font-family: FontAwesome;
    line-height: 1em;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    width: 1em;
    background: none;
    font-size: inherit;
    text-align: center;
    margin: 0 .5em 0 -.5em;
}