.card {
    border-radius: 5px;
    overflow: hidden;
}

.buttonContainer > div {
    margin-top: 15px;
}

.newTitleSize {
    background: #0085ba;
    border-color: #006a95 #00648c #00648c;
    box-shadow: inset 0 -1px 0 #00648c;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 -1px 1px #005d82, 1px 0 1px #005d82, 0 1px 1px #005d82, -1px 0 1px #005d82;
}

/* Fixes for dashboard due to root element font-size */
.main-feed-container {
    font-family: Roboto, sans-serif;
}

#regularPost a,
#regularPostWithExcerpt a,
#breakingPost a,
#featuredArticle a {
    text-decoration: none;
}

/* Breaking Post */
#breakingPost .item .item-container .content h4 {
    margin: 5px 0;
}

#breakingPost .item .item-container .content h4 span {
    font-weight: 900;
    font-size: 16.9466px;
    line-height: 21.1833px;
}

#breakingPost .item .item-container .content h4 span:nth-child(2) {
    font-weight: 500;
    color: #000000;
    margin-right: 0;
}

/* Regular Post */
#regularPost .item .item-container .content h3,
#regularPostWithExcerpt .item .item-container .content h3 {
    font-size: 19.0198px !important;
    line-height: 22.8238px;
    font-weight: 900;
    margin-bottom: 5px;
}

/* Excerpt is hidden depending on if the added class is alt-1, alt-2 or alt-3 */
#regularPost .item .item-container .content p {
    display: none;
}

#regularPostWithExcerpt .item .item-container .content p {
    font-size: 14px;
    line-height: 15.4px;
    padding-top: 0 !important;
}

/* Featured Article */
#featuredArticle .item .item-container .content h1 {
    font-size: 30px !important;
    font-weight: 900;
}

#featuredArticle .item .item-container .content p {
    color: #000000;
    margin: 0 0 10px 0;
    font-size: 14px;
    line-height: 15.4px;
}

#regularPost .card,
#regularPostWithExcerpt .card,
#breakingPost .card,
#featuredArticle .card {
    padding: 0px !important;
}

#featuredArticle h1 {
    margin: 5px 0;
}

/* Force container to be iPhone 8-sized */
.inside .main-page-container {
    width: 375px;
}

/* Breaking */
.breaking-title {
    font-family: 'Roboto', sans-serif;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    margin: 10px;
}

#breakingPost .breaking {
    padding: 0;
}

.breaking-title .breaking {
    font-weight: 900;
    font-size: 16.9466px;
    line-height: 21.1833px;
    color: #2271b1;
    font-style: italic;
    margin-right: 10px;
    text-transform: uppercase;
}

#breakingPost .breaking-title {
    padding: 0;
    margin: 15px 10px;
}

#breakingPost .card {
    border-radius: 0 5px 5px 0;
}

.breaking-title .title {
    font-weight: 900;
    font-size: 16.9466px;
    line-height: 21.1833px;
    font-weight: 500;
}

.border-left {
    border-left: 10px solid;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* Regular post */
#regularPostWithExcerpt .item-container,
#regularPost .item-container {
    display: flex;
}

#regularPostWithExcerpt .featured-image,
#regularPost .featured-image {
    flex: 1;
}

#regularPostWithExcerpt .attachment-thumbnail,
#regularPost .attachment-thumbnail {
    height: 100%;
    object-fit: cover;
    object-position: left;
}

#regularPostWithExcerpt .content,
#regularPost .content {
    flex: 2;
    padding: 5px 12px;
}

#regularPostWithExcerpt .post-sponsored .content,
#regularPost .post-sponsored .content {
    border-top: solid 10px #ff8e8e;
}

#regularPostWithExcerpt .regular-post-heading,
#regularPost .regular-post-heading {
    font-size: 19.0198px !important;
    line-height: 22.8238px;
    font-weight: 900;
    margin-bottom: 5px;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 1.5em;
    line-height: 22.8238px;
    max-height: 56.4888px;
}

#regularPostWithExcerpt .sponsored-post-field-heading .title,
#regularPost .sponsored-post-field-heading .title {
    margin: 1.33em 0;
    text-transform: uppercase;
    font-weight: 600;
    color: #ddd;
}

#regularPostWithExcerpt .sponsored-post-field-img .attachment-thumbnail ,
#regularPost .sponsored-post-field-img .attachment-thumbnail  {
    max-width: 107px;
}

#regularPostWithExcerpt .excerpt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-line-clamp: 2;
    padding-top: 0;
    margin: 0;
    font-size: 14px;
    color: #555;
}

/* Featured article */
#featuredArticle .featured-image {
    display: block;
    width: 100%;
    height: auto;
    max-height: 450px;
    object-fit: cover;
}

#featuredArticle .content {
    padding: 10px;
}

#featuredArticle .post-sponsored .content {
    padding: 10px;
    border-top: solid 10px #ff8e8e;
}

#featuredArticle .sponsored-post-field-heading .title {
    margin: 1.33em 0;
    text-transform: uppercase;
    font-weight: 600;
    color: #ddd;
}

#featuredArticle  .sponsored-post-field-img .attachment-thumbnail  {
    max-width: 107px;
}

#featuredArticle  .featured-article-heading  {
    padding: 0;
    font-size: 30px;
    line-height: 1.1em;
    margin: 5px 0;
    font-weight: 900;
}

#featuredArticle .excerpt  {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    padding: 0 !important;
    overflow: hidden;
    line-height: 1.1;
}