/*
///////////////////////////////////////////

Author: parent theme
*/

/* start single page */
.tags .tags-container {
    padding: 12.5px 7.5px
}

.tags a {
    display: block;
    padding: 8px 10px;
    background: #f2f5f9;
    border-radius: 4px;
    line-height: 10px;
    font-size: 13px;
    float: right;
    margin: 5px
}
.app .app-logo {
    width: 105px;
    height: 105px;
    padding: 12px
}

.app .app-logo img {
    border-radius: 4px
}

.app-header {
    height: 100%;
    border-bottom: 1px solid #edf2f4;
    position: relative;
    overflow: hidden
}

.app-header .app-details {
    line-height: 52px
}

.app-header .ribbon {
    transition: all .2s ease;
    position: absolute;
    box-shadow: 0 1px 5px 1px #dadcde;
    width: 250px;
    height: 54px;
    text-align: center;
    z-index: 10;
    transform: rotate(-45deg);
    top: 5px;
    left: -92px;
    line-height: 54px;
    color: #fff
}

.app-header .free {
    background: #7cbc28
}

.app-header .paid {
    background: #c12121
}

.app-header .trial {
    background: #1a77f4;
    font-size: 13px
}

.no-logo .app-header {
    padding: 0 10px
}

#crumbs {
    width: 100%;
    font-size: 14px;
    color: #646464
}

.delimiter {
    padding: 0 5px
}

.app-meta span {
    display: inline-block;
    padding: 0 5px;
    font-size: 14px
}

.app-meta span:first-child {
    padding-right: 0;
    padding-left: 5px
}

.total-score {
    vertical-align: middle;
    color: #fff
}

.total-score span {
    background-color: #babbbd;
    border-radius: 5px;
    margin-left: 5px;
    padding: 0 10px;
    font-size: 16px
}

.total-score .your-rating {
    background-color: transparent;
    color: white
}
.review-final {
    text-align: center;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: auto auto auto 10px
}

.app-content {
    padding: 10px;
    color: #4b5054;
    line-height: 2.2em
}

.app-content p {
    padding: 5px 0
}

.app-content a {
    color: #1833f1
}

.app-content a:hover {
    text-decoration: underline
}

.entry li,.entry p {
    font-size: 15px
}

.entry ol li,.entry ul li {
    margin-right: 35px
}

.entry img {
    display: block
}

.entry .wp-caption,.entry img {
    max-width: 100%!important;
    width: auto;
    margin: auto;
    height: auto
}

.entry .wp-caption-text {
    text-align: center
}

.custom-title {
    padding: 10px;
    border-radius: 5px;
    color: #272829;
    background-color: #f2f5f9
}

.embed-container,.embed-youtube {
    height: 0;
    position: relative;
    padding-bottom: 56.25%;
    margin: 0;
    border-radius: 4px;
    overflow: hidden
}

.embed-container iframe,.embed-youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px
}
.app-infos p {
    height: 45px
}

.app-infos .cols {
    overflow: hidden;
    text-align: center
}
.app-infos .columns .col-3,.app-infos .columns .col-4,.app-infos .columns .col-12 {
    padding: 0
}
/* .line-title .title:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #edf2f4;
    display: inline-block;
    margin-left: -100%;
    margin-right: 10px
} */
.app-footer {
    line-height: 50px;
    padding: 10px;
    min-height: 125px
}

.app-footer .col-6 {
    padding: 0
}

.app-footer.tdlink {
    min-height: 55px;
    border-bottom: 1px solid;
    margin-left: -15px;
    margin-right: -15px;
    padding: 0 15px
}

.app-footer .title {
    margin-left: -15px
}
.space-bordred {
    margin: 25px 0;
    height: 1px;
    background: #edf2f4
}
.alert {
    padding: 20px;
    margin: 10px 0;
    position: relative
}
.alert .alert-icon {
    width: 30px;
    height: 30px;
    border: 3px solid;
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 3px 4px;
    margin: auto -36px auto auto;
    background: #fff
}
.info {
    background: #e5f5fd;
    color: #008dc0;
    border-right: 3px solid #008dc0
}

.success {
    background: #ecf8ea;
    color: #0f9c6d;
    border-right: 3px solid #0f9c6d
}

.warning {
    background: #fff7dd;
    color: #bc892e;
    border-right: 3px solid #bc892e
}

.danger,.error {
    background: #fce3e3;
    color: #e85656;
    border-right: 3px solid #e85656
}

.comment-notes {
    display: none;
}
#comments #comments-box,#comments .block-content {
    padding: 10px;
    font-size: 15px
}

#author,#comment,#email,#submit,#url {
    background: #edf0f4;
    border-radius: 4px;
    border: 1px solid #a2a2a3;
    padding: 8px;
    width: 100%
}

#comment {
    min-height: 350px;
    padding: 15px 8px
}

.comment-form-comment {
    width: 70%
}

#commentform {
    position: relative;
    overflow: hidden
}

#commentform .comment-form-author label {
    padding: 20px 0 0;
    margin-bottom: 15px
}

#commentform .not-empty {
    background-color: #fff
}

.comment-form-cookies-consent {
    display: none
}

.comment-form-author,.comment-form-email,.comment-form-url,.form-submit {
    width: 30%
}

.comment-form-author label,.comment-form-email label,.comment-form-url label,.form-submit label {
    display: block;
    padding: 15px 0
}

.form-submit {
    position: absolute;
    bottom: 0
}

#submit {
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer
}

.required {
    color: red
}

.comment-notes {
    position: absolute;
    bottom: 60px;
    width: 30%;
    line-height: 2em
}

.logged-in-as {
    padding: 10px
}

.logged-in-as a {
    color: #5e5f60
}

.comment-form-cookies-consent label {
    padding-right: 5px;
    line-height: 1.8em
}

.comment-item {
    border: 1px solid #edf2f4;
    padding: 25px 10px;
    margin: 20px 0;
    border-radius: 4px;
    position: relative;
    font-size: 13px
}

.comment-item .comment-respond {
    padding: 20px 0
}

#cancel-comment-reply-link {
    color: #e85656
}

.the-comment {
    font-size: 14px;
    padding: 10px 0;
    line-height: 1.8em
}

.comment-meta,.fn,.reply {
    position: absolute;
    border: 1px solid #edf2f4;
    padding: 5px;
    border-radius: 4px;
    background: #fff
}

.mod {
    background-color: #edf2f4
}

.comment-meta,.fn {
    top: -15px
}

.comment-meta {
    border: none
}

.reply {
    bottom: 10px;
    padding: 0!important
}

.reply a {
    color: #1a93e5;
    display: block;
    width: 60px;
    text-align: center
}

.reply:hover {
    background: #1a93e5
}

.reply:hover a {
    color: #fff
}

.comment-meta,.reply {
    left: 10px
}

.sharing {
    margin-top: 20px;
    padding: 0 10px
}

.sharing p {
    margin: 0!important
}

.social-share {
    text-align: center;
    padding: 15px 0
}

.social-share li {
    display: inline-block;
    text-align: center;
    height: 30px
}

.social-share li:not(:last-child) {
    padding-inline: 2.5px;
    margin-bottom: 5px;
}

.social-share a {
    padding: 0 30px;
    width: 70px;
    display: block;
    height: inherit;
    border: 1px solid;
    line-height: 30px;
    transition: margin-top .2s ease-in-out
}

.social-share a span {
    display: none
}

.social-share a:hover {
    text-decoration: none;
    margin-top: -2px;
    transition: margin-top .2s ease-in-out
}
.social-share .social-facebook {
    color: #3b5998
}

.social-share .social-twitter {
    color: #00acee
}

.social-share .social-whatsapp {
    color: #25d366
}

.social-share .social-tumblr {
    color: #34526f
}

.social-share .social-pinterest {
    color: #c8232c
}

.social-share .social-linkedin {
    color: #0e76a8
}
/* start Buttons shortcode */
a.shortc-button {
    border: none;
    cursor: pointer;
    padding: 0 10px;
    display: inline-block;
    margin: 5px 2.5px 0;
    font-weight: 700;
    outline: none;
    position: relative;
    background: #bdc3c7;
    color: #fff!important;
    text-decoration: none;
    font-size: 10px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    opacity: .9;
    overflow: hidden;
    border-radius: 3px
}

a.shortc-button:hover {
    opacity: 1
}
a.shortc-button:active {
    top: 1px
}
a.shortc-button i {
    margin-right: 10px
}
a.shortc-button.black {
    background: #222
}

a.shortc-button.white {
    background: #ecf0f1;
    color: #333!important
}

a.shortc-button.medium {
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    padding: 0 15px
}

a.shortc-button.big,a.shortc-button.large {
    font-size: 24px;
    height: 65px;
    line-height: 65px;
    padding: 0 20px
}
/* start Buttons shortcode */
/* end single page */

@media screen and (max-width: 768px) {
    .comment-form-author, .comment-form-comment, .comment-form-cookies-consent, .comment-form-email, .comment-form-url, .form-submit {
        width: 100%;
        display: inline-block;
        position: relative;
        padding: 10px!important;
        font-size: 15px;
    }
    .comment-form-author label, .comment-form-comment label, .comment-form-cookies-consent label, .comment-form-email label, .comment-form-url label, .form-submit label {
        padding: 10px 0;
    }
}