@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Sarabun:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600&display=swap');
html, body{
	font-family: 'Inter', 'Sarabun', sans-serif;
	color: #383838;
}
.thai-head{
	font-family: 'Prompt', sans-serif;
}
.thai-text{
	font-family: 'Prompt', sans-serif;
	font-weight: 300;
}

.navbar-brand {
    display: inline-block;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}
.navbar{
	font-weight: 500;
	font-size: 16px;
}
.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,.5);
	border: none;
    outline: none !important;
}
.navbar-dark .navbar-nav .nav-link {
    color: #ffffff;
}
.navbar-nav:hover{
	color: #eb757a;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}
/*.btn{
	border-radius: 4rem;
	padding: .15rem .75rem;
}*/
.bg-violet{
	background-color: #462e78;
	border-bottom: solid 5px #f37d83;
}
.bg-footer{
	background-color: #462e78;
	border-top: solid 5px #f37d83;
}
.bg-lowgrey{
	background-color: #fafafa;
}

.portfolio-item {
  margin-bottom: 30px;
}
.con-content-01{
	padding-top:20px;
	padding-bottom: 20px;
}
.row-content-01{
	padding-top:20px;
	padding-bottom: 20px;
}
.col-content-01{
	padding-top: 10px;
	padding-bottom: 10px;
}
.text-content-01{

	font-weight: 400;
	line-height: 1.875;
	color: #383838;
	font-size: 15px;
}
.text-content-nw{

	font-weight: 400;
	line-height: 1.875;
	color: #383838;
	font-size: 14px;
}
.title-line-left {
    padding-left: 7px;
    border-left-width: 4px;
    border-left-style: solid;
    border-left-color: #8754f1;
}
.badge-pill {
    padding-right: .75em;
    padding-left: .75em;
    border-radius: 10rem;
}
.badge{
	font-weight: 500;
}
.card{
	border: 1px solid rgba(0, 0, 0, 0.04);
    border-radius: .45rem;
}
.bg-inner {
    background-image: url( "../images/bg/bg-inner.jpg");
    background-position: center;
    border-bottom: 1px solid #f3f3f3;
}

/* unvisited link */
a.footerL:link {
  	color: #FFFACD;
	text-decoration: none;
}

/* visited link */
a.footerL:visited {
  	color:#ffffff;
	text-decoration: none;
}

/* mouse over link */
a.footerL:hover {
  	color: #FFC0CB;
	text-decoration: none;
}

/* selected link */
a.footerL:active {
  	color:#ffffff;
	text-decoration: none;
}

.card-title{
	font-weight: 600;
}

h1,h2,h3,h4,h5,h6{
	font-weight: 700;
}