/* Import Webfonts */
@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,300;0,400;0,700;1,400;1,700&display=swap');


body {
	font-family: "Kanit",Helvetica,sans-serif;
	font-weight: 300;
	font-size:19px; 
	line-height:140%;
	color:#111;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	hyphens: auto;
}


p {  
	font-size:19px; 
	margin-bottom: 20px;
}

h1, h2, h3, h4, h5 {
	font-family: "Kanit",Helvetica,sans-serif;
    margin-top: 0px !important;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	/* -webkit-hyphens: auto;
	hyphens: auto; */
}
	
h1 {
	font-size: 46px;
	font-weight:700;
	font-style:italic;
	color:#002033;
	margin-bottom:20px;
	line-height:120%;
	text-transform:uppercase;
}
h2 {
	font-size: 32px;
	font-weight:700;
	font-style:italic;
	color:#002033;
	margin-bottom:20px;
	line-height: 120%;
	text-transform:uppercase;
}
h3 {
	font-size: 18px;
	font-weight:600;
	color:#D0160D;
	margin-bottom:0px;
	line-height:140%;
}
h4 {
	font-size: 20px;
	font-weight:600;
	font-style:italic;
	color:#002033;
	margin-bottom:0px;
	line-height:140%;
	text-transform:uppercase;
}

.bg-1 div,
.bg-1 p,
.bg-1 h1,
.bg-1 h2,
.bg-1 h4 {
	color:#fff; 
}


strong {
	font-weight:600 !important; 
}

footer h3 {
	font-size: 19px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 10px;
	text-align: left;
	text-transform: uppercase;
}

footer p {
	color:#fff;
	line-height:120%;
	font-weight:400;
	font-size:18px;
}

figcaption {
	font-size:16px;
	line-height:120%; 
}

.font-red {
	color:#D0160D;
}

.font-blue {
	color:#002033;
}


/* Linkstile  Section Weiss*/
main a img, a, a img, img { border:0px; outline:none !important;}
a img, a, a img, img { border:0px; outline:none !important;}
main a, main a:visited,
main a.download,
main a.internal-link,
main a.external-link-new-window,
main a.mail,
main a.pdf { 
	display:inline-block;
	color: #000; 
	text-decoration: underline;
	padding: 0;
	background-color:transparent;
	transition: all .2s ease;
}

main a:hover,
main a.internal-link:hover, 
main a.external-link-new-window:hover, 
main a.internal-link-new-window:hover,
main a.pdf:hover, main a.download:hover,
main a.mail:hover { 
	color: #D0160D;
}

main .bg-1 a {
	color:#fff;
}




/* Footer Linkstile */
footer a, footer a:visited { color:#fff; text-decoration:none; transition: all .2s ease;}
footer a:hover, footer a:focus { color:#D0160D;  }
a.megura {text-decoration:none; color:#fff !important; font-size:12px !important; padding:0px;  }
a.megura:hover {color:#fff !important; text-decoration:underline; }


/* Buttons */
.btn {
	font-size:inherit !important; 
}

.btn.focus, .btn:focus {
	outline: 0;
	box-shadow:none !important; 
}

.btn-primary{
   background-color: #008F9B;
   border-color: #008F9B;
}

.btn-primary:hover{
	 background-color: #AAAAAA;
   border-color: #AAAAAA;
}




/* RESPONSIVE FONTS
------------------------------------------------- */

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


@media screen and (max-width: 992px) { 	
	h1 { font-size: 36px; }
}


@media screen and (max-width: 767px) { 	
	h1 { font-size: 34px; }
	h4 { font-size: 23px; }
}


@media screen and (max-width: 576px) { 
	h1 { font-size: 32px; }
}

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

	h1 {	font-size: 28px;}
	h2 {	font-size: 25px;}
	h3 {	font-size: 18px;}
	h4 {	font-size: 19px;}

 	body, p {
		font-size:17px; 
		line-height:130%;
	}
}



/* RTE STYLES
------------------------------------------------- */
.text-center {
	text-align: center;
  }
  
  .text-right {
	text-align: right;
  }
  
  .text-justify {
	text-align: justify;
  }
  