/* 
 *
 *  -------------------- [ Editor ] ------------------
 *   Go to Admin-style.css
 *
 */







/* 
 *
 *  -------------------- [ Lay out ] ------------------
 *   
 *
 */

.page-template-sermtubonline-jbsalepage-v5 #page {
	background-color:#fff;
}

.body-general-layout-wrapped {
	background-color:#fff;
}

.body-general-layout-wrapped #page-inner {
	background-color:#fff;
	border:none;
	margin-top:0px;
}

.wrapper{
	padding-left:0px !important;
	padding-right:0px !important;

}

#main {
	padding:0 !important;
}

#page-inner {
	margin-left:auto;
	margin-right:auto;
}


.body-general-layout-wrapped #page-inner #main{
	padding:0px;
}

.body-general-layout-full {
	
}



/* 
 *
 *  -------------------- [ General Option Settings Block ] ------------------
 *   
 *
 */




body, input, textarea, button, .button, .faux-button, .wp-block-button__link, .wp-block-file__button, .has-drop-cap:not(:focus)::first-letter, .has-drop-cap:not(:focus)::first-letter, .entry-content .wp-block-archives, .entry-content .wp-block-categories, .entry-content .wp-block-cover-image, .entry-content .wp-block-latest-comments, .entry-content .wp-block-latest-posts, .entry-content .wp-block-pullquote, .entry-content .wp-block-quote.is-large, .entry-content .wp-block-quote.is-style-large, .entry-content .wp-block-archives *, .entry-content .wp-block-categories *, .entry-content .wp-block-latest-posts *, .entry-content .wp-block-latest-comments *, .entry-content p, .entry-content ol, .entry-content ul, .entry-content dl, .entry-content dt, .entry-content cite, .entry-content figcaption, .entry-content .wp-caption-text, .comment-content p, .comment-content ol, .comment-content ul, .comment-content dl, .comment-content dt, .comment-content cite, .comment-content figcaption, .comment-content .wp-caption-text, .widget_text p, .widget_text ol, .widget_text ul, .widget_text dl, .widget_text dt, .widget-content .rssSummary, .widget-content cite, .widget-content figcaption, .widget-content .wp-caption-text {
	1font-family:'Sukhumvit Set','Kanit', 'Helvetica Neue',Helvetica,Arial,sans-serif !important;
}


p, span {
	margin:0px;
}

figure {
	margin:0;
	margin-block-start: 0;
	margin-block-end: 0;
	margin-inline-start: 0;
	margin-inline-end: 0;
	width:100%;
}


h1, h2, h3, h4, h5, h6 {
	1font-family:'Sukhumvit Set','Kanit','Helvetica Neue',Helvetica,Arial,sans-serif !important;
	padding-left:0.5em;
	padding-right:0.5em;
	padding-top:0.5em;
	padding-bottom:0.5em;
	margin:0;
}	

/* set margin-left for list */
.body_the_content ul, .body_the_content ol {
	list-style-position: inside;
	margin-left:15px;
	margin-bottom:0.5rem;
}

/* set margin for gallery */
ul.blocks-gallery-grid {
	margin:0;
}

.wp-block-gallery {
	padding-left:1em;
	padding-right:1em;
}


/* image caption */
figcaption {
	font-size:0.8em;
}

.button {
	text-align:center;
	margin:1.5rem;
}

.button figure img {
	width:300px !important;
}

li {
	margin-bottom:0.1rem !important;
}


/* 
******** Set Padding/Margin
********** for Blocks 
*/


/* set paragraph padding */
.body_the_content p, .wp-block-group000 {
	padding-left:1em;
	padding-right:1em;
	padding-top:0.3em;
	padding-bottom:0.5em;
}


/* reset block margin */

/* reset block margin */
.body_the_content > .wp-block-image-button,
.body_the_content > .wp-block-button,
.body_the_content > .wp-block-image,
.body_the_content > .wp-block-embed,
.body_the_content > .wp-block-columns,
.body_the_content > .wp-block-imageslides, 
.body_the_content > .wp-block-group,
.body_the_content > .wp-block-gallery
 {
	margin-bottom:0;
}

/* set full width for image */
.wp-block-image img {
 width:100% !important;
}

/* set padding for columns */
.wp-block-columns {
	padding-left:0.7em;
	padding-right:0.7em;
}

/* set margin for Button */
.wp-block-button {
	margin-top:1em;
	margin-bottom:1em;
}

.wp-block-button a {
	    1line-height: 1.1em;
	    padding-top: 1rem;
	    padding-bottom: 1rem;
	    padding-left: 3.5rem;
	    padding-right: 3.5rem;
	    margin: 1rem;
}

.wp-block-button a:hover {
	text-decoration:none;
	font-weight:500;
}


/* set padding for Group, Columns */
.wp-block-group__inner-container, .wp-block-columns {
	padding-top:1.2rem;
	padding-bottom:1.2rem;
}


/* 
 *  -------------------- [ Top Menu] ------------------
 */

.navbar-brand img {
	max-height:45px;
	width:auto;
}




/* 
 *
 *  -------------------- [ Info Block ] ------------------
 *   Price, Feature label, Promo Text
 *
 */

.info-block {
	border-bottom:1px dashed #dcdcdc;
}

span.label-icon img{
	  width: 16px;
	  margin-top:2px;
}

span.label-icon {
    display: inline-block;
    margin-right: 1px;
    opacity: 0.5;
}

/*
* badge class has conflict between flatsome and bootstrap
*/
.info-block .badge {
    display: inline-block;
    padding: .25em .4em;
	height:auto;
	width:auto;
    font-size: 75%;
    font-weight: 100;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}



/*
* promo text
*/
.p-text{
	line-height:1.3em;
	font-size:1.1rem;
	font-weight:500;
	color:#dc3545 !important;
}

/*
* feature label, price
*/
.p-text-head {
	font-size:1.1rem;
}

.p-text-price {
	font-size:1.3rem;
	font-weight:500;
	color:#dc3545;
}



/*
*   ----------  Element Settings -----------
*/

.aligncenter {
	text-align:center;
}

.alignleft {
	text-align:left;
}

.alignright {
	text-align:right;
}

.hrstyle3 {
	border-top: 1px dashed #dcdcdc;

}



/* 
 *
 *  -------------------- [ Content Block ] ------------------
 *   Body Content
 *
 */

/*
*   ---------- Block: Add Product Promotion -----------
*
*/

.baht_sign {
	font-size:0.8em;
}

.data_name {
	font-size:0.8em;
	line-height:1.3;
}

.display_price {
	font-weight: 700;
	color:red;
	font-size:1em;
}
.have_discount {
	text-decoration: line-through;
	color:#ccc;
	font-size:0.75em;
	font-weight:500;
}

#displayPromotion {
	font-size:0.8em !important;
}

.add_product_promotion .card-body {
	height:80px;
}


.1sm-gutters > [class*="col-"] 
  {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }

.1form-check-input {
	  visibility: hidden;
  }
  
  
/* HIDE RADIO */
.add_product_promotion [type=radio] { 
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* IMAGE STYLES */
.add_product_promotion [type=radio] + .card {
  cursor: pointer;
}

/* CHECKED STYLES */
.add_product_promotion [type=radio]:checked + .card {
  outline: 2px solid #f00;
}

/*
*   ----------  Image Content -----------
*
*/




/*
*   ----------  Clip Content -----------
*
*/



/*
*   ----------  Slide Content -----------
*
*/





/*
*   ----------  Fix Footer Menu -----------
*
*/

.site-content, nav.nav-footer-menu {
	width:100%;
	margin:0 auto;
}


nav.nav-footer-menu {
	display: table;
    table-layout: fixed;
    1width: 100%;
	position: fixed;
  	bottom: 0;
	left:0;
	right:0;
	margin: 0 auto !important;
  	z-index:9999;
	1max-width:900px;
}

nav.nav-footer-menu ul.footer-menu-button {
   display: table-row;
   margin: 0;
   padding: 0;
	background-color: #f52e07;

}

nav.nav-footer-menu ul.footer-menu-button > li {
    list-style: none;
    display: table-cell;
    text-align: center;
	1border-left:1px solid #a6a4a4;
}

nav.nav-footer-menu ul.footer-menu-button > li:first-child {
	border-left:none;
}

nav.nav-footer-menu ul.footer-menu-button li a {
  display: block;
  color: white;
  text-align: center;
  font-size:0.95rem;
 padding-top:0.7rem;
 padding-bottom:0.7rem;
 padding-left: 0.2rem;
 padding-right: 0.2rem;
  text-decoration: none;
  margin:0 auto;
}

nav.nav-footer-menu ul.footer-menu-button li a:hover {
  background-color: #ff2e07;
}

#footer-contact {
	background-color:#02bd75;
}


/*
*   ----------  Start Mobile Friendly -----------
*
*/


/*For browser/screen widths less than 768px*/
@media screen and (max-width: 768px) {


	
body, p, input, textarea, button, .button, .faux-button, .wp-block-button__link, .wp-block-file__button, .has-drop-cap:not(:focus)::first-letter, .has-drop-cap:not(:focus)::first-letter, .entry-content .wp-block-archives, .entry-content .wp-block-categories, .entry-content .wp-block-cover-image, .entry-content .wp-block-latest-comments, .entry-content .wp-block-latest-posts, .entry-content .wp-block-pullquote, .entry-content .wp-block-quote.is-large, .entry-content .wp-block-quote.is-style-large, .entry-content .wp-block-archives *, .entry-content .wp-block-categories *, .entry-content .wp-block-latest-posts *, .entry-content .wp-block-latest-comments *, .entry-content p, .entry-content ol, .entry-content ul, .entry-content dl, .entry-content dt, .entry-content cite, .entry-content figcaption, .entry-content .wp-caption-text, .comment-content p, .comment-content ol, .comment-content ul, .comment-content dl, .comment-content dt, .comment-content cite, .comment-content figcaption, .comment-content .wp-caption-text, .widget_text p, .widget_text ol, .widget_text ul, .widget_text dl, .widget_text dt, .widget-content .rssSummary, .widget-content cite, .widget-content figcaption, .widget-content .wp-caption-text {
	1font-family:'Sukhumvit Set', 'Kanit','Helvetica Neue','Helvetica','Arial','sans-serif' !important;
}
	

/*
*   ----------  Lay out for Mobile -----------
*/	

.info-block, .wp-block-image, .wp-block-embed, .wp-block-columns, .wp-block-imageslides, .wp-block-group ,.body_the_content p {
	1width:100%;
}

/* reset block margin */
.body_the_content > p,
.body_the_content > h1,
.body_the_content > h2,
.body_the_content > h3,
.body_the_content > h4,
.body_the_content > h5,
.body_the_content > h6,
.body_the_content > ul,
.body_the_content > ol,
.body_the_content > .wp-block-image-button,
.body_the_content > .wp-block-button,
.body_the_content > .wp-block-image,
.body_the_content > .wp-block-embed,
.body_the_content > .wp-block-columns,
.body_the_content > .wp-block-imageslides, 
.body_the_content > .wp-block-group,
.body_the_content > .wp-block-gallery

{
		width:100%;
}
	
	
/*
*   ----------  Mobile: Fix Footer Menu -----------
*/
nav.nav-footer-menu ul.footer-menu-button li a {
	 font-size:0.8rem;
	 padding-top:0.6rem;
	 padding-bottom:0.6rem;
	 padding-left: 0.15rem;
	 padding-right: 0.15rem;
	 height:40px;
}


/* set padding for columns for mobile */
.wp-block-columns, .wp-block-gallery {
	padding-left:0;
	padding-right:0;
}




}