body {
  counter-reset: bookmaker-counter;
}

.new-company-list .company-ratings-entry {
    width: 90%;
    margin: 0 auto 15px auto;
    border: none;
    border-radius: 5px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
}

.new-company-list small {
    width:90%;
    display:block;
    margin: -5px auto 40px auto;
}

.new-company-list-wrapper {
    background:#eee;
    margin-left:-15px;
    margin-right:-15px;
    padding:30px 20px;
}

.company-ratings-entry {
    background: #fff;
}

.new-company-list .company-ratings-entry figure {
    padding: 0px !important;
    margin: 20px;
}

.new-company-list .company-ratings-entry figure img {
    border-radius:5px;
    display:block;
    width:80px;
}

.arch-ranking:before {
  counter-increment: bookmaker-counter;
  content: counter(bookmaker-counter);
} 

.arch-ranking {
    height: 36px;
    width: 36px !important;
    border-radius: 50%;
    background: #f8b133;
    display: block;
    line-height: 36px;
    font-weight: bold !important;
    margin: 45px auto 0 auto;
    text-align:center;
}

.new-company-list-wrapper .bonus-head {
    margin-top:20px;
}

.new-company-list-wrapper .ranking-stars {
    margin-top: 35px;
    color:#f8b133;
    font-size:16px;
}

.bookmakers-read-review {
    color:#000;
    margin-top:5px;
    text-decoration:underline;
}

.bookmakers-read-review:hover {
    opacity:0.8;
}

.highlight-stars .ranking-stars {
    margin-top:20px;
}

.new-company-list-wrapper .bonus-description {
    /*max-height:60px;*/
    max-height:auto;
    overflow:hidden;
    text-overflow:ellipsis;
    display:block;
    font-size:13px;
}

.new-company-list-wrapper .btn_color_black {
    font-size:14px;
    position:static !important;
    padding:10px 30px;
    height:auto !important;
    margin-top: 30px;
    border-radius:5px;
	margin-left: 20px;
}

.new-company-list-wrapper .ribbon {
    top:-7px !important;
}

/*highlighted company*/
.highlight-ranking {
    position: absolute;
}

.highlight-logo {
    display: block;
    margin: 0 auto;
}

.highlight-company {
    text-align: center;
    margin-bottom:50px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.highlight-logo figure {
    float: none !important;
}

.highlight-logo figure img {
    margin: 0px !important;
    padding: 0px !important;
    display: block;
    width: 90px !important;
    float: none !important;
}

.highlight-logo figure a {
    display: block !important;
}

.highlight-bonus {
    display: block;
    width: 100%;
}

.highlight-bonus .bonus-head {
    font-size: 150%;
    color: #f8b133;
    margin-bottom: 20px;
}

.highlight-bonus .bonus-description {
    display: block;
    width: 100%;
    font-size: 110%;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.4;
    max-height: 999px !important;
    overflow: visible !important;
}

.highlight-ranking .arch-ranking {
    width: 64px !important;
    font-size: 130%;
    line-height: 70px;
    margin-left:30px;
    height: 64px !important;
    background-size: contain !important;
    margin-top: 15px !important;
    border-radius: 0px !important;
    background: url(../images/crown.svg);
}

.highlight-stars {
    margin: 0 auto;
    display: block;
    width: 100%;
}

.highlight-stars i {
    font-size: 150%;
}

.highlight-cta {
    display: block;
    width: 100%;
    margin-bottom: 20px;
}

.highlight-cta a {
    margin-left: 0px !important;
    background-color: #f8b133 !important;
    color: #000 !important;
    font-weight: bold !important;
    font-size: 18px !important;
    padding: 14px 40px !important;
}

.highlight-cta a:hover {
    opacity:0.8;
}

.extra-highlight-text {
    margin-top:10px;
}

@media screen and (max-width:768px) {
    :root .arch-ranking {
        position:absolute !important;
        left:10px !important;
        top:10px !important;
        margin-top: 0px !important;
    }

    .company-ratings-entry {
        position:relative !important;
        padding: 10px !important;
        text-align: center !important;
        width: 100% !important;
    }

    .company-ratings-entry figure {
        display:block;
        margin: 10px auto !important;
        width: 100% !important;
    }

    .highlight-ranking {
        position:static !important;
    }

    h3.bonus-head {
        font-size:1.3rem !important;
        line-height:1.3;
    }

    .bonus-description {
        padding:0px 10px;
        font-size:1rem !important;
    }

    .company-ratings-entry .btn {
        margin-top:20px;
        margin-left:auto !important;
        margin-right:auto !important;
        margin-bottom:0px;
        font-size:1rem !important;
        padding:5px 25px !important;
    }

    .company-ratings-entry figure img {
        display:block;
        margin:0 auto;
    }

    .new-company-list-wrapper .ranking-stars {
        margin:10px auto !important;
    }

    .company-ratings-entry.highlight-company {
        background-color:#fffaf1;
    }
}

@media screen and (min-width:992px) {
    .home .new-company-list-wrapper {
        padding:30px 0;
    } 
}

.home .new-company-list .company-ratings-entry {
    width:100%;
}

.home .new-company-list .company-ratings-entry .btn {
    /*margin-left: -32px;*/
    margin-left: 0px;
}

.home .new-company-list-wrapper .btn_color_black {
    /*padding:10px 20px;*/
	padding: 20px;
    float: right;
	/*animation: glowing 2s infinite;*/
	margin-top: 40px;
}

@media screen and (max-width:1300px) {
    .home .company-ratings-entry .btn_color_black {
        padding: 10px 10px;
        font-size:17px;
    }
    .home .new-company-list .company-ratings-entry .btn {
    margin-left: 0;
	float:none;
}
}

@media screen and (max-width:1300px) {
    .post-type-archive-bookmaker .company-ratings-entry .btn_color_black {
        padding: 10px 10px;
        font-size:17px;
    }
    .post-type-archive-bookmaker .new-company-list .company-ratings-entry .btn {
    margin-left: 0;
}
}

.company-ratings-entry.bookmaker-shortcode {
    width:100%;
}

.company-ratings-entry.bookmaker-shortcode  .ranking-stars {
    margin-top: 50px;
    color: #f8b133;
    font-size: 16px;
}

.company-ratings-entry.bookmaker-shortcode .btn_color_black {
    font-size: 20px;
    position: static !important;
    padding: 10px 20px;
    height: auto !important;
    margin-top: 35px;
    border-radius: 5px;
    margin-left: -32px;
}

.company-ratings-entry.bookmaker-shortcode h3 {
    margin-top: 8px;
}

@media screen and (max-width:1300px) {
.company-ratings-entry.bookmaker-shortcode .btn_color_black {
        padding: 10px 10px;
        font-size:17px;
    }
.company-ratings-entry.bookmaker-shortcode .btn {
    margin-left: 0;
}
}

.company-ratings-entry.bookmaker-shortcode .highlight-bonus,
.company-ratings-entry.bookmaker-shortcode .highlight-stars,
.company-ratings-entry.bookmaker-shortcode .highlight-cta {
    text-align: center;
}

.company-ratings-entry.bookmaker-shortcode .ribbon {
    position: absolute;
    top: -11px;
    left: 5px;
    width: 35px;
}

.company-ratings-entry.bookmaker-shortcode .ribbon span {
    position: absolute;
    top: 40%;
    left: 50%;
    width: 35px;
    margin-left: -21px;
    font-family: "Noto Sans", serif;
    font-size: 12px;
    font-weight: 700;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    color: #fff;
}
@media (min-width: 992px) and (max-width: 1150px) { 
	.bookmakers-read-review {font-size: 15px;}
}
@media (min-width: 768px) and (max-width: 1190px) { 
	.bookmakers-read-review {font-size: 15px;}
}