/*!
Theme Name: spectrapilot
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: spectrapilot
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

spectrapilot is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

.post-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-right: 16px !important
}


.post-categories a {
    text-decoration: none;
    display: inline-block;
    -webkit-border-radius: 42px;
    border-radius: 42px;
    background: #ffe8ed;
    font-size: 14px;
    font-weight: 500;
    line-height: 28px;
    padding: 2px 16px;
    text-decoration: none;
    color: #f45279;
}



.post__content h2 {
    font-size: 42px;
    line-height: 57px;
    margin-top: 19px;
    margin-bottom: 19px;
    color: #414141;
}

.post__content h3 {
    font-size: 26px;
    line-height: 38px;
    margin-top: 19px;
    margin-bottom: 0px;
    color: #414141;
}

.post__content h4 {
    font-size: 16px;
    line-height: 19px;
    margin-top: 19px;
    margin-bottom: 0px;
    color: #414141;
}

.post__content h5 {
    font-size: 16px;
    line-height: 19px;
    margin-top: 19px;
    margin-bottom: 0px;
    color: #414141;
}

.post__content p {
    color: #616161;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 36px;
}

.post__content ul,
.post__content ol {
    color: #616161;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    margin: 0 0 36px 0 !important;
    padding-left: 24px !important;
    list-style: disc !important;
}
.post__content ol {
    list-style: decimal !important;
}

.post__content pre,
.post__content table {
    color: #616161;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 36px;
}

.post__content blockquote {
    color: #616161;
    font-size: 18px;
    font-style: italic;
    line-height: 28px;
    margin: 36px 0;
    padding: 0 0 0 24px;
    border-left: 4px solid #f45279;
}

.post__content ul ul,
.post__content ol ol,
.post__content ul ol,
.post__content ol ul {
    margin: 12px 0 !important;
}

.post__content hr {
    border: none;
    border-top: 1px solid #e0e0e0;
    margin: 36px 0;
}

.post__content a {
    color: #f45279;
    text-decoration: none;
}

.post__content b,
.post__content strong {
    font-weight: 600;
}

.post__content i,
.post__content em {
    font-style: italic;
}

.post__content small {
    font-size: 14px;
}

.post__content code {
    font-family: monospace;
    background: #f5f5f5;
    padding: 2px 4px;
    border-radius: 4px;
}

.post__content sub,
.post__content sup {
    font-size: 12px;
    position: relative;
    vertical-align: baseline;
}

.post__content sup {
    top: -0.5em;
}

.post__content sub {
    bottom: -0.25em;
}

.news-cards__image {
    max-width: 365px;
}

.yoast-breadcrumb span {
    display: flex;
    align-items: center;
}
.post__tags {
    margin-right: 20px;
}

.blog__tags {
    flex-wrap: wrap;
}
.blog__bottom-list .blog__tags,
.blog__cards .blog__tags {
    max-width: 250px;
}
.blog__info {
    align-items: flex-start;
}


.header__user {
    color: #327AFF;
    font-size: 14px;
    font-weight: 500;
    line-height: 28px;
    display: inline-block;
    height: 28px;
    padding-left: 24px;
    background: url(/static/img/user.svg) no-repeat left center;
    background-size: 16px;
    margin-right: 8px;
    white-space: nowrap;
}

.header__log-out-btn {
    text-decoration: none;
    color: #424242;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    display: inline-block;
    height: 28px;
    background: url(/static/img/logout.svg) no-repeat right center;
    background-size: 16px;
    padding-right: 30px;
    display: flex;
    align-items: center;
}

.header__right .header__login-btn {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

#auth-links-desktop.is-user-hidden .header__user {
    display: none;
}

@media (max-width: 1200px) {
    #auth-links-desktop {
        gap: 8px;
    }
    .header__right .header__log-out-btn {
        width: 16px;
        min-width: 16px;
        padding-right: 0;
        font-size: 0;
        background-position: center;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
}



.proxy-search__suggestion-name {
    cursor: pointer;
    
    color: #414141;
}
.proxy-search__suggestion-name:hover {
    color: #327aff;
}

.proxy-finder__tabs {
    margin-bottom: 120px !important;
}

.proxy-search__form {
    position: relative;
    width: fit-content;
    margin: 0 auto;
}
.proxy-search__dropdown {
    position: absolute;
    top: 55px;
    left: 20px;
    background: #fff;
    width: 520px;
}

.proxy-list__item-link {
    text-decoration: none;
    color: inherit;
}
.proxy-list__item-link:hover {
    color: #327aff;
}

.mt-40 {
    margin-top: 40px !important;
}


.reviews-card__text {
    max-height: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    box-orient: vertical;
    text-overflow: ellipsis;
}