/*
	The file contains custom styles for a product page in Journal3 theme.
	
	added by karapuz	
*/

/* ask question button for mobile devices */

.wishlist-compare .btn-ask-question {
	display: none !important;
        background: rgba(114,118,132,1) !important;
	color: rgba(255,255,255,1) !important;
	margin-right: 8px;
}

.wishlist-compare .btn-ask-question:before {
        content: "\f29c" !important;  	
	font-family:icomoon;
	margin-right: 5px;
}

.wishlist-compare .btn-ask-question .btn-text {
    display: inline-block !important;
}

@media screen and (max-width: 1140px) {
	.wishlist-compare .btn-ask-question {
	    display: inline-flex !important;
	}
	.wishlist-compare .btn-ask-question .btn-text {
	    display: inline-block !important;
	}
}

@media (max-width: 601px) {
	.wishlist-compare .btn-ask-question {
		margin-right: 3px;
	}

	.wishlist-compare .btn-ask-question:before {
		margin-right: 0px;
	}

	.wishlist-compare .btn-ask-question .btn-text {
	    display: none !important;
	}
}

/* set 'special offer' button styles */

.btn-special-offer {
	background-color: rgba(46, 175, 35, 1) !important;
	color: rgba(255,255,255,1) !important;
}

.btn-special-offer::before {
	content: '\eaaf' !important;		
	font-family:icomoon;
}

/*
	The buy now is constantly hidden and the special offer is constantly visible.
	#tk4237
*/
/*
@media screen and (min-width: 1141px) {
	.btn-special-offer {
		display: none !important;
	}
}

@media screen and (max-width: 1140px) {
*/
	.btn-special-offer {
		display: flex !important;
	}	

	#extra-buttons a.btn-extra[data-quick-buy] {
		display: none !important;
	}
/*
}
*/

/*
.btn-price-match {
	display: none !important;
}
.btn-price-drop {
	display: none !important;
}
*/

/*
	These styles for 'price drop' popup and 'price match' popup
*/
@media (min-width: 750px) {
	.popup-price-drop .popup-container {
		width: 500px;
	}
	
	.popup-special-offer .popup-container {
		width: 500px;
	}
	
	.popup-price-match .popup-container {
		width: 700px;
	}
}

.popup-price-drop .popup-inner-body,
.popup-special-offer .popup-inner-body,
.popup-price-match .popup-inner-body {
	overflow: auto;
}