/*
Styles for Woocommerce shop using Affi.Guru service
Author: Affi.guru
*/
.container_window {
	background-color: white;
	border-radius:8px;
	padding:16px;
    box-shadow: 0 2px 5px 0 rgba(43,50,59,.18);
    overflow: hidden;
	margin: 30px auto;
}

/* RESPONSIVE TABLE INTRO*/
.affi_intro_table {
	width: 100%;
	overflow-x: auto;
	display: block;
	font-size: 13px;
	margin-bottom: 50px;
	border-collapse: collapse;
}

.affi_intro_table th, .affi_intro_table td {
	border: 1px solid #ddd;
	padding: 8px;
	text-align: left;
}

.affi_intro_table tr:nth-child(even) {
	background-color: #f2f2f2;
}

.affi_intro_table th {
	background-color: #f8f8f8;
	color: #807d7d;;
}
	
/* ------- PRODUCT DESCRIPTION ------- */
.content_description_image {
	max-width:900px;
	max-height: 900px;
	margin: 30px auto;
	width:100%;
    object-fit: scale-down;
}
.affi_reviews_gallery {
	display:flex;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-top:20px;
}
.affi_reviews_image {
	width:150px;
	margin:10px;
}
.affi_reviews_date {
	padding: 5px;
    border: 1px dashed #cac8c8;
    border-radius: 4px;
	display:initial;
}
.var_description_priceship {
	color: green;box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
	padding: 10px;
	width: 98%;
	margin:15px 0 20px 0;
}
.var_description_features_ul {
	list-style:none;
	font-size:13px;
	margin:10px 0;
}
.var_description_pricesaving {
	font-weight: 800;font-size: 16px;
	margin:10px 0;
}
.affi_figure_caption {
	margin: -50px 0 30px 0;
    font-size: 12px;
    text-align: center;
	z-index: 9000;
    position: relative;
    padding: 8px;
    bottom: -10px;
	background-color: aliceblue;
}

/* PROMO CODE */
.affi_promocode_button {
	padding: 0px 8px;
    background-color: #38b638;
    color: #fff ;
	border-color: #FEDC19 !important;
    border-radius: 5px;
    font-size: 16px ;
    font-weight: 400;
	width: fit-content;
	cursor:pointer;
}
.affi_promocode_block {
	padding: 10px 20px;
    border: 1px dashed #b1acac;
    border-radius: 10px;
    background-color: #ffc10729;
}
	
.affi_promocode_text{
	font-size:17px;
	font-weight:600;
	margin-right:10px;
}
	
/* VIDEO PLAYER */
.wp-video {
	width:700px!important; 
	margin: 20px auto!important;
}
.mejs-button>button {
    padding: 0!important;
    background-color: unset!important;
}

/* VIDEO BLOCKS */
.video_block_item {
	display:flex;
	align-items: center;
	flex-direction:row;
	justify-content:space-around;
	margin:30px 15px 30px 15px;
	background-color: #fff;
    border: 1px solid #feb631;
    border-radius: 5px;
}
.video_block_description {padding: 20px;}

.affi_more_videos {
    padding: 8px;
    border: 1px solid #b5b0b0;
    border-radius: 5px;
    margin-bottom: 30px;
    background-color: #fdfdfd;
}	

@media screen and (max-width: 900px) {
	.video_block_item {flex-direction:column-reverse;}
	.wp-video{text-align: -webkit-center;}
} 


/* QUESTIONS & ANSWERS SECTION */
.affi_questions_section {
	position: relative; 
	padding:30px 20px;
	border:1px dashed #94f098;
	border-radius:4px;
	margin: 60px 0 50px 0;
}

.affi_questions_section::before {
	content: "\e542";
    position: absolute;
    top: -30px;
    left: 30px;
    font-size: 3.5em;
    color: #5591C5;
    z-index: 10;
    display: inline-block;
    font: normal 900 3em/1"Font Awesome 6 Free";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}


/* RESPONSIVE TABLE DETAILS */
.affi_details_table {
	width: 100%;
	overflow-x: auto;
	display: block;
	margin-bottom: 50px;
	border-collapse: collapse;
}
.affi_details_table th, .affi_details_table td {
	padding: 8px;
	text-align: left;
}
.affi_details_table tr:nth-child(even) {
	background-color: #f2f2f2;
}

.affi_details_table th {
	background-color: #f8f8f8;
	color: #807d7d;;
}
.affi_details_table_grade {
	margin: 8px auto;
    color: #b30eb3;
    font-weight: 600;
}

/* AFFI VARIATION SLIDER */
.affi_variation_slider {
	width:100%;
	max-width:700px;
	margin:30px auto;
}
.affi_slider_main {
	margin: auto;
    position: relative;
    overflow: hidden;
	width:100%;
    max-width: 600px;
    height: auto;
}

.affi_slider_main img {
    width: 600px;
    height: 600px;
	object-fit: scale-down;
}

.affi_slider_thumbs {
    width: 100%;
    height: 100px;
    margin-top: 10px;
	 overflow: hidden;
}

.affi_slider_thumbs img {
    width: 100px;
    height: 100%;
    object-fit: scale-down;
	cursor:pointer;
}
.swiper-button-next, .swiper-button-prev {
    color: white;
    position: absolute;
    z-index: 10;
    top: 50%;
    width: auto;
    margin-top: -10px;
    padding: 5px;
}
.swiper-button-next {
    right: 10px;
}
.swiper-button-prev {
    left: 10px;
}

@media screen and (max-width:500px) {
.affi_slider_main img {
    height: auto!important;
}
}
/* ====== EXTENDED PRODUCT CARD ======= */
/* RATING BOX */
.rating_box {
	display:flex;
	padding:15px;
	margin: 30px 0 20px 0;
	text-align:center;
	font-size:22px;
	color:#636363;
	justify-content: space-evenly;
	align-items: center;
	background-color: white;
	background: linear-gradient(rgb(221 255 211), rgba(255, 255, 255, 0));
}
.rating_element {
	display:flex;
	align-items:center;
	margin-right: 15px;
}
.rating_circle {
	position: relative;
	min-width: 55px;
	height: 55px;
	border-radius: 50%;
	text-align: center;
  
}
.rating_circle_inner {
	position: absolute; 
    top: 48%;  
    left: 51%;  
    transform: translate(-50%, -50%);  
    min-width: 40px;
    height: 40px;
    background-color: white;
    border-radius: 50%;
	text-align: center;
	font-size:20px;
	font-weight:600;
	line-height: 40px;
}

@media screen and (max-width: 700px) {
.rating_box {
	font-size:20px;
}}

@media screen and (max-width: 500px) {
.rating_box {
	flex-direction:column;
}
.rating_element {
	margin-bottom:15px;
}
}

/* VARIATIONS SECTION */
.topic_variation_wrap {
	display:flex;
	/*padding:10px 30px; */
	flex-direction:column;
	margin:30px 5px 50px 5px;
	background-color: #fff;
    border: 1px solid #feb631;
    border-radius: 5px;
}
.topic_variation_row {
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	align-items:center;
}
.topic_variation_row_middle {
	border-bottom:1px solid #fde4fd;
	border-top:1px solid #fde4fd;
	padding:15px 0;
	margin:15px auto;
}
.two_columns_attributes {
	display:flex;
}
.two_columns_attributes ul {
	width:50%;
}
.affi_pricesaving_var{
	font-size:20px;
	color:green;
}

@media screen and (max-width: 800px) {
	.topic_variation_wrap {
		padding:8px;
		margin: 20px 0px;
	}
	.topic_variation_row {
		flex-direction:column;
	}
	.topic_variation_row h4{
		line-height: 1.2;
	}
	.topic_variation_row > div {
		width:100%!important;
	}
	.two_columns_attributes {
		flex-direction: column;
		margin-top: 30px;
	}
	.two_columns_attributes ul {
	width:90%;
	}
}


/* PRODUCT PROS CONS*/
.affi_product_pros_cons {
	display:flex;
	flex-direction:column;
	margin-top:30px;
}
.affi_product_pros {
	position: relative; 
	padding:30px 20px;
	background-color: #e1fce1;
    border: 1px solid #94f098;
	border-radius:4px;
	margin: 30px 0 50px 0;
}
.affi_product_pros::before {
	content: "\e500";
    position: absolute;
    top: -28px;
    left: 30px;
    color: #3d9f32;
    z-index: 10;
    display: inline-block;
    font: normal 900 2.5em/1"Font Awesome 6 Free";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.affi_product_cons {
	position: relative; 
	padding:30px 20px;
	background-color: #fff8fa;
    border: 1px solid #fdc9da;
	border-radius:4px;
	margin: 0 0 30px 0;
}
.affi_product_cons::before {
	content: "\e4ff";
    position: absolute;
    top: -28px;
    left: 30px;
    color: #ad2dad;
    z-index: 10;
    display: inline-block;
    font: normal 900 2.5em/1"Font Awesome 6 Free";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

/* REVIEWS PLUS MINUS */
.affi_product_reviews_plus {
	position: relative; 
	padding:30px 20px;
	background-color: #e1fce1;
    border: 1px solid #94f098;
	border-radius:4px;
	margin: 30px 0 50px 0;
}
.affi_product_reviews_plus::before {
	content: "\f4da";
    position: absolute;
    top: -25px;
    left: 30px;
    color: #3d9f32;
    z-index: 10;
    display: inline-block;
    font: normal 900 2.5em/1"Font Awesome 6 Free";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.affi_product_reviews_minus {
	position: relative; 
	padding:30px 20px;
	background-color: #fff8fa;
    border: 1px solid #fdc9da;
	border-radius:4px;
	margin: 0 0 30px 0;
}
.affi_product_reviews_minus::before {
	content: "\f11a";
    position: absolute;
    top: -25px;
    left: 30px;
    color: #ad2dad;
    z-index: 10;
    display: inline-block;
    font: normal 900 2.5em/1"Font Awesome 6 Free";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

/* --- GOOD BAD PREVIEW --- */
.good_bad_review {
    border: 1px dashed #df961c;
    border-radius: 4px;
    position: relative;
    margin: 50px auto;
    display: flex;
    flex-direction: column;
}
.good_review_block {
	display:flex;
	justify-content: space-evenly;
	padding:15px;
}
.good_review_block::before {
	content: "\f7f5";
    position: absolute;
    top: -30px;
    left: 30px;
    font-size: 3.5em;
    color: #5b996d;
    z-index: 10;
    display: inline-block;
    font: normal 900 3em/1"Font Awesome 6 Free";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.bad_review_block {
	display:flex;
	justify-content: space-evenly;
	padding:15px;
}
.bad_review_block::before {
	content: "\f4b3";
    position: absolute;
    top: -30px;
    left: 30px;
    font-size: 3.5em;
    color: #c95642;
    z-index: 10;
    display: inline-block;
    font: normal 900 3em/1"Font Awesome 6 Free";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.good_bad_review_gallery {display:flex;}
.good_bad_attr {margin-right: 10px;}

@media screen and (max-width: 500px) {
	.good_review_block, .bad_review_block {
		flex-wrap:wrap;
	}
}

/* ====== SMALL PRODUCT CARD ======= */
/* RATING BOX */
.small_card_rating_box {
	width:40%;
    display: flex;
    text-align: center;
    font-size: 17px;
    color: #636363;
    justify-content: space-evenly;
    align-items: center;
}

/* SMALL CARD */
.small_card_row {
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	justify-content: space-around;
	align-items: center;
	padding:15px;
}
.small_card_row_h3 {
	width:50%;
	font-size:20px;
	font-weight:500;
}

.small_card_variations {
	background-color: #fbfbfb;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px dashed #95e795;
    border-radius: 4px;
	margin: 10px 0;
}

.small_card_pros_cons {
	display:flex;
	flex-direction:row;
	align-items:stretch;
	margin-bottom:20px;
	justify-content:space-around;
	flex-wrap: wrap;
	font-size:15px;
}
.small_card_pros, .small_card_cons {
	background-color: unset;margin:0;width:49%;
}
.affi_product_reviews {
	padding:10px 30px;
	font-size:14px;
}
.fa-person-circle-plus {
	color: #3d9f32;
    margin-right: 8px;
}
.fa-person-circle-minus {
	color: #ad2dad;
    margin-right: 8px;
}

@media screen and (max-width: 1000px) {
	.small_card_row_h3, .small_card_rating_box {
		width:100%;
		align-items: center;
	}
	.small_card_variations {
		flex-direction:column;
	}
	.small_card_pros_cons {
		margin-top:20px;
	}
}

@media screen and (max-width: 800px) {
	.small_card_row {
		flex-direction:column;
	}
	.small_card_row h4{
		line-height: 1.2;
	}
	.small_card_row > div {
		width:100%!important;
	}
	.small_card_pros_cons {
		flex-direction:column;
		flex-wrap:none;
	}
	.small_card_pros {
		width:100%;
	}
	.small_card_cons {
		width:100%;
		margin-top:10px;
	}
}
@media screen and (max-width: 500px) {
	.small_card_rating_box {
		flex-wrap:wrap;
	}
}

/* -------- MARKETS WIDGET --------- */
.affi_markets_widget {
	display:flex;
	flex-direction:row;
	justify-content:space-around;
	margin:30px 5px 50px 5px;
	background-color: #fff;
    border: 1px solid #feb631;
    border-radius: 5px;
}

.markets_widget_button {
	padding: 0px 5px;
    background-color: #5ad37e;
    border-radius: 5px;
    color: #fff;
    text-align: center;
}
.affi_widget_width_class_100 {
	width:100%;
}
.affi_widget_width_class_48 {
	width:48%;
}

@media screen and (max-width: 768px) {
	.affi_markets_widget {
		flex-direction:column;
		padding:8px;
		margin: 20px 0px;
	}
	.affi_widget_width_class_48 {
		width:100%;
	}
}
	

/* COMPARISON TABLE */
.affi-comparison-wrap {
    overflow-x: auto;
    max-width: 100%;
    margin: 50px auto;
	background-color: #f8f8f8;
	
    /* Stylish scrollbar styles */
    scrollbar-width: thin; /* for Firefox */
    scrollbar-color: #aaa #f5f5f5; /* for Firefox */
}
.affi-comparison-wrap::-webkit-scrollbar { /* for Chrome, Safari and Opera */
    width: 5px!important;
}
.affi-comparison-wrap::-webkit-scrollbar-track { /* for Chrome, Safari and Opera */
    background: #f5f5f5;
}
.affi-comparison-wrap::-webkit-scrollbar-thumb { /* for Chrome, Safari and Opera */
    background: #aaa;
}
.affi-comparison-wrap::-webkit-scrollbar-thumb:hover { /* for Chrome, Safari and Opera */
    background: #777;
}
.affi-comparison-table {
    width: max-content;
    border-collapse: separate;
    border-spacing: 0;
}
.affi-comparison-table th, .affi-comparison-table td {
    vertical-align: middle;
    padding: 5px;
    min-width: 100px;
}
.affi-comparison-table th:first-child,
.affi-comparison-table td:first-child {
    position: sticky;
    left: 0;
    background-color: #f8f8f8; /* Changed color to green */
   /* min-width: 200px; /* adjust as per your design needs */
    padding: 10px;
}
.affi-comparison-table tr > *:nth-child(n+2) {
    min-width: 200px; /* adjust as per your design needs */
    max-width: 280px; /* max-width */
}
@media (max-width: 600px) {
  .affi-comparison-table {
    font-size: 13px;
  }
  
  .affi-comparison-table th:first-child,
  .affi-comparison-table td:first-child {
    max-width: 130px;
  }
}
.comparison_post_link {
	margin:0px auto 50px;
	padding:15px;
	background-color:#f9eefc;
	border-radius:4px;
}

/* NAVIGATION MENU */
#affi_navigation_menu {
	display:none;
	position: fixed;
	width: 85%;
    z-index: 9999;
    background-color: #fff;
    top: 20%;
    left: 8%;
    padding: 10%;
    font-size: 18px;
	overflow: initial;
}
.affi_nav_link::before {
	z-index: 10;
    display: inline-block;
    font: normal 900 1.2em/1"Font Awesome 6 Free";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #4a4848;
    margin-right: 10px;
}
.affi_nav_video_link::before{content: "\f03d";}
.affi_nav_reviews_link::before{content: "\f4ad";}
.affi_nav_variations_link::before{content: "\f560";}
.affi_nav_comparison_link::before{content: "\f516";}
.affi_nav_egg_best_offers_link::before{content: "\f5c0";}
.affi_nav_questions_link::before{content: "\e542";}
.affi_nav_egg_price_tracker_link::before{content: "\f201";}

.affi_nav_topic_content_link::before{content: "\f1ea";}
.affi_nav_topic_intro_link::before{content: "\f49e";}
.affi_nav_topic_offers_link::before{content: "\f5c0";}
.affi_nav_topic_egg_offers_link::before{content: "\f4c0";}
.affi_nav_topic_egg_youtube_link::before{content: "\f03d";}


.affi_navigation_button {
    display: none;
	position: fixed;
	width: 50%;
	bottom: 0px;
    text-align: center;
    border-radius: 20px 20px 0 0;
	border: 1px solid #c5c5c5;
    border-bottom: unset;
	background-color: #d9f343;
	padding: 7px 28px;
	transition: background-color .5s,color .5s;
	font-size:18px;
	font-weight: 500;
	z-index: 999;
}

.affi_navigation_select {
	display: none;
    position: fixed;
	width:50%;
	bottom:0px;
	right:0;
	text-align:center;
	border-radius: 20px 20px 0 0;
	border: 1px solid #c5c5c5;
    border-bottom: unset;
	background-color: #d9f343;
	padding: 7px 28px;
	transition: background-color .5s,color .5s;
	text-decoration: none;
	font-size:18px;
	font-weight: 500;
	z-index:999;
}
.affi_navigation_close {
	position: absolute;
	top:-25px;
	right:10px;
	z-index:9999;
}
.affi_navigation_close::before{
	content: "\f00d";
    z-index: 9999;
    display: inline-block;
    font: normal 900 2.3em/1"Font Awesome 6 Free";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    
}
@media screen and (max-width: 768px) {
    .affi_navigation_button {
        display: block;
    }
	.affi_navigation_select {
		display: block;
	}
}

/* AFFI DISCOUNT BADGE */
.affi_discount_badge {
	position: absolute;
    top: 0px;
    left: 0px;
    color: #fff;
    background-color: #83b71c;
    padding: 5px 10px;
    z-index: 100;
	border: unset;
	font-weight:600;

}
/* REVIEW SUMMARY */
.reviews_summary {
    display:flex;
    flex-direction:column;
	margin-top: 30px;
}

.review_bar-container {
    height: 20px;
    margin-bottom: 10px;
    position: relative;
    background-color: #ddd;
}

.review_bar {
    background-color: #46BFBD;
    height: 100%;
    transition: width 1s ease-in-out;
    z-index: 1;
}

.review_bar_label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    line-height: 20px;
    color: white;
    box-sizing: border-box;
    z-index: 2;
    font-weight: 600;
    padding-left: 10px;
}
.review_bar_percent {
	color:green;
}

/* CONTENT EGG SHORTCODES */
#egg_offers_groups_topic {
    text-align: center;
    padding: 20px 30px;
    border: 1px solid #feb631;
    border-radius: 4px;
    margin: 30px 0 50px 0;
}

/* BOTTOM LNKS */
.link_bottom {
	padding:10px 20px;
	background-color:#50ae50;
	color:#fff;
	text-align:center;
	font-size:18px;
	font-weight:600;
	border-radius:5px;
}

/* AUTHOR BLOCK */
.affi_author_block {
	display: flex;
	align-items: flex-start;
    flex-direction: row;
    justify-content: space-around;
	padding:20px;
    margin: 30px 5px 50px 5px;
    background-color: #fff;
    border: 1px solid #feb631;
    border-radius: 5px;

}
.affi_author_content {
	display:flex;
	width:100%;
}
@media screen and (max-width: 768px) {
	.affi_author_block {flex-direction: column-reverse;}
    .affi_author_content{flex-direction:column;}
}