/*
 Theme Name:   AffiliateBay
 Theme URI:    https://www.affiliatebay.net/
 Description:  Affiliate Bay main theme 
 Author:       Vashishtha Kapoor
 Author URI:   https://www.affiliatebay.net
 Template:     generatepress
 Version:      1.0.0
*/


.disclosure {
    background: #fbfbfb;
    margin-bottom: 20px!important;
    padding: 20px;
    font-size: 14px;
    color: #757575;
}

span.score_text {
    color: #2d2d2d;
    margin-right: 10px;
}
	.main-rating-area .score_text {
    font-size: 18px;
    font-weight: 400;
}
.pros-cons-area ul {
    margin: auto;
}
.pros-cons-area li {
    list-style-type: none;
    margin-left: 5px;
    font-size: 16px;margin-left: 25px;
    margin-bottom: 10px;
    font-weight: 400;
    color: #2d2d2d;
}
	.pros-cons-area .pros li:before {
    content: "\f058";
    color: #39801d;
    font-size: 16px;margin-left: -25px;
    margin-right: 10px;
    font-family: 'FontAwesome';
}
	
.pros-cons-area	.cons li:before {
    content: "\f057";
    color: #ed3833;
    font-size: 16px;margin-left: -25px;
    margin-right: 10px;
    font-family: 'FontAwesome'
}
.pros-cons-area .cons .title {
    border-left: 20px solid red;
    padding: 4px 10px!important;
    display: block;
    height: auto;
    margin: 15px auto!important;
    background: #ffb8b836;
}
.pros-cons-area .pros .title {
    border-left: 20px solid #009688;
    padding: 4px 10px!important;
    display: block;
    height: auto;
    margin: 15px auto!important;
    background: #39801d24;
}
	.main-rating-area {
    padding: 20px 0px;color:#404040;
}
	.main-rating-area.pricing {
    font-size: 22px;
    padding: 15px 0px;
    font-weight: 600;
}
.reviewmain {
    background: #f7f8f9;
    padding: 20px 0px;
}
	.call-to-act {
    background: #ffffff;
    padding: 20px 0px;
    margin: 0px!important;
}
	.wholerev {
		margin-top: 20px;
    border: 6px solid #e7ebee;
    background: #f7f8f9;
}
	.mainbtn {
    float: right;
    background: #1f9a00;
    padding: 20px 20px;
    font-weight: 600;
    color: white;
    text-transform: uppercase;
    width: 100%;
    box-shadow: 0 5px 20px 0px #e7ebee;
    border-radius: 5px;
    text-align: center;
}
	a.mainbtn:hover {
    background: #03A9F4;
    transition: 0.5s ease all;
    color: #fff;
}
.fa-star:before {
    content: "\f005";
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
}
	.checked {
    color: #f3983e;
}
.wholerev:before {
    content: '<?php the_field('productbrand_name'); ?>';
    background: #e7ebee;
    padding: 4px 30px;
    font-size: 14px;
    color: #b5b5b5;
    text-align: center;
    font-weight: 600;
    display: block;
    margin: -14px auto auto auto;
    width: 200px;
}

.progress {
    width: 100px;
    height: 100px!important;
    line-height: 100px;
    background: none;
    margin: 12px;
    box-shadow: none;
    position: relative;
}

.progress:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 12px solid #fff;
    position: absolute;
    top: 0;
    left: 0
}

.progress>span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1
}

.progress .progress-left {
    left: 0
}

.progress .progress-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: 12px;
    border-style: solid;
    position: absolute;
    top: 0
}

.progress .progress-left .progress-bar {
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left
}

.progress .progress-right {
    right: 0
}

.progress .progress-right .progress-bar {
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
    animation: loading-1 1.8s linear forwards
}

.progress .progress-value {
    width: 90%;font-weight:600;
    height: 90%;
    border-radius: 50%;
    background: #f7f8f9;
    font-size: 18px;
    color: #0e0e0e;
    line-height: 96px;
    text-align: center;
    position: absolute;
    top: 5%;
    left: 5%;
}

.progress.green .progress-bar {
    border-color: #409689
}
.progress.blue .progress-bar {
    border-color: #049dff
}
.progress.yellow .progress-bar {
    border-color: #fdba04
}
.progress.red .progress-bar {
    border-color: #dc3545
}
.progress.red.one .progress-bar {
    border-color: #000
}
	
.progress.blue.six .progress-left .progress-bar {
    animation: loading-10 0.8s linear forwards 1.8s
}
.progress.blue.seven .progress-left .progress-bar {
    animation: loading-5 0.8s linear forwards 1.8s
}
.progress.blue.eight .progress-left .progress-bar {
    animation: loading-7 0.8s linear forwards 1.8s
}
.progress.blue.nine .progress-left .progress-bar {
    animation: loading-8 0.8s linear forwards 1.8s
}
.progress.green .progress-left .progress-bar {
    animation: loading-1 0.8s linear forwards 1.8s
}
.progress.yellow.four .progress-right .progress-bar {
    animation: loading-8 0.8s linear forwards
}
.progress.yellow.five .progress-right .progress-bar {
    animation: loading-9 0.8s linear forwards
}
.progress.yellow .progress-left .progress-bar {
    animation: none
}
.progress.red .progress-right .progress-bar {
    animation: loading-5 0.8s linear forwards
}
.progress.red.one .progress-right .progress-bar {
    animation: loading-6 0.8s linear forwards
}
.progress.red.three .progress-right .progress-bar {
    animation: loading-7 0.8s linear forwards
}
.progress.red .progress-left .progress-bar {
    animation: none
}
	
	
@keyframes loading-10 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(36deg);
        transform: rotate(36deg)
    }
}		
@keyframes loading-9 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}		
@keyframes loading-8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(144deg);
        transform: rotate(144deg)
    }
}	
@keyframes loading-7 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(108deg);
        transform: rotate(108deg)
    }
}		
@keyframes loading-6 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(36deg);
        transform: rotate(36deg)
    }
}	
	
@keyframes loading-5 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(72deg);
        transform: rotate(72deg)
    }
}	
	
@keyframes loading-4 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(181deg);
        transform: rotate(181deg)
    }
}

@keyframes loading-1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@keyframes loading-2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(144deg);
        transform: rotate(144deg)
    }
}

@keyframes loading-3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }
}
	.circlebox {
		display:inline-block;
	}
	.text-title {
		text-align: center;
    font-size: 14px;
    text-transform: uppercase;
	}

.mainlogoalt img{
    display: inline-block;
    width: 60%;
}
.middleit .content-area {
    margin-left: auto!important;
    margin-right: auto!important;
    float: none;
}
.middleit .inside-article {
    box-shadow: 0px 0px 10px 0px #d4d4d4;    margin-top: -40px;
}
.site-content .mymainspecial {
    width: 100%;
    padding: 5% 9%;
    text-align: center;
}

.singlecoupon {
    border: 1px solid #e6e9ee;
    padding: 30px 0px;
    background: #ffffff;
    box-shadow: 0 0 6px #d4d4d4;
    margin-top: 20px;
}
.largetext {
    font-size: 2.2em;
    font-weight: 900;
    color: #F56523;
}
.titlecoupon h3 {
    font-size: 20px;
    font-weight: 700;
    color: #031b33;
}
.coupondescription p {
    font-size: 14px;
    color: #221f1f;
    font-weight: 400;margin-top: -10px;
}
.buttonlink a {
    background: #F56523;
    display: inline-block;
    color: white;
    padding: 8px 22px;
    text-align: center;
}
.couponcontainer .row {
    display: contents!important;
}
@media only screen and (max-width: 768px) {
.couponcontainer .row {
    display: block!important;
	padding:15px;
}
.alternativebox .row {
    display: block!important;
    padding: 20px;
}
.titlecoupon h3, titlealternative h3 {
    font-size: 20px;
    font-weight: 600;
    color: #031b33;text-align:center;
}
.coupondescription p {
    font-size: 14px;
    color: #221f1f;
    font-weight: 400;text-align:center;
}

}

.alternative {
	margin:20px 0px!important;
}
.alternative td {
	padding:10px!important;
	vertical-align: top!important; 
}
.alternative th {
	padding:20px!important;vertical-align: top!important; 
	background:#f9f9f9;
}

.alternative td li {
    font-size: 14px;
    line-height: 1.4em;
    padding-bottom: 0.375rem!important;
    border-bottom: 1px dotted #5d94d1;
    margin-bottom: 10px!important;
}
    table, td, .alternative th, tr {
      border: 1px solid #d8d8d8;
  }
  .alternative {
  border: none!important;
      box-shadow: 0px 0px 10px 0px #dcdcdc;
  }
a.alternativebutton {
    background: #0467f6;
    color: #fff;
    padding: 10px 25px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    border-radius: 100px;
    margin-top: 15px;
    display: block;
    margin-bottom: 5px;
}
.alternative ul {
	margin-left:0px!important;
	margin-top:20px;
	list-style:none;
}
.alternative li {
	margin-bottom:10px!important;margin-left:10px!important;
}
.alternative td p {
	font-size:14px;        
}
.alternative tr:nth-child(even) {background-color: #f2f2f2;}
.alternative .fa.fa-star {
    color: #e6e9ee;
}
.alternative .fa.fa-star.checked {
    color: #f4a540;
}
.reviewdetails {
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px dashed #e6e9ee;
    border-width: 1px;
}
.reviewdetails:before {
    content: '\f075';
    font-family: 'FontAwesome';
    font-size: 16px;
    color: #2a74f6;
    padding-right: 5px;
    font-weight: 300;
}




.alternativebox {
    border: 1px solid rgb(147, 180, 216);
    padding: 30px 0px;
    background: #ffffff;
    box-shadow: 0 0 6px #d4d4d4;
    margin-top: 20px;
}
.alternativelisttext {
    font-weight: 700;font-size:20px;
    color: #F56523;
}
.titlealternative h3 {
    font-size: 20px;
    font-weight: 700;
    color: #031b33;
}
.desalternative p {
    font-size: 14px;
    color: #221f1f;
    font-weight: 400;margin-top: -10px;
}
.buttonlink a {
    background: #F56523;
    display: inline-block;
    color: white;
    padding: 8px 22px;
    text-align: center;
	border-radius: 4px;
}
.couponcontainer .row {
    display: contents!important;
}
@media only screen and (max-width: 768px) {
.couponcontainer .row {
    display: block!important;
	padding:15px;
}
}
.titlealternative h3 {
    font-size: 20px;
    font-weight: 600;
    color: #031b33;
}
.desalternative p {
    font-size: 14px;
    color: #221f1f;
    font-weight: 400;margin-top: 10px;
}
.box-alternatives {
    padding: 25px 15px;
    box-shadow: 0 0 5px #a5a5a5a8;
}
.box-alternatives h3 {
    text-align: left;
    font-size: 18px;
    font-weight: 600;
}

.box-alternatives ol {
    margin-left: 25px;
    margin-bottom: 10px;
}
.box-alternatives li {
    text-align: left;
    font-size: 15px;
    font-weight: 500;
}
img.squareimage {
    padding: 20px;
}
img.altauthor { width: 34px; height: auto; border-radius: 100px; }


.desalt {
    font-size: 14px;
    font-weight: 500;
    text-align: left;
}
.alternativebox .fa.fa-star {
    color: #e6e9ee;
}
.alternativebox .fa.fa-star.checked {
    color: #f4a540;
}

.alternativegrid {
    margin-top: 20px;
}
img.squareimgright {
    padding: 5px;
    width: 25%;
    border: 1px solid #dfdfdf;
}
.card.featured {
    background: #ffebd1;
}
.fa.fa-star.checked {
    color: #f4a540;
}
.cardbuttonlink a {
    background: #F56523;
    display: block;
    color: white;
    padding: 8px 22px;
    text-align: center;
}
.card.featured:before {
    content: 'popular';
    position: absolute;
    top: -11px;
    font-size: 13px;
    background: #ed3833;
    color: #ffffff;
    padding: 0px 15px;
}

img.squareimgcenter {
    margin: 20px auto;
    display: block;
    width: auto;
    max-height: 90px;
}
.popdescription p {
    font-size: 16px;
    color: #221f1f;
    font-weight: 500;
    line-height: 1.7em;
    margin-top: 0px;
}
.pcardbuttonlink a {
    background: #ffffff;
    display: block;
    color: #ef6537;
    padding: 8px 22px;
    font-weight: 600;
    font-size: 16px;
    margin: 20px 5px;
    border: 3px solid #ef6537;
    text-align: center;
}
a.popbtn.best {
    background: #ef6537;
    color: #fff;
    border: 3px solid #ef6537;
}
.card.best {
    background: #fff4e7;
}
@media only screen and (min-width: 768px) {
.gridd {
	width: 30%;
margin: 13px;text-align: center;box-shadow: 0px 0px 4px 0px #848484;
}
.all_popular {
    margin:-40px -100px 20px -100px;
    padding: 10px;
    background: white;
    box-shadow: 0px 0px 4px 0px #848484;
}
.gridd:hover {
    background:#f9f9f9;
}
.gridd.best:hover {
    background:#ffe6c5;
}
}
@media only screen and (max-width: 768px) {
.gridd {
        width: 100%;
text-align: center;box-shadow: 0px 0px 4px 0px #848484;padding:20px;margin-bottom: 20px;
}
.all_popular {
    margin: 20px 0px;
    background: white;
    box-shadow: none;
}
}
span.featurednormal {
    font-size: 14px;
    background: #f0f7fe;
    padding: 0px 15px;
}
span.featurednormal.best {
    background: #ed3833;
    color: #fff;
}
.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
.align-self-center {
    -ms-flex-item-align: center!important;
    align-self: center!important;
}
.progress {
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #f7f8f9;
    border-radius: .25rem;
}
.cardn {
    position: relative;
    display: -ms-flexbox;
    padding:20px 20px;
    box-sizing: border-box;
    display: inline-block;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}
.cardnwrap {
	width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;

 }
.mainiteminalt, .all-coupons {display:flex;}

@media only screen and (max-width: 768px) {
.cardnwrap {
    grid: none;
}
	.spacercoupon {margin:10px auto;}
	.mainiteminalt, .all-coupons {display:block;}
}
a.gflag {font-size:24px;padding:1px 0;background-repeat:no-repeat;background-image:url(24.png);}
a.gflag img {border:0;height:24px;display:inline;}
a.gflag:hover {background-image:url(24a.png);}
img.gstats {display:none;}
a.alt_flag {background-image:url(alt_flags.png);}
a.alt_flag:hover {background-image:url(alt_flagsa.png);}
a.us_flag {background-position:-0px -100px;}
a.br_flag {background-position:-100px -100px;}
a.mx_flag {background-position:-200px -100px;}

a.glink {text-decoration:none;}
a.glink span {margin-right:5px;font-size:15px;vertical-align:middle;}
a.glink img {vertical-align:middle;display:inline;border:0;padding:0;margin:0;opacity:0.8;}
a.glink:hover img {opacity:1;}