/* Hide some twitter stuff */
.timeline-Header {
    display: none;
}
/*timeline-InformationCircle-widgetParent*/

/* Font awesome icon size */
span.fa {
    line-height: 1em;
}
img.orcid {
    max-width: 1.2em;
}

/* The palm in the footer of the page */
img.palms {
    padding-right: 20px;
}

/* Quote styling */
div.quote {
    text-align: right;
    font-size: 1.1em;
    padding-bottom: 1em;
    font-style: italic;
}
div.quote span {
    font-style: normal;
    color: #777;
}

/* Some logos in the sidebar */
div.asset-img {
   display: block;
   width: 100%;
   height: 60px;
   background-position: center;
   background-repeat: no-repeat;
   padding: 0 0 5px 0;
   margin: 0px;
}

/* highlight links in panel radius */
div.panel.radius a {
   text-decoration: underline;
}

img.fine-border {
    border: 1px solid #777;
    border-radius: 0px !important;
    padding: 2px;
    margin: 0;
}

/* email protection */
.e-mail:before {
   content: attr(domain) "\00040" attr(familyname) "." attr(surname);
   unicode-bidi: bidi-override;
   direction: rtl;
}

/* Special sidebar features */
ccby {
   display: block;
   float: left;
   width: 70px;
   height: 37px;
   background-position: middle;
   background-repeat: no-repeat;
   background-image: url("../img/ccby-gray.svg"); 
   background-size: 100%;
   margin: 0 10px 0 0; 
}

a[rel="license"] { color: #777777; }
a[rel="license"]:hover { color: #e94c6d; }

#subfooter a:hover { color: #e94c6d; }

#subfooter-left p {
   margin: 0;
}
#subfooter-left p:last-child {
   margin-bottom: 10px;
}

/* Special sidebar features */
.widget-icon,
.sidebar-icon {
   position: relative;
   width: 100%;
   min-height: 120px;
   padding-top: .5em;
   padding-bottom: 1em;
}
.widget-text {
   text-align: center;
   color: #00a7e9;
   font-style: italic;
   font-size: 1.2em;
   padding: .5em 0 1em 0; 
}
.widget-text .widget-supertitle {
   padding: 0;
   margin: 0;
   text-decoration: bold;
   font-style: normal;
   font-size: .8em;
   color: #707070;
}
.widget-text .widget-title {
   font-style: normal;
   margin: 0;
   color: black;
   font-size: 1.5em;
   font-style: normal;
}

.widget-icon > span {
   position: absolute;
   top: 15px;
   left: 50%;
   margin-left: -50px;
   width: 100px;
   height: 100px;

   background-repeat: repeat-x;
   background-position: center;
   background-size: 100%;

   text-align: center;
   cursor: default;
   background-color: #707070;
   background-repeat: no-repeat;
   background-position: center;
   background-size: 80%;

   color: white;
   border-radius: 100%;
   display: inline-block;
   box-shadow: 0 0 0 7px white, 0 0 0 8px #e0e0e0;

   padding-bottom: 10px;
}
.widget-icon > span:hover {
    background-color: #e94c6d; /* colorspace pink */
}
.sidebar-icon > span 
.widget-icon > span {
   width: 70px;
   padding-top: 10px;
}
.widget-icon > span img {
   width: 80px;
   padding-top: 10px;
}
.sidebar-icon > span.icon-pipette,
.widget-icon > span.icon-pipette {
   background-image:url("../img/icon-pipette.svg");
}
.sidebar-icon > span.icon-reto,
.widget-icon > span.icon-reto {
   padding-top: 7px;
   width: 90px;
   background-position: center bottom;
   background-size: 90%;
   background-image:url("../img/icon-reto.svg");
}
.sidebar-icon > span.icon-hcl,
.widget-icon > span.icon-hcl {
   background-image:url("../img/icon-hcl.svg");
}
.sidebar-icon > span.icon-slider,
.widget-icon > span.icon-slider {
   background-image:url("../img/icon-slider.svg");
}
.sidebar-icon > span.icon-qmark,
.widget-icon > span.icon-qmark {
   background-image:url("../img/icon-qmark.svg");
}
.sidebar-icon > span.icon-R,
.widget-icon > span.icon-R {
   background-image:url("../img/icon-R.svg");
   padding-top: 15px;
}
@media only screen and (min-width: 64.063em) .top-bar { background-color: #0c1523; }

figure.block figcaption p:before {
   content: "Caption: ";
   font-style: italic;
}

nav.top-bar div.logo-small {
   width: 200px;
   height: 50px;
   background-image: url("../img/logosmall.png");
   background-position: center;
   background-repeat: no-repeat;
   background-size: 80%;
}



/* Wiki quotes for Bob Ross */
#bob-ross-quote {
    font-size: .8em;
    font-style: normal;
    color: black;
    text-transform: none;
    padding-bottom: .5em;
}
#bob-ross-quote a {
    font-style: italic;
    text-transform: none;
}


/* Styling the swatch plots returned by the swatch.rb ruby plugin */
div.swatch {
    clear: both;
}
b.swatchlabel {
    display: block;
    padding: .5em 0;
}
div.swatch ul {
    list-style: none;
    padding: 0em 0 3em 0;
    margin: 0;
}
div.swatch ul li {
    display: block;
    height: 40px;
    float: left;
}
div.swatch ul li.label {
    font-weight: normal;
    padding-top: .5em;
}


/* Hyperref styling for orcid and fa awesome */
ul.contact {
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.contact li {
    padding: 0;
    margin: 0;
    line-height: 2.0em;
    font-size: 1.0em;
}

ul.contact a.orcid img { padding-bottom: .5em; }
ul.contact a.orcid, a.fa, .contact a.orcid:hover, a.fa:hover { border-bottom: none; }
ul.contact span.fa                                           { color: #00a7e9; font-size: 1.2em; }
ul.contact span.fa:hover                                     { color: #e94c6f; }