/**handles:comparator2020,comparatordetails2020**/
:root {
    --star-size: 30px;
    --star-color: #ccc;
    --star-background: #fc0;
}
@media screen and (max-width: 768px) {
    :root {--star-size: 25px;}
}
.comp-stars-rating {--percent: calc(var(--rating) / 5 * 100%);display: inline-block;font-size: var(--star-size);font-family: "Times New Roman";line-height: 1;}
.comp-stars-rating::before {content: '★★★★★';letter-spacing: 3px;background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.comparator-card br {display: none !important}
.comparator-card p {font-size: 14px !important;}
.comparator-card img {display: inline-block}
.comparator-card {border-radius: 5px; border: 1px solid #ccc;padding: 15px;background-color: #FFF;overflow: hidden; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; margin-top: 0; margin-bottom: 10px;}
.comparator-card.comp-highlight {background-color: #F8FDFF}
.comparator-card .btn {position: relative;text-decoration: none;display: inline-block;vertical-align: middle;box-sizing: border-box;width: 105px;height: 52px;border-width: 0px;border-radius: 4px 4px 4px 4px;background-color: #f26522;box-shadow: none;}
.comparator-card .btn:hover, .comparator-card .btn:focus, .comparator-card .btn:active {background-color: #d05419;}
.comparator-card .btn .mb-text {color: #ffffff;font-size: 14px;text-align: center;font-style: normal;font-weight: bold;line-height: 1em;box-sizing: border-box;display: block;background-color: unset;padding: 13px 8px 0px 8px;}
.comparator-card .comp-values p {line-height:25px;}

@media screen and (min-width:992px) {
    .comp-border-right {border-right: 1px solid #eee; padding-left:10px; padding-right:10px}
}

@media only screen and (max-width: 480px) and (min-width: 0px) {
    .comparator-card .btn {width:90%}
    .comparator-card .btn .mb-text {font-size: 1.3em;}
    .comparator-card.comp-highlight {background-color: #FFF;}
    .comparator-card .comp-values p {font-size: 12px; line-height: 20px;}
}
.img-fluid {    max-width: 100%; width: auto\9; height: auto;}
.text-center {text-align: center; margin-top: 10px;}
.comp-features-list {list-style-image: url('https://supercoin.it/wp-content/themes/Newspaper-child/comparator2020files/images/check.png');font-size: 10px !important;line-height: 2em;margin-top: 5px;padding-left: 10px;margin-bottom:5px !important}
.comp-features-list li {line-height: 22px !important;}
.comp-stars-rating-container {margin-top:10px}
@charset "UTF-8";

:root {
    --star-size: 30px;
    --star-color: #ccc;
    --star-background: #fc0;
}
@media screen and (max-width: 768px) {
    :root {--star-size: 25px;}
}
.comp-stars-rating {--percent: calc(var(--rating) / 5 * 100%);  display: inline-block; font-size: var(--star-size); font-family: Times; line-height: 1;}
.comp-stars-rating::before {content: '★★★★★'; letter-spacing: 3px;background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.rating-title {font-size: 16px;}
.comp-container-fluid {max-width: 1152px}
.comparator-details-card {border: 1px solid #d8d9da;padding: 15px;background-color: #FFF;overflow: hidden; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; margin-top: 0; margin-bottom: 10px;box-shadow: 0 0 3px #ccc;}
.comparator-details-card br {display: none !important;}
.comp-main a {text-decoration: none; color: #64666a }
.comp-stars-rating-container a {text-decoration: none; color: #005fb9}
.comparator-details-card.comp-highlight {background-color: #F8FDFF}
.comparator-details-card .btn {position: relative;text-decoration: none;display: inline-block;vertical-align: middle;box-sizing: border-box;border-width: 0px;border-radius: 4px 4px 4px 4px;    background-color: #008255; color: #fff!important;box-shadow: none;white-space: nowrap;    text-transform: uppercase; width: 100%;
    letter-spacing: .0625em;    transition-property: background-color,box-shadow,color; transition-property: background-color,box-shadow,color,-webkit-box-shadow;text-align: center;
    text-decoration: none!important; -webkit-transition-duration: .15s;    transition-duration: .15s;  padding: 1rem;}
.comparator-details-card .btn:hover, .comparator-details-card .btn:focus, .comparator-details-card .btn:active {background-color: #d05419;}
.comparator-details-card .btn .mb-text {color: #ffffff;font-size: 15px;text-align: center;font-style: normal;font-weight: bold;line-height: 1em;box-sizing: border-box;display: block;background-color: unset;padding: 13px 8px 0px 8px;}
/*.comparator-details-card .comp-values p {line-height:25px;}*/
.collapsible-content {padding: 0 15px;display: none;overflow: hidden;background-color: #fff;}
.comp-collapsible {background-color: transparent;color: #005fb9!important;cursor: pointer;padding: 10px;width: auto;border: none;text-align: right;outline: none;font-size: 15px; padding-right: 30px;position: relative; float:right}
.comp-collapsible span.hide {display:none}
.comp-collapsible.active span.hide {display:inline}
.comp-collapsible.active span.show {display:none}
.comparator-details-card .comp-desktop-logo {max-height: 60px;max-width: 171px;}
.comparator-details-card .comp-main a.button:hover {background-color: #40ad87}
.comparator-details-card .comp-muted {color:#64666a !important }
.comparator-details-card .comp-values {font-size: 18px !important;}
.comparator-details-card .comp-subtitle {}
.comparator-details-card p.comp-muted, .comparator-details-card p.comp-subtitle {font-size: 14px !important;line-height: 1.4 !important;}
.chevron {position:absolute; right: 20px; top: 15px;display:inline-block;height:16px; /*height should be double border*/}
.chevron::before, .chevron::after {position:absolute;display:block;content:"";border:8px solid transparent; /*adjust size*/}
.comp-collapsible.active .chevron {transform: rotate(-180deg);top: 5px; right: 5px;}
/*Change the four instances of 'top' below to rotate (top/right/bottom/left)*/
.chevron::before {top:0;border-top-color:#005fb9!important; /*Chevron Color*/}
.chevron::after {top:-4px; /*adjust thickness*/border-top-color:#fff; /*Match background colour*/}
@media screen and (min-width:992px) {
    /*.comp-main {max-width: 190px;}*/
    .comp-border-right {border-right: 1px solid #eee; padding-left:10px; padding-right:10px}
}
@media screen and (max-width: 768px) {
    .collapsible-container {background-color:#f5f5f5; text-align: center}
    .comp-collapsible {text-align: center; width: auto; margin: 0 auto; float:none}
}
@media only screen and (max-width: 480px) and (min-width: 0px) {
    .comparator-details-card .btn {width:100%}
    .comparator-details-card .btn .mb-text {font-size: 1em;}
    .comparator-details-card.comp-highlight {background-color: #FFF;}
    .comparator-details-card .comp-values p {font-size: 12px; line-height: 20px;}
}
.img-fluid {max-width: 100%; width: auto\9; height: auto;}
.text-center {text-align: center}
.comp-features-list {list-style-image: url('https://supercoin.it/wp-content/themes/Newspaper-child/comparator-details-files/images/check.png');font-size: 10px !important;line-height: 2em;margin-top: 5px;padding-left: 25px;}
.comp-features-list li {line-height: 22px;}