/*
 * Comparison Sites Plugin Stylesheet
 */

a.coupon-visit-site-action-button {
    pointer-events: none;
}
.adv-disc {
    text-align:right;
}
.star-box {
    margin:0;
    padding:0;
    display:inline-block;
    margin-bottom:0;
}
.cp-logo {
    text-align:center;
}
.cp-logo img {
    width:60%;
    height:auto;
    border:1px solid #e2e2e2;
}
.icon-link-bk {
    vertical-align:middle;
    background-image:url(../img/icons/icon-link-bk.svg);
    width:24px;
    height:24px;
    display:none !important;
    margin-left:10px !important;
    background-size:24px 24px;
    background-position:50% 50%;
    margin-top:-4px !important;
}
span.icon-i {
    width:16px;
    height:16px;
    display:inline-block !important;
    vertical-align:middle;
    margin-left:10px;
    background-image:url(../img/icons/icon-i.svg);
    background-repeat:no-repeat;
    background-size:100% 100%;
    margin-top:-4px;
}
span.icon-link {
    width:18px;
    height:18px;
    display:inline-block !important;
    vertical-align:middle;
    margin-left:10px;
    background-image:url(../img/icons/icon-link.svg);
    background-repeat:no-repeat;
    background-size:100% 100%;
    margin-top:-4px;
}
.star {
    width:15px;
    height:16px;
    display:inline-block;
    background-repeat:no-repeat;
    background-size:100% 100%;
    background-position:50% 50%;
    margin-right:3px !important;
}
.star-0 {
    background-image:url(../img/icons/star-1.png);
    opacity:0.3;
}
.star-1 {
    background-image:url(../img/icons/star-1.png);
}
.col-description ul {
    list-style-position: outside;
    margin:0 50px 0 50px;
}
.col-description {
    padding:20px 50px 30px 50px;
}
.col-description ul li {
    float:left;
    width:25%;
    padding-right:30px;
}
.coupon-box-new {
    margin-bottom:50px;
    background: #FFFFFF;
    border: 1px solid #cccccc;
    border-radius:10px;
    box-sizing: border-box;
    box-shadow: 0px 4px 45px -15px rgba(0, 0, 0, 0.25);
}
.cp-badge {
    border-top-left-radius:10px;
    display:inline-block;
    /*width:100%;*/
    width:auto;
    background-position:top right;
    background-repeat:no-repeat;
/*    background-color:#0d6efd;*/
    font-size:16px;
    line-height:46px;
    color:white;
    text-transform:uppercase;
    padding-left:20px;
    padding-right:20px;
}
.cp-badge .circle {
    width:25px;
    height:25px;
    border-radius:50%;
    background-color:white;
    color:#1E2833;
    font-size:12px;
    text-align:center;
    display:inline-block;
    vertical-align:middle;
    line-height:25px;
    margin-top:-4px;
}
.circle-text {
    padding-left:14px;
}
.t-200 {
    display: table;
    width:100%;
    height:200px;
}
.td-200 {
    width: 100%;
    height:100%;
    display:table-cell;
    vertical-align:middle;
}
.modal-dialog .icon-close {
    display:inline-block;
    width:24px;
    height:24px;
    background-image:url(../img/icons/icon-close.png);
    background-size:24px 24px;
    background-repeat:no-repeat;
}
/* columns */
.col-discount h2 {
    font-size:24px;
}
.col-discount h3 {
    font-size:18px;
    text-transform:none;
    margin-bottom:0;
}
.col-rating h2 {
    font-size:18px;
    text-transform:uppercase;
    padding-left:10px;
    margin:0;
}
.coupon-btn {
    font-family:Oswald, sans-serif;
    font-size:16px;
    line-height:25px;
    letter-spacing:0.08px;
    text-transform:uppercase;
    background-color:#F53478;
    border-radius: 4px;
    padding-top:15px;
    padding-bottom:15px;
    padding-left:30px;
    padding-right:30px;
    color:white;
    display:inline-block;
    min-width:150px;
}
.coupon-btn:hover {
    color:white;
    text-decoration: none;
    background-color:#1890FF;
}
.coupon-code-box {
    width:150px;
    margin-left:auto;
}
.coupon-btn-outer {
    margin-bottom:24px;
}
.coupon-edit-link {
    margin-top:10px;
    margin-right:15px;
    font-size:14px;
    text-align:right;
}
.cp-button {
    text-align:center;
}
.cp-button-mobile {
    text-align:center;
    margin-bottom:30px;
}
.cp-button-mobile {
    margin-bottom:0;
    margin-top:30px;
}
.cp-button-mobile .coupon-btn {
    width:100%;
}
.cp-button h4, .cp-button-mobile h4 {
    margin:0;
    padding:0;
    font-family:Oswald, sans-serif !important;
    font-size:16px;
    line-height:24px;
    font-weight:500;
}
.cp-button h3, .cp-button-mobile h3 {
    margin:0;
    padding:0;
    font-family:Oswald, sans-serif;
    font-size:24px;
    line-height:36px;
    font-weight:500;
}
.col-badge {
    padding-bottom:30px;
}
.rating-circle-box {
    display:table;
    margin:auto;
}
.rating-circle-col1 {
    display: table-cell;
    height:100px;
    vertical-align:middle;
}
.rating-circle-col2 {
    display: table-cell;
    vertical-align:middle;
}
.coupon-action {
    margin-bottom: 0;
    font-size: 14px;
}
.vs-coupon-code-wrapper {
    cursor: pointer;
}
.vs-coupon-code-copied,
.vs-coupon-code-copied-wrapper {
    display: none;
}
.vs-coupon-code-wrapper,
.vs-coupon-code-copied {
    padding: 10px;
}
.vs-coupon-code-wrapper .vs-coupon-code {
    padding: 0 10px 10px !important;
}
.vs-coupon-code-no-link .vs-coupon-code {
    padding-top: 10px !important;
}

.vs-coupon-code-copied {
    margin-bottom: 0;
    background: #ffb905;
    color: #000;
}

.vs-coupon-code-instructions {
    margin-top: 8px;
    text-align: center;
}
.vs-coupon-code-instructions .affiliate-link {
    color: #1a73e8;
}
.vs-coupon-code-instructions .affiliate-link:hover {
    color: #67a1ff;
}
a.info-outlink {
    color: #777;
    text-decoration: underline;
}
a.info-outlink:hover {
    color: #67a1ff;
}

.page-info {
    display: flex;
    align-content: center;
    justify-content: space-between;
    padding: 5px 0;
}
.page-last-updated p {
    margin: 0;
    position: relative;
    padding-left: 20px;
}
.page-last-updated p:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(/wp-content/themes/flatsome-child/img/tick.svg) no-repeat;
    left: 0;
    top: 7px;
}
.secret-tooltip-above .secret-tooltip_text {
    top: 25px;
    bottom: auto;
}

