/*
Theme Name: Kupon modified
Theme URI: http://www.azexo.com/kupon
Version: 100.27
Author: AZEXO
Author URI: http://www.azexo.com
Text Domain: AZEXO
Description: Responsive Daily Deals Theme
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/


/*------------------------------------------------------------------

CONTENTS
All less files compiled automatically via WP Less library

1. less/kupon/variables.less - less variables
2. less/kupon/general.less - main layout
3. less/kupon/typography.less - typography and base HTML/WP tags
4. less/kupon/comments.less - WP comments
5. less/kupon/post.less - WP post
6. less/kupon/header.less - WP header
7. less/kupon/menu.less - WP site menu
8. less/kupon/pagination.less - WP pagination
9. less/kupon/sidebar.less - WP sidebars
10. less/kupon/widgets.less - WP widgets
11. less/kupon/archive.less - WP archive page title
12. less/kupon/templates.less - various post templates
13. less/kupon/helpers.less - reusable classes
14. less/kupon/visual-composer.less - visual composer shortcodes
15. less/kupon/like.less - post like feature
16. less/kupon/content.less - styles to use it inside post content
17. less/kupon/woo-cart.less - WooCommerce cart page
18. less/kupon/woo-checkout.less - WooCommerce checkout page
19. less/kupon/woocommerce.less - WooCommerce general styles
20. less/kupon/woo-product.less - WooCommerce single product page
21. less/kupon/woo-reviews.less - WooCommerce reviews
22. less/kupon/woo-templates.less - WooCommerce product templates
23. less/kupon/woo-widgets.less - WooCommerce widgets

-------------------------------------------------------------------*/

.modal{
	position: fixed;
	top:0;
	left: 0;
	width: 100vw;
	height: 100vw;
	background-color: rgba(55, 55, 55, 0.5);
	z-index: 2;
	display: none;
}
.modal-dialog{
	position: relative;
	top: 10%;
	left: 20%;
	width: 60%;
	background-color: #fff;
	z-index: 10;
}

.modal-content{
	padding: 5%;
	position:relative;
}

.modal-content .close{
	position: absolute;
	top: 5px;
	right: 5px;
}

.price-offer .regular-price .amount .currency {
	margin-right: 0;
}

.entry-data .price-offer .price .amount .currency{
 padding-right: 0;
}

.related-product .price-offer .discount::after{
	content: "ovh";
    position: absolute;
    font-size: 18px;
    top: 19px;
    left: 85px;
}

.shop-product .price-offer .discount::after{
	content: "ovh";
    position: absolute;
    font-size: 18px;
    top: 109px;
    left: 85px;
}

.related-product .price-offer .regular-price span.woocommerce-Price-amount.amount::after{
	content: "ovh";
	display: inline-block;
	margin-left: 3px;
}

.related-product .price span.woocommerce-Price-amount.amount::after {
    content: " / kpl";
    font-size: 18px;
}

.shop-product .price-offer .regular-price span.woocommerce-Price-amount.amount::after{
	content: "ovh";
	display: inline-block;
	margin-left: 3px;
}

.shop-product .price span.woocommerce-Price-amount.amount::after {
    content: " / kpl";
    font-size: 18px;
}

@media (max-width: 991px){
	.related-product .price-offer .discount, .related-product .price span.woocommerce-Price-amount.amount{
		font-size: 18px;
	}

	.related-product .price-offer .discount::after{
	    left: 57px;
	    font-size: 14px;
	    top: 17px;
	}


	.related-product .price span.woocommerce-Price-amount.amount::after{
		font-size: 14px;
	}
}

.ylaosa .featured-product .entry .entry-thumbnail{
	width: 30%;
}

.ylaosa .featured-product .entry .entry-data {
    width: 60%;
}


.ylaosa .hakusivussa form .wrapper div{
	width: 80%;
	margin: 10px 0;
}


#content .entry-content .ylaosa{
	height: 500px;
	background-color: #fff;
}

.tuotekaruselli .featured-product .entry-thumbnail img{
	height: 500px;
	object-fit: contain;
}

.entry-content .ylaosa .hakusivussa, .ylaosa .hakusivussa .wrapper{
	height: 500px;
}

.wpb_wrapper .hakusivussa form.search > .wrapper {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    align-content: center;
}


body div .product .entry .entry-thumbnail .image {
    background-size: contain;
    background-color: #fff;
}

.wpb_wrapper .azqf-query-form.search > .wrapper{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: space-around;
}

.owl-carousel .deal-status-wrapper{
	display: none;
}

.owl-carousel.tuotekaruselli .deal-status-wrapper{
	display: block;
}

.deal-status-wrapper{
	padding: 30px;
	background-color: #fff;
	position: relative;
	display: block;
}

.deal-status-wrapper > span{
	font-size: 30px;
}

.deal-status-wrapper.smalltext > span{
	font-size: 20px;
}

.deal-status-wrapper.smalltext{
    padding: 15px;
}

.price-add-to-cart{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: center
}

.deal-status-wrapper .price.product-page, .deal-status-wrapper a.button{
	position: relative;
	display: block;
    margin: 10px 0;
}

.deal-status-wrapper .price.product-page{
	font-size: 30px;
}

.deal-status-wrapper a.button{
	font-size: 20px;
	background-color: #0B3983;
	color: #fff;
	padding: 10px;
}

.deal-status-wrapper a.button:hover{
	background-color: #072554;
}

.customers-needed{
	margin: 10px 0;
	width:100%;
	border: 1px solid #000;
}

.current-customers{
	background-color: #0B3983;
	color:#fff;
	padding: 5px 0;
}

.current-customers > span{
	margin:0 10px;
	width: 100%;
	text-align: center;
}

.wc_payment_method.payment_method_cheque{
	display: none;
}


.wp-caption { 
    width: auto;
}

.wp-caption .wp-caption-text { 
    font-weight: 600;
}

.wp-caption img { 
    max-width: 100%;
    height: auto;    
}

.gallery-caption { 
    font-weight: 600;
}

.bypostauthor {
    font-weight: 600;
}

.sticky {
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.aligncenter {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

@media (max-width: 786px){
	.site-header .wpb_wrapper form.search > .wrapper {
	    display: flex;
	    flex-direction: column;
	    flex-wrap: nowrap;
	    justify-content: center;
	    align-items: stretch;
	    align-content: center;
	}

	.ylaosa .featured-product .entry .entry-thumbnail {
	    width: 100%;
	}

	.ylaosa .featured-product .entry .entry-data {
	    width: 100%;
	}

	.wpb_wrapper .hakusivussa form.search > .wrapper {
	    padding: 0 5%;
	    height: unset;
	}
}