.circle { padding: 0px; vertical-align: middle; display: inline-block; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.btn-floating { height: 47px; width: 47px; position: relative; overflow: hidden; z-index: 1; vertical-align: middle; }
.btn-action { margin-top: -8px; margin-bottom: -60pt; margin-right: 20px; float: right; }
.btn-circle { height: 47px; width: 47px; padding: 0px; vertical-align: middle; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.circle i { line-height: 37px; }
.circle .fa { margin: 5px; }
.btn-facebook { background-color: #3B5998; }
.btn-twitter { background-color: #55ACEE; }
.btn-google-plus { background-color: #DD4B39; }
.btn-li { background-color: #0082CA; }
.btn-github { background-color: #4183C4; }
.navbar .nav-item .nav-link .fa { padding-left: 3px; padding-right: 3px; }

body {
    background-color: #eee;
}

nav a.navbar-brand {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 1pt;
    v-align: middle;
}

nav .navbar-brand a {
    color: white;
}

nav .navbar-brand {
    width: 200px;
}

@media (min-width : 768px) {
nav .navbar-brand {
    width: 310px;
}
}
@media only screen and (min-width : 992px) {
nav .navbar-brand {
    width: 540px;
}
}
@media only screen and (min-width : 1200px) {
nav .navbar-brand {
    width: 700px;
}
}

.truncating-children li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

article h1 { font-weight: bold; }

blockquote.excerpt {
    font-size: smaller;
}

p.tags {
    text-align: right;
}

p.tags .tag {
    font-size: 95%;
}

blockquote {
    margin: 5pt;
    margin-left: 20pt;
}

blockquote p:first-child::before {
    display: inline;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f10d';
    box-sizing: inherit;
    margin: 0;
    color: rgba(0,0,0,0.3);
    margin-left: -17pt;
    margin-right: 2pt;
    font-size: 125%;
}
blockquote p:last-child::after {
    display: inline;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f10e';
    box-sizing: inherit;
    color: rgba(0,0,0,0.3);
    margin-left: 2pt;
}

h3 {
    font-weight: normal;
}

.social-share {
    text-align: center;
}
.social-share li {
    display: inline-block;
}

.dev-trial {
    z-index: 2000;
    position: fixed;
    top: 2pt;
    right: 0pt;
    background-color: yellow;
    color: black;
    height: 20pt;
    width: 80px;
}

@media(min-width:1200px) {
    .dev-trial:after { content: 'lg'; }
}

@media(min-width:992px) and (max-width: 1199px) {
    .dev-trial:after { content: 'md'; }
}

@media(min-width:768px) and (max-width:991px) {
    .dev-trial:after { content: 'sm'; }
}

@media(min-width:0px) and (max-width:767px) {
    .dev-trial:after { content: 'xs'; }
}