/** Shopify CDN: Minification failed

Line 188:0 Expected "}" to go with "{"

**/
.main-blog .c-page-width {
    max-width: 70rem;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    box-sizing: border-box;
}

.main-blog .g-box{
    padding: 1px;
    border-radius: 10px !important;
    background: linear-gradient(180deg, #d9d9d9, #b4b4b4 18.01%, #787878 44.01%, #dcdcdc 67.02% 82.02%, #5f5f5f 100.03%) !important;
}

.main-blog .g-box-inner{
    border-radius: 10px;
    background: #fff;
    padding: 1rem;
}

.main-blog .printer-tag {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 4px;
    gap: 4px;

    min-width: 70px;
    min-height: 27px;

    /* Light Blue */
    background: #DDE6F1;
    border-radius: 4px;

    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;

    font-family: 'Host Grotesk';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    /* identical to box height */
     color: #31669D;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%; /* Or a fixed px width */

}

.main-blog .printer-tag a{
    color: #31669D;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    white-space: normal;
}

.main-blog .printer-tag a:hover{
    color: #31669D;
}

.main-blog .meta-tag{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 4px;
    gap: 4px;

    min-width: 70px;
    min-height: 27px;

    /* Light Blue */
    background: #008D7B1A;
    border-radius: 4px;
    flex: none;
    order: 1;
    flex-grow: 0;
    /* Seaory S25 */

    font-family: 'Host Grotesk';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    /* identical to box height */
    color: #008D7B;
}

.main-blog .meta-tag svg,.main-blog .printer-tag svg{
    width: 15px;
    height: 15px;
}

.main-blog .imager {
    position: relative;
    width: 100%;
    aspect-ratio: 268 / 150;
    overflow: hidden;
}

.main-blog .imager img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    background-color:#fff; /* optional background fill */
    border-radius: 6px;
}

.main-blog .btn--red-out{
    min-width: 100%;
    min-height: 3.06rem;
}

.three-lines{
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Max 3 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

    min-height: calc(1em * 1.4 * 3); /* 3 lines of text at 1.4 line-height */
    line-height: 1.4;
}


@media(max-width: 767px){

   @media (max-width: 767px) {
    /* Hide tags after the 2nd by default */
    .tags-wrapper .printer-tag:nth-child(n+2) {
        display: none !important;
    }

    /* When wrapper has class show-all, show all tags */
    .tags-wrapper.show-all .printer-tag {
        display: inline-block !important;
    }


    .toggle-tags-btn {
        border: none;
        background: rgba(49, 102, 157, 0.1);
        color: #31669D;
        font-weight: bold;
        padding: 2px 6px;
        border-radius: 4px;
        font-size: 14px;
        margin-top: 5px;
        cursor: pointer;
        min-height: 27px;
        background: #dde6f1;
        border-radius: 4px;
        flex: none;
        order: 0;
        flex-grow: 0;
        font-family: Host Grotesk;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 19px;
        color: #31669d;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        margin: 0;
    }
    
    .main-blog .btn--red-out{
        min-width: 100%;
        min-height: 2.8125rem;
    } 

    .main-blog .g-box-inner {
        padding: 10px;
    }
}