/*
Theme Name: Buzzer Blog
Description: Child theme for Uncode theme
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

/* BackgroundColours */

html {
    --transparent: transparent;
    --black: black;
    --compassBlue: #009DDC;
    --white: white;
    --lightCyan: #E6F4F8;
    --navyblue: #00355F;
    --expoblue: #005DAA;
    --lightblue: #0081C6;
    --paleblue: #E5EBEF;
    --water: #C4E9FB;
    --green: #00B259;
    --nearblack: #183152;
    --covidTeal: #76DEDD;
    --lightgrey: #F2F5F7;
    --limeGreen: #C1D62F;
    --translinkTeal: #45C1C0;
    --translinkYellow: #FFD200;
}

/* ImageBarColours */

html {
    --transparent: transparent;
    --green: green;
    --limeGreen: #C1D62F;
}

/* TextColours */

html {
    --transparent: transparent;
    --black: black;
    --white: white;
    --navyBlue: #00355F;
    --expoBlue: #005DAA;
    --green: #00B259;
    --nearBlack: #183152;
    --lightGrey: #F2F5F7;
    --darkGrey: #757575;
}

body {
    background-color: var(--white) !important;
    font-family: "Fira Sans Regular", Arial, Helvetica, sans-serif;
}

img {
    max-width: 100%;
    min-height: 1px;
    vertical-align: middle;
    color: inherit;
    object-fit: contain;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

*
{
    letter-spacing: 0 !important;
}

div#page-header {
    display: none !important;
}

a:link {
    text-decoration: none;
}

/* visited link */

a:visited {
    text-decoration: none;
}

/* mouse over link */

a:hover {
    text-decoration: underline;
}

/* selected link */

a:active {
    text-decoration: none;
}

select {
    color: var(--nearBlack) !important;
}

div.box-wrapper {
    color: var(--nearBlack) !important;
}

div.t-entry>p {
    color: var(--nearBlack) !important;
}

/* .t-entry-date{
    font-size: 1rem !important;
} */

h1, h2, h4, h5 {
    color: var(--nearBlack) !important;
}

h3, h3>a {
    border-bottom: none !important;
    font-size: 1.33rem !important;
    font-weight: bold;
    color: var(--navyBlue) !important;
    line-height: 1.77rem;
    font-family: "Fira Sans Medium", Arial, Helvetica, sans-serif;
}

h3>a:hover {
    text-decoration: underline !important;
}

nav>ul>li {
    line-height: 1.33rem !important;
}

.widget-title {
    font-family: "Fira Sans Medium", Arial, Helvetica, sans-serif !important;
    font-weight: 600 !important;
    text-transform: inherit !important;
    font-size: 1.333rem !important;
    margin: 0 !important;
}

.post-date {
    font-size: 0.8rem !important;
    color: var(--expoBlue) !important;
}

.widget_recent_entries>ul>li {
    margin-bottom: 10px;
}

.t-entry>p {
    line-height: 1.5rem;
}

div.comment-content > figure > img.avatar 
{
    display: none !important;
}

p.t-entry-author > a > img.avatar 
{
    display: none !important;
}

span.tmb-username-wrap {
    margin-left: 0px !important;
}

span.tmb-username-text {
    font-size: 1rem !important;
    color: var(--expoBlue) !important;
}

span.tmb-username-text:hover {
    margin-left: 0px !important;
}

a.tmb-avatar-size-sm:link {
    text-decoration: none;
}

a.tmb-avatar-size-sm:hover {
    text-decoration: underline !important;
}

span.tmb-username-text:hover, span.tmb-username-text:focus {
    text-decoration: underline !important;
}

aside>ul>li>a, aside>ul>li>span {
    color: var(--nearBlack) !important;
}

.tag-cloud-link {
    color: var(--nearBlack) !important;
}

.t-entry-cat-single{
    font-family: "Fira Sans Regular", Arial, Helvetica, sans-serif !important;
    font-size: 1rem !important;
}

.style-accent-bg{
    background-color: var(--expoblue);
}

/* HOME PAGE */
body.home > div.box-wrapper > div.box-container{
    overflow-x: visible;
}

/* POST SINGLE */

p {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: normal;
    margin-top: 18px;
}

.post-title {
    font-size: 3.1111rem;
    font-family: "Fira Sans Regular", Arial, Helvetica, sans-serif;
}

.post-info {
    font-family: "Fira Sans Regular", Arial, Helvetica, sans-serif;
    font-weight: 600;
    text-transform: inherit;
    font-size: 1.125rem;
}

div.post-info>div>a:link {
    color: var(--expoBlue) !important;
    text-transform: none;
    font-size: inherit;
    font-weight: inherit;
}

div.post-content {
    color: var(--nearBlack) !important;
    font-size: inherit;
}

.comments-title, .comment-reply-link > span,
label[for="wp-comment-cookies-consent"]
{
    text-transform: none !important;
    font-size: .9rem !important;
}

.comment-meta, 
.comments-title, 
.comment-reply-link > span,
.form-submit > .btn[value="Post Comment"] {
    font-family: "Fira Sans Regular", Arial, Helvetica, sans-serif !important;
}

.comment-meta-item, .comment-meta-item>span, .comment-meta-item>span>a {
    font-weight: 600 !important;
    color: var(--expoBlue) !important;
}

div.post-content>p>a, div.post-content>p>em>a {
    font-size: inherit;
    color: var(--nearBlack) !important;
    font-weight: 700;
}

.wp-caption-text {
    font-family: "Fira Sans Regular", Arial, Helvetica, sans-serif;
    line-height: 1rem;
    font-size: .8rem;
}

.comment-reply-title {
    font-family: "Fira Sans Regular", Arial, Helvetica, sans-serif !important;
    text-transform: none !important;
}

.comment-form>p>label {
    font-family: "Fira Sans Regular", Arial, Helvetica, sans-serif !important;
    color: var(--nearblack);
}

input[type="submit"], input[type="reset"], input[type="button"], button[type="submit"] {
    text-transform: inherit !important;
    background-color: #005DAA !important;
    font-size: 1rem !important;
    border-radius: 5px !important;
    outline: none !important;
    font-weight: normal !important;
    margin-bottom: 15px !important;
    color: var(--white) !important;
}

.main-container, .row-navigation, .row-parent {
    margin-bottom: 20px;
}

.tagcloud {
    margin-top: 0.5rem;
}

div.heading-text>h2>span {
    text-transform: none;
    font-size: 2rem;
}

.landing-page-tile-title-color, .landing-page-tile-title-color>a {
    color: var(--white) !important;
    text-shadow: 2px 2px var(--darkGrey);
}

.owl-dot>span {
    background-color: var(--darkGrey) !important;
}

.page-prev > span > a > span, .page-next > span > a > span{
    text-transform: none !important;
}

.gallery-caption{
    display: inline-block;
}

/* TL Breadcrumb */

.tl-breadcrumb-container {
    border: none !important
}

.tl-breadcrumb-container-row {
    padding: 0px !important;
    margin-top: 1rem !important;
}

.breadcrumb-title {
    display: none !important;
}

.breadcrumb-font-size, ol.breadcrumb>li>a {
    font-size: 0.77rem !important;
}

.breadcrumb>li+li:not(.paged):before {
    content: "\00a0" !important;
}

.breadcrumb-nowrap {
    white-space: nowrap;
}

/* fix breadcrumb overlapping sitenav issue */
nav[aria-label="Breadcrumbs"] li:not(:last-child):after{
    z-index: 100 !important;
}


/* Footer style START */
h3.footer_h3{
    border: none;
    font-size: 1.333rem !important;
    font-family: "Fira Sans Medium", Arial, Helvetica, sans-serif !important;
}
/* Footer style END */

@media (min-width: 76.875em) {
    .MobileViewOnlyContent {
        display: none !important;
    }
}

.bannerAlerts:empty {
    display: none;
}

.row-breadcrumb {
    background-color: inherit !important;
    border-style: none !important;
    border-top-width: 0px !important;
    border-bottom-width: 0px !important;
}

/* 404 Page */
.translink-404-page > header > h2{
    font-family: "Fira Sans Medium",Arial,Helvetica,sans-serif;
    font-size: 2rem;
    line-height: 2.2222rem;
    padding-top: 30px !important;
}

.translink-404-page > div > p {
    font-family: "Fira Sans Regular",Arial,Helvetica,sans-serif;
    font-size: 1rem;
    line-height: 3rem;
    font-weight: normal;
    color: var(--black);
}

.translink-404-page > div > ul{
    list-style: disc inside;
    color: var(--black);
}

.translink-404-page > div > ul > li{
    margin-left: 20px;
}

.translink-404-page > div > ul > li > a:link{
    color: var(--expoblue);
}

.translink-404-page > div > ul > li > a:hover{
    color: var(--navyblue) !important;
}

/* hide theme footer */
#colophon {
    display:none !important;
}
/*********************************************************************************************************************************/
/************************************************************ BAYLEAF ************************************************************/
/*********************************************************************************************************************************/
/* hide theme header */
.menu-wrapper {
    display:none !important;
}

.breadcrumb-nowrap {
    display:block !important;
}

/* set overlay deafualts*/
.tmb .t-entry-visual .t-background-cover {
    width: 100%;
    height: 100%;
    color: #ffffff;
    display: block !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

 /* #Thumbs text overlay color */
.tmb-light.tmb-color-overlay-text,
.tmb-light.tmb .t-entry-visual *,
.tmb-light.tmb .t-entry-visual a,
.tmb-light.tmb .t-entry-visual .t-entry-title a,
.tmb-light.tmb .t-entry-visual .t-entry-meta span {
    color: #ffffff !important;
}

.heading-text h2 span {
    letter-spacing: normal !important;
}

/* Fix the Editor ... not showing for carousel */
.owl-carousel .owl-dot span:empty {
    display: block !important;
}

/* Change the default font for tags */
span.style-accent-bg.tmb-term-evidence.font-ui {
    font-family: "Fira Sans Regular",Arial,Helvetica,sans-serif;
}

/* Set the font size to 18px on desktop */
.t-entry-date,
ul li {
    font-size: 18px !important;
}

.color-accent-border, blockquote {
    border-color: var(--expoblue);
}

/* Set the font size to 16px on mobile */
@media screen and (max-width: 600px)  {
    .post-info,
    .t-entry-date,
    ul li {
        font-size: 16px !important;
    }
}

.single-post .with-parallax {
    height: 450px !important;
}

.single-post figure .with-parallax {
    height: 400px !important;
}

.single-post .row-background .background-wrapper, .column-background .background-wrapper {
    height: auto !important;
}

.single-post .style-color-wayh-bg {
    background-color: white;
}

@media only screen  and (max-width:800px) {
    .single-post .with-parallax,
    .single-post figure .with-parallax {
        height: 250px !important;
    }
}

@media only screen  and (max-width:530px) {
    .single-post .with-parallax,
    .single-post figure .with-parallax {
        height: 150px !important;
    }
}

@media only screen  and (max-width:300px) {
    .single-post .with-parallax,
    .single-post figure .with-parallax {
        height: 100px !important;
    }
}

.single-post .page-wrapper .sections-container .wpb_row.row-inner {
    height: unset !important;
}

.single-post .post-content .post-title-wrapper {
    display:none !important;
}

.single-post .uncont.no-block-padding.col-custom-width {
    padding: 30px 0px !important;
}

.single-post .main-container .row-container .row-parent,
.single-post .main-container .row-container .double-top-padding,
.single-post .main-container .row-container .double-bottom-padding {
    padding: 0 !important;
}

.single-post .comment-form .comment-figure { 
    width: 120px;
}

.single-post .btn-container {
    padding: 20px 0px;
}

.single-post .post-wrapper .btn-container i:empty {
    display: inline-block !important;
    top: 0px;
}

.single-post .heading-text.el-text > *:last-child {
    margin-bottom: 0.2em !important;
}

h2 em {
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
}

/* Change :visited color for all pages */
.main-container a:link,
.main-container a:visited {
    color: var(--expoblue) !important;
}

/* Set the link color for breadcrumbs to white */
nav[aria-label="Breadcrumbs"] li:not(.current) a:link,
nav[aria-label="Breadcrumbs"] li:not(.current) a:visited  {
    color: white !important;
}

/* For post/pages prev and next links */
ul.navigation li.page-prev a:link,
ul.navigation li.page-prev a:visited,
ul.navigation li.page-next a:link,
ul.navigation li.page-next a:visited  {
    color: #777777 !important;
}

.navigation .page-prev .btn span,
.navigation .page-next .btn span {
    display: inline-block;
    font-size: 1rem !important;
}

/* Override the font styles for disabled next button */
span.btn.btn-link.btn-icon-right.btn-disable-hover,
span.btn.btn-link.text-default-color.btn-icon-left {
    font-size: 1rem !important;
    text-transform: capitalize;
    font-weight: 400 !important;
    font-family: "Fira Sans Regular", Arial, Helvetica, sans-serif !important;
}

@media (min-width: 960px) {
    .single-post div.comment-meta.post-meta {
        margin-left: 120px;
    }
}

.single-post h1 span,
.single-post h1 {
    font-family: "Fira Sans Medium", Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
    font-size: 2rem !important;
    line-height: 2.2222rem;
}

/* Post Template caption css for featured image */
.single-post img.attachment-full.size-full {
    width: 100%;
    background-size: cover;
    display: block !important;
    background-position: center center;
}

.single-post figure {
    margin: 0px;
    padding: 5px 10px 10px 10px;
}

.single-post .style-color-xsdn-bg +  figure {
    padding: 0;
}

.single-post figure a[hidden] + figcaption,
.single-post figure img[hidden] + figcaption{
    display: none !important;
}

@media only screen  and (max-width:420px) {
    .single-post figure {
        padding: 0;
    }

    figure + p {
        display: inline-block;
    }    

    figure.alignright {
        float: left !important;
    }
}

/* Post tempalte increase padding for Add This toolbox */
.addthis_toolbox {
    padding-top: 15px;
}

@media screen and (max-width: 1220px) {
    .single-post .main-container .row-navigation .row-parent,
    .single-post .main-container .row-container .double-top-padding,
    .single-post .main-container .row-container .double-bottom-padding {
        padding: 27px 36px 27px 36px !important;
    }
}

@media screen and (max-width: 768px) {
    .single-post h1 span,
    .single-post h1 {
        font-family: "Fira Sans SemiBold",Arial,Helvetica,sans-serif !important;
        font-weight: 700 !important;
        font-size: 1.3333rem !important;
        line-height: 1.3333rem;
    }
}

/* Begin Home page CSS */
.homepage-row-container {
    font-family: "Fira Sans Medium",Arial,Helvetica,sans-serif !important;
}
@media not all and (max-width: 124px) {
    .homepage-row-container .half-gutter > div > .tmb, .half-gutter > .owl-carousel .tmb {
        padding-right:9px !important;
    }
}
@media not all and (max-width: 124px) {
    .homepage-row-container .single-gutter > div > .tmb, .single-gutter > .owl-carousel .tmb {
        padding-right:18px !important;
    }
}
.homepage-row-container .tl-category-heading-link a:link, 
.homepage-row-container .tl-category-heading-link a:visited {
    color: var(--nearblack) !important;
    font-size: 36px;
    text-decoration: none !important;
}
@media not all and (max-width: 124px) {
    .homepage-row-container .tl-category-heading-link a:link, 
    .homepage-row-container .tl-category-heading-link a:visited {
    	line-height: 36px;
    }
}
.homepage-row-container .t-entry-title {
    text-shadow: 1px 1px 1px var(--nearblack) !important;
}
.homepage-row-container .t-entry-visual-overlay {
    background-color: var(--navyblue) !important;
    opacity: .2 !important;
}
.homepage-post-container {
    margin-top: 36px !important;
}
#homepage-recent-posts span.t-entry-date {
    width: fit-content;
    border: 1px solid transparent;
    border-radius: 2px;
    font-size: 11px !important;
    padding: 2px 5px 2px 5px;
    text-transform: uppercase;
    line-height: 1.5;
    position: relative;
    z-index: 0;
}
#homepage-recent-posts span.t-entry-date:after {
    border-radius: inherit;
    border: 1px solid;
    color: inherit;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    opacity: .25;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

span.t-entry-date {
    width: fit-content;
    border: 1px solid transparent;
    border-radius: 2px;
    font-size: 11px !important;
    padding: 2px 5px 2px 5px;
    text-transform: uppercase;
    line-height: 1.5;
    position: relative;
    z-index: 0;
}

span.t-entry-date:after {
    border-radius: inherit;
    border: 1px solid;
    color: inherit;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    opacity: .25;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

#homepage-explore {
    background-color: #005DAA;
}
#homepage-explore .tl-category-heading-link a:link, 
#homepage-explore .tl-category-heading-link a:visited {
    color: var(--white) !important;
}
#homepage-explained div.wpb_row.row-inner, 
#homepage-history div.wpb_row.row-inner {
    height: max-content !important;
}
/* END Home page CSS */

/* post layouts */
.tl-post-image-160-border .t-entry-text-tc.single-block-padding {
    padding-top: 20px;
}
.tl-post-image-160-border div.t-entry-visual {
    height: 160px !important;
}
.tl-post-image-160-border div.t-entry-visual div.t-entry-visual-tc {
    height: 160px !important;
}
.tl-post-image-160-border .t-entry a:link, 
.tl-post-image-160-border .t-entry a:visited {
    color: var(--nearblack) !important;
    font-weight: 400;
    text-decoration: underline !important;
    text-shadow: none !important;
}
/* END post layouts */

/* archive pagination font */
body.archive .pagination > li .page-numbers, 
.navigation > li .page-numbers {
    font-size: 16px !important;
}
/* END archive pagination font */

/* post comments  */
div.comment-list article.comment  {
    margin-top: 20px;
}
div.comment-list article.comment .tl-editor {
    background-color: #FEFEDD;
}
div.comment-list article.comment .comment-content.post-content {
    padding-top: 20px;
}
div.comment-list article.comment .comment-author {
    font-weight: 600 !important;
}
div.comment-list article.comment .comment-author-link {
    font-weight: 600 !important;
}
div.comment-list article.comment .comment-datetime span {
    font-weight: 600 !important;
}
div.comment-list div.comment-content div.comment-meta {
    margin-left:0;
}
/* END post comments  */

/* caption text */
figcaption.wp-caption-text {
    display: block !important;
}

/* Set the font size to 16px on mobile */
@media screen and (max-width:1024px)  {
    .single-post figure.wp-caption {
        padding: 0 10 10px 10px;
    }
}

@media screen and (max-width:600px)  {
    .single-post figure.wp-caption {
        padding: 0 10 10px 10px;
    }
}

/* twitter tweets - center on page */
.twitter-tweet.twitter-tweet-rendered {
    margin: 10px auto 10px auto !important;
}
/* instagram preview - center on page  */
/* .instagram-media.instagram-media-rendered {
    margin: 10px auto 10px auto !important;
} */

/* JETPACK THUMBNAIL FIX */
.gallery-columns-4 .gallery-item {
    width: unset;
}
div.gallery figure.gallery-item img {
    width: 150px !important;
    height: 150px !important;
}
.tiled-gallery.type-rectangular {
    text-align: -webkit-center !important;
}
/* END JETPACK THUMBNAIL FIX */


/* Podcast audio embed styles */
.mejs-container {
    min-width: 50% !important;
    width: 50% !important;
    max-width: 50% !important;
}
.mejs-container, .mejs-embed, .mejs-embed body, .mejs-container .mejs-controls {
    background: none repeat scroll 0 0 var(--expoblue);
    border-radius: 5px;
    box-shadow: 2px 3px 4px #555;
}
.mejs-button.mejs-playpause-button.mejs-play button,
.mejs-button.mejs-playpause-button.mejs-pause button {
    display: block !important;
}
.mejs-button.mejs-volume-button.mejs-mute button,
.mejs-button.mejs-volume-button.mejs-unmute button {
    display: block !important;
}
.mejs-controls div.mejs-time-rail {
    width: calc(100% - 200px);
}
.mejs-controls .mejs-time-rail .mejs-time-total {
    background: white;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    position: unset;
}
.mejs-horizontal-volume-slider .mejs-horizontal-volume-total .mejs-horizontal-volume-current,
.mejs-horizontal-volume-slider .mejs-horizontal-volume-total .mejs-horizontal-volume-handle {
    display: block !important;
}
@media only screen and (max-width:976px) {
    .mejs-container {
        min-width: 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .mejs-controls div.mejs-time-rail {
        width: calc(100% - 150px);
    }
}
/* END Podcast audio embed styles */

/* Carousel styles */
.jp-carousel-wrap {
    background-color: #000;
    font-family: "Fira Sans Regular", Arial, Helvetica, sans-serif;
}
/* jp-carousel-slide images - display regardless of alt */
.jp-carousel-slide.selected img {
    display: block !important;
}
.jp-carousel-wrap .jp-carousel-next-button, 
.jp-carousel-wrap .jp-carousel-previous-button {
    display: block !important;
}
.jp-carousel-wrap img:not([alt]):not([role="presentation"]):not([role="none"]) {
    display: block !important;
}
.jp-carousel-wrap .jp-carousel-previous-button span:empty,
.jp-carousel-wrap .jp-carousel-next-button span:empty {
    display: block !important;
}
.jp-carousel-wrap .jp-carousel-close-hint span {
    font: 400 50px/1 "Fira Sans Regular",Arial,Helvetica,sans-serif !important;
}
.jp-carousel-wrap .jp-carousel-titleanddesc-title {
    font: 300 1.5em/1.1 "Fira Sans Regular",Arial,Helvetica,sans-serif !important;
}
.jp-carousel-wrap textarea#jp-carousel-comment-form-comment-field,
.jp-carousel-wrap #jp-carousel-comment-form-button-submit {
    font: 18px/1.4 "Fira Sans Regular",Arial,Helvetica,sans-serif !important;
}
.jp-carousel-wrap input[type="submit"] {
    color: var(--nearblack) !important;
}
@media only screen and (max-width: 760px) {
    .jp-carousel-wrap .jp-carousel-titleanddesc-title {
        font-size: 1em !important;
    }
}
/* END Carousel styles */


/* force youtube player to appear when in single post */
.single-post .post-content iframe[src*=".youtube"] 
{
    display: block;
    width: 100%;
	height: auto;
    aspect-ratio: 16 / 9;
}

.single-post .post-content iframe:not([src*=".youtube"])
{
    max-width: 500px !important;
}

.single-post .post-content iframe[src*=".facebook"] 
{
    width: 100% !important;
    max-width: 500px !important;
}

.instagram-media
{
    max-width: 100% !important;
}

.fb-post
{
    margin-bottom: 1rem;
    text-align: center;
}

.tiktok-embed
{
    padding: revert;
    border-left: revert;
}

h1.text-capitalize
, h2.text-capitalize
, h3.text-capitalize
, h4.text-capitalize
, h5.text-capitalize
, h6.text-capitalize
{
    text-transform: revert;
}

.tmb-content-overlay .t-overlay-content
{
    background-image: linear-gradient(to right, rgba(0,0,0,0.8), rgba(0,0,0,0.4), rgba(0,0,0,0.0));
}

.t-overlay-content
{
    pointer-events: auto !important;
}

.t-overlay-content:hover .t-entry-title
{
    text-decoration: underline !important;
}

.t-entry-visual-cont a:focus .t-entry-title
{
    text-decoration: underline !important;
}

.t-overlay-wrap
{
    margin-top: unset !important;
}

/* CO AUTHOR CSS START */
.buzzer-coauthor-avatar img 
{
    border-radius: 50%;
}

.buzzer-coauthor-container
{
	display: flex;
}

.buzzer-coauthor-card 
{
	display: flex;
}

.buzzer-coauthor-profile
{
	display: flex;
	
	flex-direction: column;
}

.buzzer-coauthor-avatar 
{
	max-width: 100px;
	max-height: 100px;	
}

@media (min-width: 48em) {
	.buzzer-coauthor-container
	{
		gap: 2rem;
	}
	
	.buzzer-coauthor-profile
	{
		justify-content: flex-end;
		
		margin-bottom: 1rem;
	}
	
	.buzzer-coauthor-avatar 
	{
		margin-right: 1.5rem;
	}
}

@media not all and (min-width: 48em) {
	.buzzer-coauthor-container 
	{
		gap: 3rem;
		
		margin-left: 1rem;
	}
	
	.buzzer-coauthor-card 
	{
		flex-direction: column;
	}
	
	.buzzer-coauthor-profile 
	{
		align-items: center;
	}
	
	.buzzer-coauthor-avatar 
	{
		margin-bottom: 1.5rem;
	}
}
/* CO AUTHOR CSS END */

/* SOCIAL SHARE START */
.sharedaddy 
{
	color: var(--expoBlue);
	
	text-align: center;
}

.share-end 
{
    display: none !important;
}

.sd-content
{
    margin-top: 1rem;
}

@media (min-width: 48em) {
	.sd-content ul li
	{
		margin: 0px !important;
		padding: 10px !important;
	}
}

@media not all and (min-width: 48em) {
	.sd-content ul li
	{
		margin: 0px !important;
		padding: 3px !important;
	}    
}
/* SOCIAL SHARE END */

/* REACTION BUTTONS BEGIN */
.st-btn 
{
	width: auto !important;
}

.st-btn svg 
{
    width: 43px !important;
}

.sharethis-inline-reaction-buttons
{
    margin-top: 1rem !important;
}

.buzzer-share-reaction-title
{
    margin-top: 2rem;
	
	color: var(--expoBlue);
	
    text-align: center;
}

@media (min-width: 48em) {
    .st-btn
    {
        margin: 0px !important;
        padding: 10px !important;
    }
}

@media not all and (min-width: 48em) {
    .st-btn
    {
        margin: 0px !important;
        padding: 3px !important;
    }
}
/* REACTION BUTTONS END */