/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on August 17, 2023 */

@font-face {
    font-family: 'promptregular';
    src: url('../fonts/webfontkit-prompt/prompt_regular-webfont.woff2') format('woff2'),
         url('../fonts/webfontkit-prompt/prompt_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'syneregular';
    src: url('../fonts/webfontkit-syne/syne-variablefont_wght-webfont.woff2') format('woff2'),
         url('../fonts/webfontkit-syne/syne-variablefont_wght-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'kanitmedium';
    src: url('../fonts/webfontkit-kanit/kanit-medium-webfont.woff2') format('woff2'),
         url('../fonts/webfontkit-kanit/kanit-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {
	color: #839287!important;
	font-size: 12pt;
	font-family: 'Kanit'!important;
	/*font-family: 'kanitmedium';*/
}

.app_header {
	font-family: 'promptregular'!important;
}

.main {
	/*max-width: 700px;*/
	margin: 0 auto;
}

.cover_box {
	border: 1px solid #839287; 
	margin: 5px 5px 15px 5px;
	font-weight: bold;
}

 .lang {
	 font-family: 'syneregular'!important;
	 color: #000;
	 font-weight: regular;
	 text-decoration: none !important;
 }
 
 .lang_current {
	 font-family: 'syneregular'!important;
	 color: #5F838D ;
	 font-weight: bold;
	 text-decoration: underline!important;
 }

a {
	 color: #839287!important;
	 font-weight: bold;
	 text-decoration: none!important;
 }
 
 a:hover {
	 color: #5F838D ;
	 text-decoration: underline;
 }
 hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.btn-sms {
	background-color:#839287!important; 
	color:white!important;
}

.btn-sms:hover {
	background-color:#D3D3D3!important; 
	color:black;
}

.cover_title  {
	font-size: 1em!important;
	text-align: center;
  } 
  
 .gallery_description {
	font-size: 1.1em!important;
	text-align: center;
	/*font-weight: bold;*/
	font-family: 'Kanit'!important;
  }

.gallery_category {
	font-size: 1em; 
	font-weight:bold;
	text-align: center;
	/*text-align: justify;*/
	text-justify: inter-word;
}
 
@media screen and (max-width: 300px) {
  .cover_title  {
    font-size: 0.6em!important;
  }
}

@media screen and (max-width: 400px) and (min-width: 301px) {
  .cover_title  {
    font-size: 1em!important;
  }
}

@media screen and (max-width: 820px) and (min-width: 768px) {
  .cover_title  {
    font-size: 0.9em!important;
  }
}