/* 
 Theme Name:     Divi child theme   
 Author:         Divi theme examples
 Author URI:     http://www.divithemeexamples.com 
 Template:       Divi
 Version:        1.0 
*/ 

@import url("../Divi/style.css"); 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 
/*<link href='https://fonts.googleapis.com/css?family=Kanit:400,100,100italic,200,200italic,300,300italic,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic&subset=latin,thai' rel='stylesheet' type='text/css'>*/


/*  CUSTOM SIDEBAR BY ICHATC */
/*.my1.et_pb_sidebar_0.et_pb_widget_area h4 {
/*
color:#fff!important;
width:auto;
margin-left:0px;
margin-top:-20px;
margin-bottom:20px;
border-bottom: 1px solid #c9dffd;
font-size:20px!important;
background-color:#5a7d94!important;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
padding:15px;
}
/*
.my2.et_pb_column_4_4 .et_pb_widget:nth-child(4n+1), .et_pb_column_3_4 .et_pb_widget:nth-child(3n+1), .et_pb_column_2_3 .et_pb_widget:nth-child(2n+1), .et_pb_column_1_2.et_pb_widget:nth-child(2n+1) 
{width:100%;}

.my3.et_pb_column .et_pb_blog_grid .column.size-1of2, .et_pb_column .et_pb_widget:nth-child(n), .footer-widget:nth-child(n) 
{width:80%!important; background-color:#eeeeee!important;padding:0px;border-radius:10px;}

.my4.et_pb_widget widget_categories 
{width:100%!important;}

.my5.et_pb_bg_layout_light .et_pb_widget li a {padding:20px;}
.et_pb_widget ul li {margin-bottom:2em!important;}
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend{line-height: 2em!important;}

/* HEADER */

.et_color_scheme_green .et_pb_counter_amount, 
.et_color_scheme_green .et_pb_featured_table .et_pb_pricing_heading, 
.et_color_scheme_green #top-header {background-color:#0dbd7d!important;}

/* BANNER SLIDER CUSTOM */

.mybanner1 .et_pb_slide_image img {max-width:240%!Important; margin-left:-90px;}
.mybanner1 .et_pb_slide_content p {font-family:kanit!important; font-weight:300; padding-top:10px;}
.mybanner1 .et_pb_slide_content {height:120px!important; width:120%;}
.mybanner1 .et_pb_slide_title {width:120%; font-family:kanit!important;}

@media screen and (max-width:1024px) {
	.mybanner1 .et_pb_slide_title {width:100%;}
	.mybanner1 .et_pb_slide_content {width:100%;}
}

/* BLURB */

.et_pb_blurb_container {font-family:kanit!important; font-weight:300;}

/* NEWS UPDATED TITLE */

.mynewstitle1 {border-bottom: 1px dotted #249837;}

/* Post Content */

h1.entry-title, h2.entry-title ,h3.entry-title {font-family:kanit!important; font-weight:400;}


/* Recent Post Extended - News */

.myrecentpost1 .rpwe-title {width:400px; font-family:kanit!important;font-size:20px!important;}
.myrecentpost1 .rpwe-block {float:left!important; }
.myrecentpost1 .rpwe-block h3 {font-size:20px!important; font-family:kanit!important;}
.myrecentpost1 .rpwe-summary {font-family:kanit!important; font-weight:300; font-size:14px!important;}
.myrecentpost1 .rpwe-li {width:400px; display:inline!important;}
.myrecentpost1 .rpwe-ul {display:inline!important;}

/* Advanced Recent Post */

.lptw-post-title {font-family:kanit!important; font-size:18px; color:#0dbd7d!important;}
.lptw-post-header {font-family:kanit!important;}
.post-excerpt  {font-family:kanit!important; font-weight:300; font-size:1em!important;}
.lptw-grid-element  {height:auto!important;}

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

}

/*DIVI*/

.widgettitle {border-bottom: 2px solid #249837; margin-bottom:15px;}
.menu-menu-product-container ul li a:hover {color:#249837!important;}
#recent-posts-2 ul li a:hover {color:#249837!important;}
.menu-item-159 {color:#249837!important;}

.post-meta {text-align:left;}
h1.entry-title {text-align:left;}
.et_post_meta_wrapper {text-align:center!important;}
.et_post_meta_wrapper img {max-width:40%!important; margin:0 auto!important; text-align:center!important;} /*รูปใน editor เนื้อหา*/
ul li .et-hover {background-color:#0dbd7d;}

/*Black-Studio-Tinymce*/

#black-studio-tinymce-2 {font-family:kanit!important; font-weight:300; }


/* CUSTOM TEMPLATE work with category.php in child theme*/

.myblog1 {width:98%; height:auto; float:left; padding:0px; }
.myblogthumb {width:250px; padding:0px; float:left; margin-right:20px;}


@media screen and (max-width:1024px) {
.myblog1 {width:48%; float:left; padding:10px;}
.myblogthumb {width:90%; padding:0px; float:none; margin-right:0px;}
}
@media screen and (max-width:800px) {
.myblog1 {width:90%; float:none; margin:0 auto;}

}

/* PRODUCT GRID*/

ul.products li {width:31%; margin:0; border:1px solid #d6d3d3; padding:10px; margin:5px;}
ul.products li img{width:90%!important;}
.productmoretag a{background: none repeat scroll 0 0 #0dbd7d!important; color:#ffffff;}
.productmoretag a:hover {background: none repeat scroll 0 0 #6e95b6;text-decoration: none;color: #cae281;}


@media screen and (max-width:1024px) {
ul.products li {width:45%;}
}
@media screen and (max-width:800px) {
ul.products li {width:90%!important; margin:5px auto;}
ul.products li img{max-width:70%!important;}
}

/* LOGO CUSTOM MOVE LEFT TO RIGHT & MENU MOVE RIGHT TO LEFT*/

#logo {float:right!important; margin-top:15px; width:100px!important; height:auto!important; max-height:70%; 
margin-top:10px; transition:all 0.3s ease-in-out 0s;	}

.et-fixed-header #logo  {max-width:75px!important;  padding:0 !important; margin-top:7px!important;}
#et-top-navigation {float:left; padding-left: 5px!important;}


/* FOOTER */
#main-footer {background-color:#d4cbb9;}
#footer-bottom {background-color:#b8ac94!important;}
#footer-widgets .footer-widget li a {font-size:1.2em;}

.et_color_scheme_green .et-search-form, .et_color_scheme_green .nav li ul, 
.et_color_scheme_green .et_mobile_menu, .et_color_scheme_green .footer-widget li::before, 
.et_color_scheme_green .et_pb_pricing li::before {border-color:#fff!important;}

h4.title {color:#6d6e6e!important; font-size:1.6em;}
.footer-widget {font-family:kanit!important; font-weight:300; }
.textwidget {color:#6d6e6e!important; line-height:1.5em;}
.textwidget h6, .textwidget h5 {color:#6d6e6e!important; line-height:1.5em;}
p#footer-info {color:#c2fee8!important;}