/*
*
* !DO NOT EDIT THE CSS FILES, THEY ARE BUILT WITH THE LESS CSS!
* less/footer/share.less
*
* ---------------------------
* Styles associated with the Share This widget
* ---------------------------
*/
@import "../_mixins/all.less";
@import "../_mixins/spriteSheet.less";

@dir: '../';

// Share is hidden inside footer.less until 600px

@media (min-width: 320px) {
    
}
@media (min-width: 480px) {

}
@media (min-width: 600px) {
    #footer .footer_col .socialmedia {
        padding: 0;
        list-style: none;
        border: 1px solid #d5d5d5;
        .border-radius(3px);
        display: inline-block;
        .background-clip(padding-box);
        width: 100%;
        
        > li {
            border: 1px solid #f5f2ef;
            border-right: 1px solid #d5d5d5;
            margin: 0;
            text-transform: uppercase;
            font-size: 11px;
            font-weight: bold;
            color: #444;
            height: 100%; 
            background: #efece9;
            background: -moz-linear-gradient(top, #efece9 0%, #f2f1ed 50%, #e7e4e3 51%, #e4e0dd 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efece9), color-stop(50%,#f2f1ed), color-stop(51%,#e7e4e3), color-stop(100%,#e4e0dd));
            background: -webkit-linear-gradient(top, #efece9 0%,#f2f1ed 50%,#e7e4e3 51%,#e4e0dd 100%); 
            background: -o-linear-gradient(top, #efece9 0%,#f2f1ed 50%,#e7e4e3 51%,#e4e0dd 100%);
            background: -ms-linear-gradient(top, #efece9 0%,#f2f1ed 50%,#e7e4e3 51%,#e4e0dd 100%);
            background: linear-gradient(to bottom, #efece9 0%,#f2f1ed 50%,#e7e4e3 51%,#e4e0dd 100%);
            width: 40%;
            float: left;
            .box-sizing(border-box);
            &:first-child {
                .border-radius4(3px, 0, 0, 3px);
            }
            &:last-child {
                .border-radius4(0, 3px, 3px, 0);
                border-right: 1px solid #f5f2ef;
            }
            &:hover {
                background: #69ad77; /* Old browsers */
                background: -moz-linear-gradient(bottom, #69ad77 0%, #5ea36c 50%, #449955 51%, #358446 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#69ad77), color-stop(50%,#5ea36c), color-stop(51%,#449955), color-stop(100%,#358446)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(bottom, #69ad77 0%,#5ea36c 50%,#449955 51%,#358446 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(bottom, #69ad77 0%,#5ea36c 50%,#449955 51%,#358446 100%); /* Opera11.10+ */
                background: -ms-linear-gradient(bottom, #69ad77 0%,#5ea36c 50%,#449955 51%,#358446 100%); /* IE10+ */
                background: linear-gradient(to top, #69ad77 0%,#5ea36c 50%,#449955 51%,#358446 100%); /* W3C */
                
                a {
                    color: #fff;
                    text-shadow: none
                }
            }    
            
            > a {
                border-radius: 0;
                height: 26px;
                border: none;
                padding: 9px 0px 0px;
                text-align: center;
                width: 100%;
                background: none;
                font-size: 90%;
                white-space: nowrap;
                
                &:after, .after-fix {
                    display: none;
                }               
            }
            
            &.outpost {
                width: 20%;
            
                a {
                    .text-hidden();
                    height: 35px;
                    padding: 0 !important;
                    display: inline-block;
                }
            }
            
            &#wdn_emailthis {
                a {
                    #wdnSprite > .sm_mail(@dir);
                    width: 100%;
                    height: 35px;
                }
                &:hover {
                    background: #b29e95; /* Old browsers */
                    background: -moz-linear-gradient(bottom, #b29e95 0%, #9e867c 50%, #826d64 51%, #725447 100%); /* FF3.6+ */
                    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#b29e95), color-stop(50%,#9e867c), color-stop(51%,#826d64), color-stop(100%,#725447)); /* Chrome,Safari4+ */
                    background: -webkit-linear-gradient(bottom, #b29e95 0%,#9e867c 50%,#826d64 51%,#725447 100%); /* Chrome10+,Safari5.1+ */
                    background: -o-linear-gradient(bottom, #b29e95 0%,#9e867c 50%,#826d64 51%,#725447 100%); /* Opera11.10+ */
                    background: -ms-linear-gradient(bottom, #b29e95 0%,#9e867c 50%,#826d64 51%,#725447 100%); /* IE10+ */
                    background: linear-gradient(to top, #b29e95 0%,#9e867c 50%,#826d64 51%,#725447 100%);
                }
            }
            
            &#wdn_facebook {
                a {
                    #wdnSprite > .sm_facebook(@dir);
                    width: 100%;
                    height: 35px;
                }
                &:hover {
                    background: #6c89b7; /* Old browsers */
                    background: -moz-linear-gradient(bottom, #6c89b7 0%, #5c78a8 50%, #4f6796 51%, #3b5998 100%); /* FF3.6+ */
                    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#6c89b7), color-stop(50%,#5c78a8), color-stop(51%,#4f6796), color-stop(100%,#3b5998)); /* Chrome,Safari4+ */
                    background: -webkit-linear-gradient(bottom, #6c89b7 0%,#5c78a8 50%,#4f6796 51%,#3b5998 100%); /* Chrome10+,Safari5.1+ */
                    background: -o-linear-gradient(bottom, #6c89b7 0%,#5c78a8 50%,#4f6796 51%,#3b5998 100%); /* Opera11.10+ */
                    background: -ms-linear-gradient(bottom, #6c89b7 0%,#5c78a8 50%,#4f6796 51%,#3b5998 100%); /* IE10+ */
                    background: linear-gradient(to top, #6c89b7 0%,#5c78a8 50%,#4f6796 51%,#3b5998 100%);
                }
            }
            
            &#wdn_twitter {
                a {
                    #wdnSprite > .sm_twitter(@dir);
                    width: 100%;
                    height: 35px;
                }
                @twitter_color: #2daae1;
                &:hover {
                    background: #a9d1fc; /* Old browsers */
                    background: -moz-linear-gradient(bottom, lighten(@twitter_color,15%) 0%, lighten(@twitter_color,10%), lighten(@twitter_color,5%) 51%, @twitter_color 100%); /* FF3.6+ */
                    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,lighten(@twitter_color,15%)), color-stop(50%,lighten(@twitter_color,10%)), color-stop(51%, lighten(@twitter_color,5%)), color-stop(100%,@twitter_color)); /* Chrome,Safari4+ */
                    background: -webkit-linear-gradient(bottom, lighten(@twitter_color,15%) 0%, lighten(@twitter_color,10%) 50%, lighten(@twitter_color,5%) 51%,@twitter_color 100%); /* Chrome10+,Safari5.1+ */
                    background: -o-linear-gradient(bottom, lighten(@twitter_color,15%) 0%, lighten(@twitter_color,10%), lighten(@twitter_color,5%) 51%,@twitter_color 100%); /* Opera11.10+ */
                    background: -ms-linear-gradient(bottom, lighten(@twitter_color,15%) 0%, lighten(@twitter_color,10%), lighten(@twitter_color,5%) 51%,@twitter_color 100%); /* IE10+ */
                    background: linear-gradient(to top, lighten(@twitter_color,15%) 0%, lighten(@twitter_color,10%), lighten(@twitter_color,5%) 51%,@twitter_color 100%);
                }
            }
        }
        
        #wdn_createGoURL span {
            text-transform: lowercase;
        }
        
        #goURLResponse {
            width: 89px;
            padding: 0 0 0 5px;
            color: #333;
            border: 0;
            height: 35px;
            .border-radius(0);
            font-size: 90%;
        }
    }
}
@media (min-width: 768px) {

}
@media (min-width: 960px) {

}
@media (min-width: 1040px) {

}