/*
Theme Name: Kupon
Theme URI: http://www.azexo.com/kupon
Version: 1.24
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

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

.sticky {    
}
.wp-caption { 
}
.wp-caption .wp-caption-text { 
}
.wp-caption img { 
}
.gallery-caption { 
}
.bypostauthor {
}
.alignleft {
}
.alignright {
}
.aligncenter {
}
.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;
}



/*!
// CSS only Responsive Tables
// http://dbushell.com/2016/03/04/css-only-responsive-tables/
// by David Bushell
*/
.rtable {
  /*!
  // IE needs inline-block to position scrolling shadows otherwise use:
  // display: block;
  // max-width: min-content;
  */
  display: inline-block;
  vertical-align: top;
  width:100%;
  max-width: 100%;
  overflow-x: auto;
  white-space: nowrap;
  border-collapse: collapse;
  border-spacing: 0;
 
  
}
   
.rtable,
.rtable--flip tbody {    
  -webkit-overflow-scrolling: touch;
  background: radial-gradient(left, ellipse, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 0 center, radial-gradient(right, ellipse, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 100% center;
  background-size: 10px 100%, 10px 100%;
  background-attachment: scroll, scroll;
  background-repeat: no-repeat;
   width:100%;
  max-width: 100%;
}

.rtable td:first-child,
.rtable--flip tbody tr:first-child {
 /* background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, white), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to right, white 50%, rgba(255, 255, 255, 0) 100%);
  background-repeat: no-repeat;
  background-size: 20px 100%;*/
}

.rtable td:last-child,
.rtable--flip tbody tr:last-child {
 /* background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, white), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to left, white 50%, rgba(255, 255, 255, 0) 100%);
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-size: 20px 100%;*/
}

.rtable th {
  /*font-size: 11px;*/
  text-align: left;
 /* text-transform: uppercase;*/
  background: #f2f0e6;
  
}

.rtable th,
.rtable td {
  padding: 6px 12px;
  border: 1px solid #d9d7ce;
 
}

.rtable2 th {
  padding:3px 6px;
   height:26px;
  line-height:26px;
}

.rtable2 td {
  padding:3px;
   height:26px;
  line-height:26px;
 
}

.rtable--flip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  background: none;
}

.rtable--flip thead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
  
}

.rtable--flip tbody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  
}

.rtable--flip tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
  -ms-flex-negative: 0;
      flex-shrink: 0;
	    width:14.25%;
 
}

.rtable--flip td,
.rtable--flip th {
  display: block;
 
}

.rtable--flip td {
  background-image: none !important;
  border-left: 0;
  text-align:center;
   background-color:#fff;
}

.rtable--flip th:not(:last-child),
.rtable--flip td:not(:last-child) {
  border-bottom: 0;
}

.rtable1{ margin-top:30px;  
    border-bottom:none; }
.rtable1 tr td{ height:55px; vertical-align:middle; font-weight: bold;}
.rtable1 tr td.td1{ background-color:#fff;  }
.rtable1 tr td.td2{ background-color:#ff7800; color:#fff; font-size:18px; text-align:center;}
.rtable1 tr td.td3{ background-color:#e5e5e5;  color:#656565; font-size:18px; text-align:center; }
.rtable3 thead { width:25%; } 
.rtable3 thead tr{ width:100%;}
.rtable3 thead tr th{ background-color:#fff; text-align:center; height:30px; line-height:30px; padding:3px 6px;}
.rtable3 tbody tr{ width:33.33%;}
.rtable3 tbody tr td{height:30px; padding:3px;}
.rtable3 tr .row1{ height:150px;}
.rtable3 tr .row1 span{ display: block;}
.table-span1{ width:80px; margin:0 auto;}
.table-span2{ font-size:18px; }
.table-span3{ font-size:12px; }
.table-span4{ font-size:14px; color:#8c8c8c;}

.btn-table{padding:3px 10px; display:block; float:left; font-size:18px; line-height:28px; margin-right:10px; margin-top:20px; border:1px solid #ccc; background-color:#eaeaea;-moz-border-radius:3px; -webkit-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px; border-radius:3px; }
.btn-table:hover{background-color:#5bbc2e; color:#fff;}
.table-title{ width:96%; height:auto; overflow:hidden; text-align:center; background-color:#f9f9f9; padding:0 2%;}
.table-title h1{ display:inline-block; text-align:center;}
.m-table{ padding:30px 0;}

.rtable--flip td.show-none{ background-color:#aeaeae; }
.rtable--flip td.show-yellow{ background-color:#ffd775;}
.rtable--flip td.show-green{ background-color:#e7ff75; }
.rtable--flip td.show-blue{ background-color:#75e0ff; }

.btn-confirm{ display:block; float:right; background-color:#333; color:#fff; padding:15px; width:200px; -moz-border-radius:8px; -webkit-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px; border-radius:8px; text-align:center;  }
.select-title{ float:left; color:#5e7688; font-size:20px;font-weight:bold; text-transform:uppercase; line-height:52px; margin:0;}
.clear{clear:both;}

.table-title2{ width:380px; height:auto; overflow:hidden; text-align:center; padding:0 2%; margin:0 auto 15px;}
.table-title2 h1{ display:inline-block; text-align:center; font-size:24px;}
.btn-left{ float:left;padding:3px 10px; display:block; margin-top:18px;}
.btn-right{ float:right;padding:3px 10px; display:block; margin-top:18px;}

.table-title3{ width:auto; height:auto; overflow:hidden; text-align:center;  margin:0 auto;}
.table-title3 h1{ display:inline-block; text-align:center; font-size:20px; color:#32bcea; font-weight:bold;}

.reservation-title{ float:left; color:#32bcea; font-size:16px;font-weight:bold;  line-height:52px; margin:0; margin-right:10px;}
.btn-reservation{ display:block; float:left; background-color:#333; color:#fff; padding:15px; width:200px; -moz-border-radius:8px; -webkit-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px; border-radius:8px; text-align:center;  }

.slide-text{ position:relative;}
.azen-header-title {
    color: inherit;
    margin: 0;
    font-size:2.5em;
    font-family: "Varela Round";
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0;
}
.azen-middle-wrapper2{ width:90%; max-width:600px; padding:5%; text-align:left;position: absolute; left:0; top:0;}
.azen-middle-wrapper2 .azen-text-middle {
    font-family: "Varela Round";
    font-size: 18px;
  
    display: inline-block;
    opacity: .6;
    line-height: 1.6;
    margin: 10px 0;
}

.azen-button a {
    color: #ffffff;
    background: #5bbc2e;
    line-height: 56px;
    padding: 0 40px;
    display: inline-block;
    border-radius: 8px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    outline: 0;
    outline-offset: 0;
    box-sizing: border-box;
    white-space: nowrap;
    -webkit-touch-action: manipulation;
    -khtml-touch-action: manipulation;
    -moz-touch-action: manipulation;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s linear 0s;
    -khtml-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    border: 2px solid #5bbc2e;
}

.azen-button a:hover {
  background-color: transparent;
  color: #ff7600;
}

@media only screen and (max-width:1200px){ 

.table-title3 h1{ font-size:16px;  word-break:break-all; word-wrap:break-word; line-height:normal;}
.btn-left,.btn-right{  width:10px; padding:3px; margin-top:10px; }	

.azen-middle-wrapper2{ padding:20px 5% 0;}
.azen-header-title { 
    font-size: 1.75em;
	line-height:normal;   
}

.azen-middle-wrapper2 .azen-text-middle {
font-size: 14px;
}

.azen-button a {
   
    line-height: 40px;
    padding: 0 20px; 
    border: 2px solid #ff7600;
}


}

@media only screen and (max-width:980px){
		
.table-title3 h1{ font-size:12px;  word-break:break-all; word-wrap:break-word; line-height:normal;}
.rtable3 thead { width:150px;  } 
.btn-left,.btn-right{  width:10px; padding:3px; margin-top:5px; }	  
}

@media only screen and (max-width:640px){ 

.reservation-title{ line-height:normal; margin-bottom:15px;} 

.azen-middle-wrapper2{ padding:10px 5% 0;}
.azen-header-title { 
    font-size: 1em;
	line-height:normal;   
}

.azen-middle-wrapper2 .azen-text-middle {
font-size: 12px;
 margin: 3px 0;
}

.azen-button a {
   
    line-height: 24px;
    padding: 0 10px; 
    border: 1px solid #ff7600;
	font-size:12px;
	font-weight: lighter;
}


}
