/*
Theme Name: Affiliate Theme - Child
Theme URI: http://affiliatetheme.io
Description: affiliate theme styling for all verticals
Author: endcore Medienagentur
Author URI: http://endcore.com
Template: affiliatetheme
Last update:    2019-03-07
Version: 1.5
*/

/**
* CONTENTS
*
* COLORS
* GENERAL
* ELEMENTS
* FOOTER
* TABLES
* FRAUD LANDING
* MEDIA QUERIES
*/

/**
* COLORS
*
* body font: #565656
* headline font: #101820
* price-green: #7ab310
* grey background: #fafafa
* border grey: #eee
* Footer background: #9fa2a5
* tablepress header: #d9edf7
* rating stars / list-icon: #f3961d
* fraud landing column background: #cccccc
*
*/

/* ------------------------------------ *\
  #GENERAL
\* ------------------------------------ */

/* Basic paragraph styles */
#content p {
	font-size: 17px;
	line-height: 1.7;
	margin-bottom: 26px;
	color: #565656;
}
/* no margin for paragraphs in tables and grids */
#content table p,
#content .product-grid p {
	margin-bottom: 0;
}
strong {
	color: #000;
}
/* green text mainly for tables */
#content .product-price .price,
#content .widget_amazon_cart .product-price {
	color: #7ab310;
}
/* Add underline to h2 */
h2 {
	position: relative;
}
h2::after {
	content: '';
	position: absolute;
	bottom: -10px;
	left: -10px;
	width: 100px;
	height: 3px;
	border: 0;
}
.well-important h2 {
	margin-top: 0 !important;
}
#content h2 {
	line-height: 1.2;
	margin-bottom: 24px;
}
#content .tablepress h2 {
	margin-top: 20px;
}
table h2::after,
.well-important h2::after,
#content .tablepress h2::after {
	display: none;
}
/* Delete padding above first section in page builder */
#page-builder #content .section:first-of-type:not(.slideshow) {
	padding-top: 0;
}
/* Buttons */

/* Same look for Shortcode: Success Buton */
.btn-success {
	border-radius: 6px;
}
.btn-success .fa-play::before {
	content: '\f144';
}
.btn-buy:hover {
	text-decoration: underline !important;
}
/* General list styles */
article ol,
article ul {
	margin: 20px 0 30px;
	padding-left: 10px;
}
article ul.list-icon {
	padding-left: 30px;
}
#content li {
	font-size: 17px;
}
article li {
	line-height: 1.7;
	margin-bottom: 7px;
	color: #565656;
}
/* Replace list icons with colored dots */
article ul {
	list-style: none;
}
article ul li::before {
	content: '\25CF ';
	position: relative;
	top: -1px;
	left: -5px;
	color: #f3961d;
}
/* exception for Navigation */
#content ul.nav-tabs li::before {
	content: none;
}
/* ------------------------------------ *\
  #ELEMENTS
\* ------------------------------------ */

/* Decrease space between Logo and Header bar */
#header .brand {
	max-width: 300px;
	margin: 8px 0;
}
#header .list-usp {
	margin: 20px 0 20px 0;
}
/* Green Icon Check */
#main .fa-check {
	color: #7ab310;
}
/* Well Important Box */
.well-important {
	padding: 20px;
	border: none;
	border-radius: 0;
	box-shadow: none;
}
.well-important h2 {
	margin-top: 0;
}
.well-important .media {
	padding: 20px;
	background: #fff;
}
.well-important .media-left {
	padding-right: 30px;
}
.well-important .fa {
	font-size: 2rem;
	color: #7ab310;
}
/* Product Price */
#content .thumbnail.product-list .product-price .price {
	font-size: 26px;
	margin-bottom: 0;
	color: #7ab317;
}
/* Coupon tables */
.coupon_table.table td,
.coupon_table.table th {
	text-align: center;
	vertical-align: middle;
}
.coupon_table.table td a span {
	font-size: 12px;
	display: block;
	max-width: 100px;
	text-align: center;
}
.coupon_table.table td.review {
	width: 100px;
}
.coupon_table.table .fa-star,
.coupon_table.table .fa-star-half-o {
	color: #f3961d;
}
.coupon_table.table tr:nth-child(odd) td {
	background-color: #f9f9f9;
}
.no-rating .product-rating {
	display: none;
}
.coupon_table.table .product-rating {
	white-space: nowrap;
}
.coupon_table img {
	height: auto;
}
.coupon_table.table .cta-subline small {
	font-size: 0.75rem;
	color: #9fa2a5;
}
/* Info Page */

.info-page > .container {
	max-width: 800px;
}
.info-page textarea {
	font-family: monospace;
	display: block;
	width: 70%;
	height: 90px;
	margin: 40px auto;
	padding: 10px 10px 0 10px;
	color: #000;
	background-color: #eee;
}
/* Page Infographic */
.page-template-page-infographic {
	color: #fff;
	background: #8894ab;
}
/* Exit Intent Popup */

.exit_intent_popup .modal-header {
	padding: 0;
	padding-top: 10px;
	padding-right: 10px;
	border: none;
}
.exit_intent_popup .modal-body {
	padding-bottom: 0 !important;
}
.exit_intent_popup .info {
	margin-top: 15px;
	text-align: center;
}
.exit_intent_popup .price {
	font-size: 40px;
}
.exit_intent_popup .logo img {
	display: block;
	width: 100% !important;
	max-width: 100px;
	height: auto !important;
	margin: 0 auto;
}
.exit_intent_popup .product-rating {
	font-size: 12px;
	text-align: center;
}
.exit_intent_popup .product-rating small {
	display: none;
	text-align: center;
}
.exit_intent_popup .product-rating span {
	display: block;
	margin: 0 auto;
	text-align: center;
}
.exit_intent_popup .modal-title {
	font-size: 22px;
	margin-bottom: 15px;
	text-align: center;
}
.exit_intent_popup .btn-buy {
	display: block;
	width: 80%;
	margin: 0 auto;
	margin-top: 10px;
}
/* Product Grid */

/* Deletes space below title */
.thumbnail.product-grid .product-title {
	height: auto;
}
/* reduces the size of the provider logo */
.product-grid .img-grid-wrapper,
.product-grid .img-grid-wrapper img {
	display: inherit !important;
	width: auto;
	max-height: 150px !important;
}
/* Center all information for product grid tiles*/

.product-grid {
	text-align: center;
}
#content .product-price .price,
#content .widget_amazon_cart .product-price {
	font-size: 1.5em;
}
/* ------------------------------------ *\
  #FOOTER
\* ------------------------------------ */

/* Footer */
#footer-top img {
	display: block;
	width: 100%;
	margin: 0 auto;
}
/* Footer Breadcrumbs */

#breadcrumbs p {
	padding: 10px 0;
}
#footer-bottom .col-sm-6 {
	line-height: 30px !important;
	height: 30px !important;
}
/* ------------------------------------ *\
  #TABLES
\* ------------------------------------ */

/* Tablepress Header */
.tablepress tfoot th,
.tablepress thead th,
.table-product > thead > tr > th,
.table > thead > tr > th {
	font-weight: 700;
	vertical-align: middle;
	color: #6f7479;
	border-bottom: 1px solid #ddd;
	background: none;
	background-color: #d9edf7;
}
/* Tablepress Body */
.tablepress tbody td {
	text-align: center;
}
.container .tablepress tbody td {
	vertical-align: middle;
}
.tablepress img {
	margin: 0 auto;
}
/* Always center the logos in the first column */
.tablepress .column-1 img {
	margin: 0 auto !important;
}
/* ------------------------------------ *\
  #FRAUD LANDING
\* ------------------------------------ */
#fraud-landing-columns {
	margin-top: 20px;
	margin-bottom: 20px;
}
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
.col-xs-5ths {
	float: left;
	width: 20%;
}
.fraud-section-title {
	font-size: 22px;
	font-weight: 700;
	display: flex;
	justify-content: center;
	height: 132px;
	margin-bottom: 30px;
	text-transform: uppercase;

	flex-wrap: wrap;
}
.fraud-section-title .icon {
	display: flex;
	flex: 0 0 60px;
	align-items: center;
	justify-content: center;
	height: 60px;
	margin-bottom: 10px;
}
.fraud-section-title .icon img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
.fraud-section-title .title {
	flex: 0 0 100%;
	text-align: center;
}
.fraud-row {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}
.fraud-column {
	margin-bottom: 20px;
	padding: 10px;
	background-color: #eee;
}
.fraud-row .icon {
	max-width: 45px;
	margin-right: 15px;
}
.fraud-row .icon img {
	max-width: 100%;
	height: auto;
}
.fraud-entry {
	margin-bottom: 26px;
}
.fraud-entry .count {
	font-size: 70px;
	font-weight: 700;
	line-height: 1;
}
.fraud-entry .name {
	flex: 1;
	text-align: center;
	text-transform: uppercase;
}
#content .fraud-entry p {
	line-height: 1.4;
}
@media screen and (max-width: 1199px) {
	.fraud-section-title {
		font-size: 20px;
	}
	.fraud-entry .price,
	.fraud-entry .country {
		display: block;
	}
	.fraud-entry .price .icon,
	.fraud-entry .country .icon {
		margin-bottom: 10px;
	}
}
@media screen and (max-width: 767px) {
	.fraud-entry .price,
	.fraud-entry .country {
		display: flex;
	}
	.fraud-section-title {
		height: auto;
	}
}
/* ------------------------------------ *\
  #MEDIA QUERIES
\* ------------------------------------ */

/* Widens the right column in the footer so that the navigation fits in */
@media (min-width: 1200px) {
	#footer-bottom .col-sm-6 {
		width: 60%;
	}
	#footer-bottom .col-sm-6:first-child {
		width: 40%;
	}
	.col-lg-5ths {
		float: left;
		width: 20%;
	}
}
@media (max-width: 1199px) {
	#footer-bottom .col-sm-6 {
		width: 100%;
		margin-bottom: 5px;
		text-align: right;
	}
	.col-md-5ths {
		float: left;
		width: 20%;
	}
}
/* Scrollable responsive Tables */
@media only screen and (max-width: 840px) {
	table.resp {
		display: block;
		overflow: hidden;
		overflow-x: scroll;
		margin-bottom: 0;
		white-space: nowrap;
	}
	.col-xs-5ths {
		float: left;
		width: 100%;
	}
}
@media (max-width: 767px) {
	/* Custom Mobile Header; Logo left, burger right, Dropdown Menu in primary color */
	#header .brand {
		display: none;
	}
	#navigation .navbar {
		background: #fff !important;

/* refactor */
		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
	}
	#navigation .navbar .navbar-brand {
		color: #fff !important;
		/* refctor */
	}
	/* IMPORTANT: the logo needs to be defined as a background-image on each individual website */
	#navigation .navbar .navbar-brand::after {
		content: '';
		position: absolute;
		top: 0;
		left: 5px;
		width: 230px;
		height: 50px;
		background-repeat: no-repeat !important;
		background-size: contain !important;
	}
	/* Product Grid */

	/* Smaller provider logo for mobile devices */
	.thumbnail.product-grid .product-title {
		font-size: 1.3 rem;
		margin: 0 0 -5px 0;
	}
	.product-price .price-hint {
		font-size: 1rem;
		display: block;
		margin-bottom: 7px;
	}
	.thumbnail.product-grid .product-price .price {
		font-size: 24px !important;
		margin-bottom: 0 !important;
	}
	/* Footer */
	#footer-bottom .col-sm-6 img.pull-right {
		float: none !important;
	}
}
/* Smartphones */

@media (max-width: 480px) {
	.hide-column-a .column-1 {
		display: none;
	}
	.hide-column-b .column-2 {
		display: none;
	}
	.hide-column-c .column-3 {
		display: none;
	}
	.hide-column-d .column-4 {
		display: none;
	}
	.hide-column-e .column-5 {
		display: none;
	}
	.hide-column-f .column-6 {
		display: none;
	}
	.hide-column-g .column-7 {
		display: none;
	}
	.hide-column-h .column-8 {
		display: none;
	}
	.tablepress thead th {
		font-size: 8px;
	}
	.tablepress td {
		font-size: 9px;
	}
	.tablepress .btn-buy {
		font-size: 13px;
	}
	.tablepress .btn-detail {
		font-size: 11px;
	}
	.tablepress img {
		max-width: 65px !important;

/*refactor*/
		height: auto;
	}
	/* smaller Provider logo in Coupon Table */
	.coupon_table img {
		max-width: 50px;
	}
}