/*
Theme Name: 	Betheme Child
Theme URI: 		http://themes.muffingroup.com/betheme
Author: 		Muffin group
Author URI: 	http://muffingroup.com
Description:	Child Theme for Betheme - Premium WordPress Theme
Template:		betheme
Version: 		1.6
*/

/* Theme customization starts here
-------------------------------------------------------------- */

@import url('https://fonts.googleapis.com/css?family=Nunito:300,400,500,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Prompt:300,400,500,600,700,800&subset=thai');
@import url('https://fonts.googleapis.com/css?family=Pridi:300,400,500,600,700,800&subset=thai');


@font-face {
    font-family: 'Noto Serif Thai';
    src: url('https://www.eg.mahidol.ac.th/dept/egche/wp-content/uploads/fonts/fontssubset-NotoSerifThai-Bold.woff2') format('woff2'),
         url('https://www.eg.mahidol.ac.th/dept/egche/wp-content/uploads/fonts/subset-NotoSerifThai-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Serif Thai';
    src: url('https://www.eg.mahidol.ac.th/dept/egche/wp-content/uploads/fonts/subset-NotoSerifThai-Regular.woff2') format('woff2'),
         url('https://www.eg.mahidol.ac.th/dept/egche/wp-content/uploads/fonts/subset-NotoSerifThai-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DB-Helvethaica-X-bold';
    src: url('https://www.eg.mahidol.ac.th/dept/egche/wp-content/uploads/fonts/DB-Helvethaica-X-Blk-Cond.ttf') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'DB-Helvethaica-X';
    src: url('https://www.eg.mahidol.ac.th/dept/egche/wp-content/uploads/fonts/DB-Helvethaica-X-Li.ttf') format('woff');
    font-weight: normal;
    font-style: normal;
}


div * {
	/* font-family: "Nunito", "Noto Serif Thai", Kanit; */

	/* font-family: "Nunito", Pridi !important; */

	font-family: "Nunito", Kanit !important;
	/* font-family: "Nunito", Prompt !important; */
}
h1,h2,h3,h4,h5,h6 {
	/* font-family: "Nunito", Prompt !important; */
	font-family: "Nunito", Kanit !important;
}
h5,h6 {
	letter-spacing: 0.5px !important;
}

h1 {
	font-size: 30px !important;
}
h2 {
	font-size: 25px !important;
}

.text-white * {
	color: white !important;
}

.text-extra-bold {
	font-weight: 800;
}


.acad-header {
	height: 430px;
}

/* Research Page */
.research-header {
	height: 460px;
	background-repeat: no-repeat !important;
    background-size: cover !important;
}

.research-carosel .vc_carousel-inner {
	height: 230px;
}

.research-carosel .vc_left.vc_carousel-control,
.research-carosel .vc_right.vc_carousel-control {
	display: unset !important;
}
.research-carosel .icon-prev:before {
	content: '\e875' !important;
}

.research-carosel .icon-next:before {
	content: '\e876' !important;
}

.research-carosel .vc_left,
.research-carosel .vc_right {
	color: #2E2E2E;
	opacity: 1 !important;
}

.research-carosel .vc_left {
    margin-left: -50px;
}

.research-carosel .vc_right {
    margin-right: -25px;
}

.research-carosel .vc_left span,
.research-carosel .vc_right span {
	font-size: 40px !important;
}

.research-carosel img {
    object-fit: cover;
    height: 250px !important;
}

.ru-box-header > .vc_column-inner {
	height: 100px;
	vertical-align:middle;
  	display: table-cell;
}


.ru-frame > .vc_grid-item-mini {
	background-color: #D7554E;
}

.ru-frame:nth-of-type(2) > .vc_grid-item-mini,
.ru-frame:nth-of-type(3) > .vc_grid-item-mini,
.ru-frame:nth-of-type(6) > .vc_grid-item-mini ,
.ru-frame:nth-of-type(7) > .vc_grid-item-mini {
	background-color: #333333;
}

.ru-frame:nth-of-type(1) > .vc_grid-item-mini {
	background-color: #D7554E;
}

.ru-color {
    position: absolute;
    bottom: 25px;
	left: 10px;
	width: 40% !important;
}

.ru-color h4 > a.vc_gitem-link {
	color: white;
	font-weight: 700 !important;
}
.ru-renew:before {
    background-image: url(https://www.eg.mahidol.ac.th/dept/egche/wp-content/uploads/extra-imgs/icon-ru-1.png);
}

.ru-advan:before {
    background-image: url(https://www.eg.mahidol.ac.th/dept/egche/wp-content/uploads/extra-imgs/icon-ru-3.png);
}

.ru-food:before {
    background-image: url(https://www.eg.mahidol.ac.th/dept/egche/wp-content/uploads/extra-imgs/icon-ru-2.png);
}

.ru-renew:before,
.ru-food:before,
.ru-advan:before {
    content: "";
	background-size: 100%;
    display: inline-block;
    width: 80px;
    height: 80px;
    position: absolute;
    top: 15%;
    left: 0;
}

.ru-renew,
.ru-food,
.ru-advan {
	padding-left: 60px;
}
/* End Research Page  */
/* Service Page */
.service-header {
	height: 460px;
	background-repeat: no-repeat !important;
    background-size: cover !important;
}
/* End Service Page */

.et-heading {
	/* font-family: "Nunito", "Noto Serif Thai", Kanit; */
	/* font-family: "Nunito", Prompt; */
	font-family: "Nunito", Kanit !important;
	font-weight: 800;
}

.et-semibold {
	/* font-family: "Nunito", "Noto Serif Thai", Kanit; */
	/* font-family: "Nunito", Prompt; */
	font-family: "Nunito", Kanit !important;
	font-weight: 700;
}

.et-text {
	/* font-family: "Nunito", "Noto Serif Thai", Kanit; */
	/* font-family: "Nunito", Prompt; */
	font-family: "Nunito", Kanit !important;
	font-weight: 500;
}

.top-triangle:before {
    content: "";
    background-image: url(https://www.eg.mahidol.ac.th/dept/egche/wp-content/uploads/extra-imgs/img-triangle.png);
    background-size: 100%;
    background-repeat: no-repeat;
	width: 50px;
    height: 50px;
    position: absolute;
    right: 30px;
    margin-top: -68px;
}

.indent-para-sm {
    text-indent: 20px;
    display:inline-block;
}

.indent-para {
    text-indent: 50px;
    display:inline-block;
}

.header-acad-program {

}

/* 
input[type="submit"] {
	background-color: #eb4947 !important;
} */

.wpb_single_image,
.vc_single_image-wrapper {
	margin-bottom: 0 !important;
}
 
.vc_single_image-wrapper {
	padding-bottom: 0;
}

.header-plain #Top_bar .menu > li > a span:not(.description) {
    padding: 0px 20px;
}

.header-plain #Top_bar .menu > li > a span:not(.description) {
	border: none;
}
#Top_bar .menu > li > a:hover,
#Top_bar .menu > li.hover {
    background-color: #eb4947 !important;
    color: white !important;
}

#Top_bar .menu li ul li a {
    padding: 10px 10px 10px 15px;
	font-size: 0.95em;
}

.post-wrapper-content {
	padding-bottom: 35px;
}

a:hover {
	text-decoration: none;
}

table tr td {
	background-image: none !important;
	border: 0;
}

.widget-area:before {
	background: transparent;
}

.aside_left .widget-area {
	border-right-width: 0;
}

.sidebar .widget_nav_menu ul {
	background: #96282d;
    list-style: none;
	padding: 0;
}

.sidebar .widget_nav_menu ul li a {
	color: white;
	padding: 10px 15px;
}

.sidebar .widget_nav_menu ul li a:hover {
	color: #96282d;
    background-color: white;
	padding: 10px 15px;
}

.sidebar .widget_nav_menu ul li:after {
	display: none;
}

.widget-area aside h3 {
	font-size: 24px;
	font-weight: bold;
}

#nav_menu-2 h3::before {
    background-image: url(https://www.eg.mahidol.ac.th/dept/egche/wp-content/uploads/2018/09/icon-academics.png);
    background-size: 100%;
    background-repeat: no-repeat;
    display: inline-block;
    width: 65px;
    height: 65px;
    content: "";
    vertical-align: text-bottom;
}

/* Footer widget */
#Footer .widgets_wrapper {
	padding: 35px 0 0 0;
	font-size: 14px;
}

#Footer .widgets_wrapper .widget {
/* 	padding-bottom: 0 !important; */
}

#Footer .footer_copy .one {
	margin-bottom: 15px;
    padding-top: 20px;
}

#Footer .footer_copy {
	border: none;
	background-color: #96282D;
}

#Footer .copyright {
	color: white;
	padding-top: 10px;
}

.widget_text h4::before {
    background-size: 100%;
    background-repeat: no-repeat;
    display: inline-block;
    width: 25px;
    height: 25px;
    content: "";
	margin-right: 10px;
}

#text-8 h4::before {
	background-image: url(https://www.eg.mahidol.ac.th/dept/egche/wp-content/uploads/2018/09/icon-footer-location.png);
}

#text-7 h4::before {
	background-image: url(https://www.eg.mahidol.ac.th/dept/egche/wp-content/uploads/2018/09/icon-footer-contact.png);
}

#text-6 h4::before {
	background-image: url(https://www.eg.mahidol.ac.th/dept/egche/wp-content/uploads/2018/09/icon-footer-weblink.png);
}

.widget_text .textwidget {
    padding-left: 35px;
}

#back_to_top {
	margin: 0 !important;
    float: right !important;
}

.custom-readmore > a {
	padding: 0 !important;
}

.custom-readmore > a:after {
    content: " \203A";
}

.btn-see-all,
.btn-see-all > a {
	background-image: none !important;
	padding: 0 !important;
	width: 90px !important;
}

.btn-view > a {
	background-image: none !important;
	padding: 0 !important;
    width: 130px !important;
}

/* .btn-see-all > a:after {
	content: "";
} */

.btn-readmore {
	margin-bottom: 0
}

.btn-readmore > a {
	padding: 0 !important;
}

.btn-readmore:before {
	background-image: url(https://www.eg.mahidol.ac.th/dept/egche/wp-content/uploads/extra-imgs/btn-readmore.png);
    background-size: 100%;
    background-repeat: no-repeat;
    display: inline-block;
    width: 21px;
    height: 27px;
    content: "";
    vertical-align: middle;
}

.text-che {
	font-size: 36pt;
}

.program-structure {
	border: 1px solid;
}

.program-structure td {
	border: none !important;
}

.program-structure .row-1,
.program-structure .row-13,
.program-structure .row-15 {
	background-color: #ec4f4c;
    color: white;
}

.program-structure .row-2,
.program-structure .row-5 {
    background-color: #e8e8e8;
}

.section-post-related {
	display: none;
}
 
#Subheader .title {
	width: 100%;
}

.acad-img {
	width: 50%;
    margin: 0 auto;

}

.btn-acad-more a {
    padding: 8px 13px !important;;
    margin-top: 7px;
    text-transform: uppercase;
	font-weight: 800;
}

.btn-acad-more a:hover {
	background-color: #e47e78 !important;
	color: white !important;
	border-radius: 25px;
    padding: 8px 13px;
    margin-top: 7px;
    text-transform: uppercase;
	font-weight: 800;
	border: 0px !important;
}


.btn-acad-more > *:after {
	content: "";
    display: inline-block;
    background: url(https://www.eg.mahidol.ac.th/dept/egche/wp-content/uploads/extra-imgs/icon-forward.png) no-repeat;
	width: 15px;
    height: 15px;
    background-size: 15px 15px;
    margin-left: 5px;
    vertical-align: bottom;
}

/* .acad-header:before {
	content:"";
	background: url(https://www.eg.mahidol.ac.th/dept/egche/wp-content/uploads/extra-imgs/bg-academic-staff.jpg) no-repeat;
	width: 100%;
    height: 400px;
    background-size: 100%;
    position: absolute;
} */

.acad-st-header {
	background-color: #ece3e6;
}
.acad-st-frame-head {
	background-color: white;
	width: 53%;
	margin-top: 60px;
	margin-left: 60px;  
	margin-bottom: 0;  
	padding: 30px 30px 15px;
	position: relative;
}

.acad-st-name * {
	color: #2E2E2E;
	font-weight: 600;
	font-size: 30px;
    line-height: 1;
}

.acad-st-office * {
	color: #939598;
}

.acad-st-phone * {
	color: #939598;
}

.acad-st-email * {
	color: #939598;
}

.one-sixth.acad-st-office > h4 {
	color: #939598;
    font-weight: 700;
	margin-bottom: 5px;
}

.one-sixth.acad-st-phone > h4 {
	color: #939598;
    font-weight: 700;
	margin-bottom: 5px;
}

.one-sixth.acad-st-email > h4 {
	color: #939598;
    font-weight: 700;
	margin-bottom: 5px;
}


.acad-st-frame-head.acad-st-name,
.acad-st-frame-head h4,
.acad-st-frame-head.acad-st-office,
.acad-st-frame-head.acad-st-phone,
.acad-st-frame-head.acad-st-email {
	margin-bottom: 5px;
}

.acad-st-frame-head > div {
	margin: 0;
}

.acad-st-frame-head:before {
	display: block;
    content: "";
    width: 55px;
    height: 55px;
    position: absolute;
    top: -3px;
    left: -3px;
    border-top: 5px solid #d7554e;
    border-left: 5px solid #d7554e;
}

.acad-st-frame-head > span:after {

    display: block;
    content: "";
    width: 55px;
    height: 55px;
	position: absolute;
	/* float: right; */
    bottom: -3px;
    right: -3px;
    border-bottom: 5px solid #d7554e;
	border-right: 5px solid #d7554e;
}

/* .acad-st-frame {    
	background-color: white;
	padding: 0 25px;
	margin-bottom: 0;
} */

.section-post-details > .section_wrapper {
	background-color: white;
	padding: 0 25px;
	margin-bottom: 0;
}

.acad-st-image {
    padding: 20px 15px 20px 15px;
	margin: 0;
	width: 30%;

	/* margin-right: auto;
    margin-left: 15px;
    margin-top: 0px;
    width: 300px;
    height: 300px;
    position: relative; */
}

.acad-st-image > img {
	object-fit: cover;
    width: 100%;
    height: 370px !important;
	margin-bottom: -5px;      
	box-shadow: 0 0 30px #c9bcbb;  
}

/* .acad-st-image > div:nth-child(1),
.acad-st-image > div:nth-child(2) {
	background-position: center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
} */

.acad-st-image > div:nth-child(1) {
	-webkit-filter: blur(40px);
    -moz-filter: blur(20px);
    -o-filter: blur(20px);
    -ms-filter: blur(20px);
    filter: blur(40px);
}

.acad-st-detail {
    padding: 15px 30px 30px 15px;
	margin: 0;
	/* width: 48%; */
}

.acad-st-detail * {
	font-family: "nunito", Arial, Tahoma, sans-serif;
}

.acad-st-detail h4 {
    font-weight: 800 !important;
	line-height: 10px;
	padding: 10px 0;
}

.acad-st-detail > div,
.acad-st-detail > p {
	margin: 0;
}

.acad-st-gallery-frame {
	background-color: #D7554E;
	margin-left: 11%;
	width: 78%;
}

.acad-st-gallery-frame .image_frame {
    border: 0;
}

.acad-st-gallery-frame  .image_wrapper {
	border-radius: 7px;
}

.acad-st-gallery-frame .gallery-item {
	padding-top: 10px;
	padding-left: 10px;
}

.acad-st-picture-frame {
	
}

.section-post-details ul {
	list-style: disc;
	padding-left: 30px;
}

/* .acad-frame {
	background-color: white;
	margin-left: 11%;
	margin-bottom: 0;
	margin-top: 40px;
	width: 78%
}

.acad-image {
    padding: 30px 15px 30px 30px;
	margin: 0;
	width: 38%;
}

.acad-image > img {
	object-fit: cover;
    width: 100%;
    height: 350px !important;
}

.acad-detail {
    padding: 30px 30px 30px 15px;
	margin: 0;
	width: 48%;
}

.acad-detail * {
	font-family: "nunito", Arial, Tahoma, sans-serif;
}

.acad-detail h5 {
    font-weight: 800 !important;
    line-height: 10px;
}

.acad-detail > div,
.acad-detail > p {
	margin: 0;
}

.acad-gallery-frame {
	background-color: #D7554E;
	margin-left: 11%;
	width: 78%;
}

.acad-gallery-frame .image_frame {
    border: 0;
}

.acad-gallery-frame  .image_wrapper {
	border-radius: 7px;
}

.acad-gallery-frame .gallery-item {
	padding-top: 10px;
	padding-left: 10px;
} */

.acad-download-frame  {
	margin-left: 11%;
	text-align: center;
	width: 78%;
}

.acad-download-frame a {
	background-color: #D7554E;
	color: white;
	border-radius: 25px;
    padding: 8px 13px;
    margin-top: 7px;
    text-transform: uppercase;
    font-weight: 800;
}

.acad-download-frame a:hover {
	background-color: #e47e78;
	color: white;
	border-radius: 25px;
    padding: 8px 13px;
    margin-top: 7px;
    text-transform: uppercase;
    font-weight: 800;
}

.acad-download-frame a:after {
	content: "";
	display: inline-block;
    background: url(https://www.eg.mahidol.ac.th/dept/egche/wp-content/uploads/extra-imgs/icon-forward.png) no-repeat;
	width: 15px;
    height: 15px;
    background-size: 15px 15px;
    margin-left: 5px;
    vertical-align: sub;
}

.empty-space {
	margin-top: 20px !important;
    margin-bottom: 10px;
    display: inline-block;
}
.gallery {
	display: flow-root;
}

.acad-img {
	margin: 0 auto;
    width: 70%;
}

.icn-topic {
	width: 110px;
}

.gallery .gallery-item img {
	object-fit: cover;
	object-position: 50% 50%;
	height: 200px !important;
 }

@media only screen and (min-width: 768px) {
	.hide-desktop {
		display: none;
	}	
	
	.news-details {
		height: 280px;
	}
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
	.hide-desktop {
		display: none;
	}	
	
	.news-details {
		height: 280px;
	}

	.acad-st-frame-head {
		width: 50%;
    	margin-left: 15px !important;
	}

	.acad-st-image {
		width: 35%;
		padding: 25px 10px 0 10px;
	}
	
	.acad-st-detail {
		width: 95%;
	}

	.acad-gallery-frame {
		width: 100%;
		margin-left: 0;
	}

	.acad-gallery-frame .gallery-item:not(:first-child) {
		padding-left: 7px;
	}

	.acad-download-frame {
		width: 100%;
		margin-left: 0;

	}
}

@media only screen and (max-width: 768px) {
	.acad-frame {
		width: 100%;
		margin-left: 0;
	}
	
	.acad-st-frame-head {
		width: 75%;
	}

	/* .acad-image {
		width: 42%;
		padding: 25px 10px 25px 25px;
	} */
	.acad-st-image {
		width: 70%;
		padding: 25px 10px 0 25px;
	}

	/* .acad-detail {
		width: 46%;
	} */
	.acad-st-detail {
		width: 100%;
	}

	.acad-gallery-frame {
		width: 100%;
		margin-left: 0;
	}

	.acad-gallery-frame .gallery-item:not(:first-child) {
		padding-left: 7px;
	}

	.acad-download-frame {
		width: 100%;
		margin-left: 0;

	}
	.acad-img {
		margin: 0 auto;
		width: 100%;
	}

	.research-carosel img {
		object-fit: cover;
		height: 120px !important;
	}
	.research-carosel .vc_carousel-inner {
		height: 120px;
	}
}

@media only screen and (max-width: 767px) {
	.top_bar_right {
		display: none;
	}   
	
    .one-half {
        width: 100%;
        margin-right: 0;
    }
    
    h1 {
        font-size: 27px !important;
    }
	
    h2 {
        font-size: 24px !important;
    }
	    
	h3 {
        font-size: 20px !important;
    }
}

@media only screen and (min-width: 1024px) {
	#Top_bar .menu > li.submenu > a > span:not(.description) {
		padding-right: 20px !important;
	}

	.bg-half {
		background: linear-gradient(to right, #333333 50%, white 50%);
	}

	.bg-half-transparent {
		background: linear-gradient(to right, #333333 50%, transparent 50%);
	}

	.news-details {
		height: 260px;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.bg-half-left {
		background: linear-gradient(to right, #333333 50%, white 50%);
	}
	
	.bg-half-right {
		background: linear-gradient(to left, #333333 50%, white 50%);
	}
	
}

@media only screen and (max-width: 959px) {
	#Header #menu > ul > li.current-menu-item > a, 
	#Header #menu > ul > li.current_page_item > a, 
	#Header #menu > ul > li.current-menu-parent > a, 
	#Header #menu > ul > li.current-page-parent > a, 
	#Header #menu > ul > li.current-menu-ancestor > a, 
	#Header #menu > ul > li.current_page_ancestor > a {
		background: #eb4947;
	}	
}
@media only screen and (min-width: 426px) {
	.page-header-mb {
		display: none;
	}
}
@media only screen and (max-width: 425px) {
	/* Action bar */
	li.phone, li.mail {
		font-size: 0.9em;
	}

	div.page-header-mb {
		height: 350px;
		background-position: center 50px !important;
		margin-top: -3px !important;
	}

	.page-header-mb .icn-topic > figure img {
		width: 70%;
	}

	.side-topic > div {
		padding-left: 30px !important;
		padding-right: 30px !important;
		width: 115% !important;
		margin-left: -20px;
	}

	.text-che {
		font-size: 29pt;
	}

	.acad-frame {
		width: 100% !important;
		margin-left: 0;
	}

	.acad-image {
		width: 100% !important;
		padding: 25px 10px 25px 25px;
	}

	.acad-detail {
		width: 100% !important;
	}

	.acad-gallery-frame {
		width: 100% !important;
		margin-left: 0;
	}

	.acad-gallery-frame .gallery-item:not(:first-child) {
		padding-left: 7px;
	}

	.acad-download-frame {
		width: 100% !important;
		margin-left: 0;

	}
	.section_wrapper .column {
		width: inherit !important;
	}

	.acad-st-frame-head {
		margin-top: 20px !important;
	}

	.acad-st-image {
		width: 70%;
		padding: 25px 10px 0 25px;
	}

	.acad-st-detail {
		width: 100%;
	}
	.research-carosel img {
		object-fit: cover;
		height: 100px !important;
	}
	.research-carosel .vc_carousel-inner {
		height: 100px;
	}
	.ru-color h4 > a.vc_gitem-link {
		font-size: 14px;
	}
	.ru-color h4 {
		line-height: 17px;
	}
}

@media only screen and (max-width: 340px) {
	.text-che {
		font-size: 26pt;
	}
}

.one-half {
    position: relative;
    margin-right: 4%;
    float: left;
/*     margin-bottom: 20px; */
}
 
.one-half { width: 48%; }
 
.last {
    margin-right: 0 !important;
    clear: right;
}

.txt-upper {
	text-transform: uppercase;
}

.txt-bold {
	font-weight: 700;
}

.txt-white {
	color: white;
}

.non-display {
	display: none;
}

.require {
	color: red;
}

.bg-text {
	background-color: #eb4947;
    color: white;
    padding: 10px;
}

.txt-paragraph p {
	text-indent: 30px !important;
}

/* Services Tables */
.items_services {
	border: 2px solid black;
}

.items_services thead th {
	background-color: #e84948;
    color: white;
}

.items_services th,
.items_services td {
	text-align: center !important;
	vertical-align: middle !important;
}

.items_services td.column-2 {
	text-align: left !important;    
	vertical-align: middle !important;
	width: 20%;
}

.items_services td {
	border-right: 1px solid #ecbebe;
}

.tablepress.items_services tbody tr td:last-child {
	width: 10% !important;
}