/* This wonderful CSS is provided by Marina Meier who wrote a very good post on how to create code tabs for Hugo: https://discourse.gohugo.io/t/code-tabs-widget/975/7 */
#body .nav-tabs {
position: unset;
width: unset;
}

.tab-content > .tab-pane {
display: none;
}

.tab-pane {
padding: 3px 0px;
}

.tab-pane {
padding: 3px 0px;
}

.tab-content > .active {
display: block;
}

.nav-tabs {
color: #0f0f0f;
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}

.nav-tabs > li {
color: #0f0f0f;
float: left;
}

.nav-tabs > li > a {
display: block;
padding: 5px 10px;
font-size: 14px;
}

pre {
display: block;
padding: 9.5px;
margin: 10px 0px 10px;
line-height: 1;
}

.code-tabs {
margin: 10px 0px 0px 00px;
}

.nav-tabs > li.active > a, .nav-tabs > li > a:hover {
color: #000 !important;
background: transparent;
}

/* end code tab */

.tweetquotebox {
    border: 1px #000 solid;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px
}

.tweetquotebox > .quoted {
    padding-left: 5px;
    padding-right:5px;
    padding-top: 10px;
    margin-bottom: -15px;

    text-align: justify;
    text-justify: inter-word;

}
.tweetquotebox > .twitter-share-button2 {
    width: 100px;
    margin-left: auto;
    margin-right: auto;
}