/* Title used on all pages */
#about-title-gradient {
    background: url('../images/bg-page.png') repeat-x 0px -30px rgb(229, 229, 229);
    position: absolute;
    top: 75px;
    width: 100%;
    height: 75px;
    display:block;
}

.admin-bar #about-title-gradient {
    top: 107px;
    
}

#about-title {
    height: 75px;
    padding-left: 10px;
    display: table-cell;
    vertical-align: middle;
}

#about-title a {
    font: 38px 'Arial Bold', Arial, sans-serif ;
    color: #4d148c;
    text-decoration: none;
}

#mobile-menu-icon {
    color: #FFFFFF;
    display:none;
    position: absolute;
    height: 75px;
    vertical-align: middle;
    
}

/* Menu for mobile is done in menu css */


/* Share top */
.fx-share .show_dropdown {
    float: left;
    text-align:left;
}

.fx-share .show_dropdown form {
    display:inline;
   margin:0;
   padding:0;
   margin-right: 10px;
}

#rss_feed_blog_link {
    text-decoration:  none;
    color: #000000;
    float: left;
    margin-left: 10px;
}

#rss_feed_blog_link .sp-rss {
    float: right;
    margin-left: 10px;
}


/* banner */
#content .fx-block.fx-banner {
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
#content .fx-block.fx-banner .fx-copy {
    padding-top: 15px;
    /* padding-bottom: 15px;*/
    padding-bottom: 0px;
}

.fx-block-layout .fx-main {
    float: right;
}

/* widget */

@media only screen and (max-width:1002px)  /* 799px otherwise for responsive here*/ {
    .about-social-box {
        display: none;  /* Hide twitter :( */
    }
}


.about-social-box .sp-twitter {
    float: left;
    margin-right: 5px;
}
.about-social-box  h3, .about-social-box  h4 {
    display: table;
}

.about-social-box  h3 a, .about-social-box  h4 a {
    display: table-cell;
    vertical-align: middle;
}

.about-social-box  h3 {
    margin-bottom: 20px;
}

.about-social-box  h4 a  {
    font-size: .75em;
    font-weight: bolder;
}

.about-social-box .social-date {
    font-size: .938em;
    color: #CCCCCC;
    margin-bottom: 5px;
}

.about-social-box p {
    line-height: 120%;
    color: #333333;
    font-size: 0.938em;
}

.about-social-box p.social-copy {
    border-bottom: #DDDDDD solid 1px;
    padding-bottom: 10px;
}

/* Text widget */
.fxabout-block-widget-archive .fx-copy {
    padding: 15px;
}

/* Rss Box */
#fx-rss-button-blog {
    margin-bottom: 7px;
}

#fx-rss-button-blog {
    margin-top: 5px;
}

.fx-rss-box h3 {
    margin-top: 0px;
    margin-bottom: 5px;
}

/* Rss buttons */
.fx-rss-button {
    background-color: #f09533;
    border-radius: 4px;
    box-shadow: 0px 1px 1px #b5691e; /* #b5691e #8888888 */
    color: #FFF;
    padding: 4px 5px 4px 5px;
    vertical-align: middle;
    
    /* white-space: nowrap; */
    width: 180px;
    max-width: 90%;
    background: -webkit-linear-gradient(#f69d3b, #e88727); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f69d3b, #e88727); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f69d3b, #e88727); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f69d3b, #e88727); /* Standard syntax (must be last) */
    
    display: block;
    cursor: pointer;
    
}

.fx-rss-button .sp-lighter-trans-rss {
  display:table-cell;
  
  margin-left: 5px;
  margin-top: 4px;
  margin-bottom: 4px;
  
}

.fx-rss-button .fx-rss-text {
  font-size: 0.825em;
  display:table-cell;
  vertical-align: middle;
  height: 100%;
  padding-left: 5px;
  color: #FFF;
}

.fx-copy .fx-rss-button a.fx-rss-text, .fx-copy .fx-rss-button a.fx-rss-text:hover {
    color: #FFF;
    text-decoration:  none;
}

.fx-rss-button a:hover  {
    text-decoration: none;
    
}