/*!
Theme Name: dent_psu_s
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: dent_psu_s
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

dent_psu_s is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
@font-face {
    font-family: 'psu_stidtiregular';
    src: url('../fonts/psu-stidti-regular-webfont.eot');
    src: url('../fonts/psu-stidti-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/psu-stidti-regular-webfont.woff2') format('woff2'),
         url('../fonts/psu-stidti-regular-webfont.woff') format('woff'),
         url('../fonts/psu-stidti-regular-webfont.ttf') format('truetype'),
         url('../fonts/psu-stidti-regular-webfont.svg#psu_stidtiregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'db_chuanpim_psurugular';
    src: url('../fonts/db_chuanpim_psu_regular-webfont.eot');
    src: url('../fonts/db_chuanpim_psu_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/db_chuanpim_psu_regular-webfont.woff2') format('woff2'),
         url('../fonts/db_chuanpim_psu_regular-webfont.woff') format('woff'),
         url('../fonts/db_chuanpim_psu_regular-webfont.ttf') format('truetype'),
         url('../fonts/db_chuanpim_psu_regular-webfont.svg#db_chuanpim_psurugular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'psu_stidtilight';
    src: url('../fonts/psu-stidti-light-webfont.eot');
    src: url('../fonts/psu-stidti-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/psu-stidti-light-webfont.woff2') format('woff2'),
         url('../fonts/psu-stidti-light-webfont.woff') format('woff'),
         url('../fonts/psu-stidti-light-webfont.ttf') format('truetype'),
         url('../fonts/psu-stidti-light-webfont.svg#psu_stidtilight') format('svg');
    font-weight: normal;
    font-style: normal;

}
html {
	line-height: 1.15;-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block; 
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;height: 0;overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;text-decoration: underline;text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;font-size: 1rem;line-height: 1.5;
}

/*
	Reset & Clearfix
------------------------------------------------*/
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,figure,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%; }

/* deleting the default appearence for form elements */
input[type=text], input[type=password], input[type=submit], input[type=number], input[type=button], textarea, button, select { -webkit-appearance: none; -moz-appearance: none; }

/* HTML5 display definitions */
article, aside, details, figure, footer, header, hgroup, menu, nav, section, dialog { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; }
[hidden] { display: none; visibility: hidden; }

.clearfix::after { content: ""; display: block; clear: both; visibility: hidden; font-size: 0;  height: 0; }
.clearfix { *display: inline-block; height: 1%; }
.clear { clear: both; display: block; font-size: 0;	height: 0; line-height: 0; width:100%; }

/* Disable hover pointers on scrolling (class set by js) */
.is-scrolling, .is-scrolling * { pointer-events: none; }

/* Disable scrolling */
.no-scrolling { overflow: hidden; }

/* Clear focus element */
*:focus, *:hover, *:active,
a, input, select, textarea, button, button:focus, img,
.btn, .btn:focus { 
	outline: none !important; 
	outline-style: none; 
	-webkit-box-shadow: none; 
			box-shadow: none;
}

/*
	Selection
------------------------------------------------*/
::-webkit-selection { background-color: #91b1b9; color: #fff; }
   ::-moz-selection { background-color: #91b1b9; color: #fff; }
		::selection { background-color: #91b1b9; color: #fff; }

/*
	Scroll Bar
------------------------------------------------*/
::-webkit-scrollbar { }
::-webkit-scrollbar-track { 
	-webkit-box-shadow: inset 0 0 0 rgba(255,255,0255,0); 
			box-shadow: inset 0 0 0 rgba(255,255,0255,0); 
}
::-webkit-scrollbar-thumb { background-color: #fff; outline: none; }

/*
	Basic html & body
------------------------------------------------*/
html {
	position: relative;
}

body {
	position: relative;
	font-family: 'db_chuanpim_psurugular',sans-serif;
	background-color: #fff;
	font-size: 26px; 
	font-weight: normal;
	font-style: normal;
	line-height: 1.25;
	color: rgba(0,0,0,0.75); 
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

strong, b, dt {
	font-weight: bold;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'psu_stidtiregular',sans-serif; 
	font-weight: normal;
	font-style: normal;
	line-height: 1.5; 
}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong,
.h1 strong, .h2 strong, .h3 strong, .h4 strong, .h5 strong, .h6 strong {
	font-family: 'psu_stidtiregular',sans-serif; 
	font-size: 105%;
	font-weight: normal;
	font-style: normal;
	line-height: 1.5; 
}
h1 i, h2 i, h3 i, h4 i, h5 i, h6 i, h1 em, h2 em, h3 em, h4 em, h5 em, h6 em { font-style: italic; }
h1 b, h2 b, h3 b, h4 b, h5 b, h6 b, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: normal; }
h1, h2, h3, h4, h5, h6 { color: inherit; }

h1, .h1 { font-size: 1.5em; margin-bottom: 1em; }
h2, .h2 { font-size: 1.35em; margin-bottom: 0.5em; }
h3, .h3 { font-size: 1.15em; margin-bottom: 0.25em; }
h4, .h4 { font-size: 0.8em; margin-bottom: 0.125em; }
h5, .h5 { font-size: 0.5em; margin-bottom: 0.025em; }
h6, .h6 { font-size: 0.5em; margin-bottom: 0.025em; }
h6, .h6 { font-size: 0.5em; margin-bottom: 0.025em; }

small { font-size: 0.75em; }

select {
	width: auto;
	min-width: 120px;
	max-width: 100%;
	height: 44px;
	line-height: 28px;
	padding: 7px 51px 7px 14px;
	border-radius: 2px;
	border: 1px solid #000;
	background: transparent url(../images/icon-arrow-down.svg) center right 14px no-repeat;
	background-size: 14px 14px;
	font-family: sans-serif; 
	font-size: 1em;
	font-weight: normal;
	color: #000;
	cursor: pointer;
	text-overflow: ellipsis;
}


/* headings with link */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #000; }
.text-light h1 a, .text-light h2 a, .text-light h3 a, .text-light h4 a, .text-light h5 a, .text-light h6 a { color: #fff; }


address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;font-family: "Courier 10 Pitch", courier, monospace;line-height: 1.6;margin-bottom: 1.6em;max-width: 100%;overflow: auto;padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;cursor: help;
}

mark,
ins {
	background: #fff9c0;text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;border: 0;height: 1px;margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;width: 100%;
}

/* Links
--------------------------------------------- */
a {
	cursor: pointer;
	color: #000;
	text-decoration: none;
	transition: all 0.2s ease;
}
a:hover,
a:active {
	color: #000;
	text-decoration: none;
}
a:active,a:visited {
	color: inherit;
}

/* 
	Lists
------------------------------------------------*/
ul {
	list-style: disc inside;
	margin: 0 0 1.5em 0;
}
ul.nolist { 
	list-style: none; 
	margin-left: 0;  
}
div ul:first-child, 
li ul:first-child { 
	margin-top: 0; 
}
ol {
	list-style: decimal inside;
	margin: 0 0 1.5em 0;
}
div ol:first-child, 
li ol:first-child { 
	margin-top: 0; 
}
ul li, ol li {
	margin-top: 8px;
}
ul.smalllist,
ol.smalllist {
	margin-top: 10px;
}
ul.smalllist li, 
ol.smalllist li {
	margin-top: 3px;
}
ul.biglist li, 
ol.biglist li, 
ul.nolist li, 
ol.nolist li {
	color: #000;
}
.text-light ul.biglist li, 
.text-light ol.biglist li, 
.text-light ul.nolist li, 
.text-light ol.nolist li { 
	color: #fff; 
}
ul.biglist li, 
ol.biglist li {
	margin-top: 12px;
	font-size: 18px; 
	line-height: 28px;
}
ul li:first-child, 
ol li:first-child { 
	margin-top: 0; 
}	
ul li ul li ,
ul li ol li,
ol li ul li,
ol li ol li {
	margin-top: 8px;
}

/* 
	Others
------------------------------------------------*/
p { 
	margin: 0 0 1.75em 0;
}
article p { 
	margin: 0 0 .75em 0;
}
div p:first-child {  
	margin-top: 0; 
}	
i, dfn, em {
	font-style: italic;
}

/* 
	Blockquote
----------------------------------------------*/
blockquote {
	position: relative;
	font-family: 'psu_stidtilight', sans-serif; 
	font-size: 0.75em;
	line-height: 1;
	color: #000;
	margin: 0 auto 2em auto;
	font-weight:normal;
	border-left:5px solid #91b1b9; padding:15px 15px 5px;
}
blockquote p { margin: 0; }
blockquote p + p,
blockquote p + cite {
	margin-top: 1rem;
}

/* 
	Button
----------------------------------------------*/
.btn {
	font-family: 'camptonbold', 'psu_stidtiregular', sans-serif;
	padding: 2px 0;
	border-radius: 0;
	border: none;
	color: #000;
}
.no-touchevents .btn:hover {
	color: #aec3d4;
}
.btn i {
	margin-right: 10px;
}
.text-light .btn,
.no-touchevents .text-light .btn:hover {
	color: #fff;
}

/*	
	Button: Primary & Bold
----------------------------------------------*/
.btn-primary,
.btn-bold {
	width: auto;
	min-width: 200px;
	height: 48px; 
	line-height: 46px;
	padding: 0 20px;
	border-radius: 2px;
	border: 1px solid #000;
}
@media (min-width: 992px) {
	.btn-primary,
	.btn-bold {
		height: 54px; 
		line-height: 52px;
		padding: 0 30px;
	}
}

/*	
	Button: Primary
----------------------------------------------*/
.btn-primary {
	border-color: #000;
	background-color: #fff;
	color: #000 !important;
}
.btn-primary:not(:disabled):not(.disabled):hover,
.btn-primary:not(:disabled):not(.disabled):focus,
.btn-primary:not(:disabled):not(.disabled):active {
	border-color: #000;
	background-color: #fff;
	outline: 0;
   	-webkit-box-shadow: none;
   	box-shadow: none !important;
}
.no-touchevents .btn-primary:not(:disabled):not(.disabled):hover {
	border-color: #000;
	background-color: #fff;
	color: #aec3d4 !important;
}
.text-light .btn-primary {
	border-color: #fff;
	background-color: #fff;
	color: #000 !important;
}
.no-touchevents .text-light .btn-primary:hover {
	border-color: #fff;
	background-color: #fff;
	color: #aec3d4 !important;
}


/*	
	Close
----------------------------------------------*/
.btn-close { 
	position: absolute; 
	top: 0; 
	right: 0;
	padding: 0;
	border: none;
	border-radius: 0;
	background-color: #fff;
	width: 60px; 
	height: 60px; 
	cursor: pointer; 
	-webkit-transition: all 200ms ease-out; 
			transition: all 200ms ease-out; 
}
.no-touchevents .btn-close:hover {
	
}
.btn-close::after, 
.btn-close::before { 
	position: absolute; 
	content: ""; 
	top: 50%; 
	left: 50%; 
	width: 50px; 
	height: 2px; 
	background-color: #000; 
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg); 
			transform: translate3d(-50%, -50%, 0) rotate(45deg); 
	-webkit-transition: all 400ms cubic-bezier(0.25, 0.6, 0.36, 1); 
			transition: all 400ms cubic-bezier(0.25, 0.6, 0.36, 1); 
}
.btn-close::before { 
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg); 
			transform: translate3d(-50%, -50%, 0) rotate(-45deg); 
	-webkit-transition-delay: 65ms; 
			transition-delay: 65ms; 
}
.no-touchevents .btn-close:hover::after { 
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(225deg); 
			transform: translate3d(-50%, -50%, 0) rotate(225deg); 
}
.no-touchevents .btn-close:hover::before { 
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(135deg); 
			transform: translate3d(-50%, -50%, 0) rotate(135deg); 
}
.btn-close:active { 
	-webkit-transition: none; 
			transition: none; 
}

.btn-width-200 {
	min-width: 200px;
}
.btn-width-220 {
	min-width: 220px;
}
.btn-width-240 {
	min-width: 240px;
}
.btn-width-260 {
	min-width: 260px;
}
.btn-width-280 {
	min-width: 280px;
}
.btn-width-300 {
	min-width: 300px;
}

/* 
	Arrow (Scroll Down)
------------------------------------------------*/
.arrow { 
	width: 22px; 
	height: 22px;
	display: inline-block; 
	position: relative; 
	fill: #000;
}
.text-light .arrow { fill: #fff; }
.arrow.arrow-top {
	-webkit-transform: rotate(90deg);
  	   -moz-transform: rotate(90deg);
  		-ms-transform: rotate(90deg);
  		 -o-transform: rotate(90deg);
  			transform: rotate(90deg);
}
.arrow.arrow-bottom {
	-webkit-transform: rotate(-90deg);
  	   -moz-transform: rotate(-90deg);
  		-ms-transform: rotate(-90deg);
  		 -o-transform: rotate(-90deg);
  			transform: rotate(-90deg);
}
.arrow.arrow-right {
	-webkit-transform: rotate(180deg);
  	   -moz-transform: rotate(180deg);
  		-ms-transform: rotate(180deg);
  		 -o-transform: rotate(180deg);
  			transform: rotate(180deg);
}


	
/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;border-color: #ccc #ccc #bbb;border-radius: 3px;background: #e6e6e6;color: rgba(0, 0, 0, 0.8);line-height: 1;padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;border: 1px solid #ccc;border-radius: 3px;padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*Wrapper Container & Content

*************************************************************/
.wrapper, 
.wrapper-mini, 
.wrapper-small, 
.wrapper-smallplus, 
.wrapper-plus, 
.wrapper-big,
.wrapper-huge,
.wrapper-full {
	position: relative;
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
}
.wrapper::after, 
.wrapper-mini::after, 
.wrapper-small::after, 
.wrapper-smallplus::after, 
.wrapper-plus::after, 
.wrapper-big::after,
.wrapper-huge::after,
.wrapper-full::after { 
	content: ""; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	height: 0; 
	font-size: 0;  
}
.wrapper-mini { max-width: 480px; }
.wrapper-small { max-width: 720px; }
.wrapper-smallplus { max-width: 960px; }
.wrapper,
.wrapper-plus,
.wrapper-big,
.wrapper-huge { max-width: 1080px; }
.wrapper-plus.fullwidth { max-width: 100%; }
@media (min-width: 1200px) {
	.wrapper-plus.xl-maxwidth { max-width: 1080px; }
}
@media (min-width: 1440px) {
	.wrapper { max-width: 1200px; }
	.wrapper-plus,
	.wrapper-plus.xl-maxwidth { max-width: 1440px; }
	.wrapper-big { max-width: 1680px; }
	.wrapper-huge { max-width: 1920px; }
}
.wrapper-full { max-width: 100%; }
.wrapper:not(.no-gutters),
.wrapper-mini:not(.no-gutters),
.wrapper-small:not(.no-gutters),
.wrapper-smallplus:not(.no-gutters),
.wrapper-plus:not(.no-gutters),
.wrapper-big:not(.no-gutters),
.wrapper-huge:not(.no-gutters),
.wrapper-full:not(.no-gutters) { 
	width: calc(100% - 40px);
	margin: 0 auto;
}
.wrapper.no-gutters,
.wrapper-mini.no-gutters,
.wrapper-small.no-gutters,
.wrapper-smallplus.no-gutters,
.wrapper-plus.no-gutters,
.wrapper-big.no-gutters,
.wrapper-full.no-gutters,
.wrapper-huge.no-gutters {
	width: 100%;
}
@media (min-width: 576px) {
	.wrapper.sm-no-gutters,
	.wrapper-mini.sm-no-gutters,
	.wrapper-small.sm-no-gutters,
	.wrapper-smallplus.sm-no-gutters,
	.wrapper-plus.sm-no-gutters,
	.wrapper-big.sm-no-gutters,
	.wrapper-full.sm-no-gutters,
	.wrapper-huge.sm-no-gutters {
		width: 100%;
	}
	.wrapper.sm-gutters,
	.wrapper-mini.sm-gutters,
	.wrapper-small.sm-gutters,
	.wrapper-smallplus.sm-gutters,
	.wrapper-plus.sm-gutters,
	.wrapper-big.sm-gutters,
	.wrapper-huge.sm-gutters,
	.wrapper-full.sm-gutters { 
		width: calc(100% - 40px);
	}
}
@media (min-width: 768px) {
	.wrapper:not(.no-gutters),
	.wrapper-mini:not(.no-gutters),
	.wrapper-small:not(.no-gutters),
	.wrapper-smallplus:not(.no-gutters),
	.wrapper-plus:not(.no-gutters),
	.wrapper-big:not(.no-gutters),
	.wrapper-huge:not(.no-gutters),
	.wrapper-full:not(.no-gutters) { 
		width: calc(100% - 60px);
	}
	.wrapper.sm-gutters,
	.wrapper-mini.sm-gutters,
	.wrapper-small.sm-gutters,
	.wrapper-smallplus.sm-gutters,
	.wrapper-plus.sm-gutters,
	.wrapper-big.sm-gutters,
	.wrapper-huge.sm-gutters,
	.wrapper-full.sm-gutters,
	.wrapper.md-gutters,
	.wrapper-mini.md-gutters,
	.wrapper-small.md-gutters,
	.wrapper-smallplus.md-gutters,
	.wrapper-plus.md-gutters,
	.wrapper-big.md-gutters,
	.wrapper-huge.md-gutters,
	.wrapper-full.md-gutters { 
		width: calc(100% - 60px);
	}
	.wrapper.md-no-gutters,
	.wrapper-mini.md-no-gutters,
	.wrapper-small.md-no-gutters,
	.wrapper-smallplus.md-no-gutters,
	.wrapper-plus.md-no-gutters,
	.wrapper-big.md-no-gutters,
	.wrapper-full.md-no-gutters,
	.wrapper-huge.md-no-gutters {
		width: 100%;
	}
}
@media (min-width: 992px) {
	.wrapper.lg-gutters,
	.wrapper-mini.lg-gutters,
	.wrapper-small.lg-gutters,
	.wrapper-smallplus.lg-gutters,
	.wrapper-plus.lg-gutters,
	.wrapper-big.lg-gutters,
	.wrapper-huge.lg-gutters,
	.wrapper-full.lg-gutters { 
		width: calc(100% - 60px);
	}
	.wrapper.lg-no-gutters,
	.wrapper-mini.lg-no-gutters,
	.wrapper-small.lg-no-gutters,
	.wrapper-smallplus.lg-no-gutters,
	.wrapper-plus.lg-no-gutters,
	.wrapper-big.lg-no-gutters,
	.wrapper-full.lg-no-gutters,
	.wrapper-huge.lg-no-gutters {
		width: 100%;
	}
}
@media (min-width: 1200px) {
	.wrapper.xl-gutters,
	.wrapper-mini.xl-gutters,
	.wrapper-small.xl-gutters,
	.wrapper-smallplus.xl-gutters,
	.wrapper-plus.xl-gutters,
	.wrapper-big.xl-gutters,
	.wrapper-huge.xl-gutters,
	.wrapper-full.xl-gutters { 
		width: calc(100% - 60px);
	}
	.wrapper.xl-no-gutters,
	.wrapper-mini.xl-no-gutters,
	.wrapper-small.xl-no-gutters,
	.wrapper-smallplus.xl-no-gutters,
	.wrapper-plus.xl-no-gutters,
	.wrapper-big.xl-no-gutters,
	.wrapper-full.xl-no-gutters,
	.wrapper-huge.xl-no-gutters {
		width: 100%;
	}
}
@media (min-width: 1440px) {
	.wrapper-plus,
	.wrapper-big,
	.wrapper-huge,
	.wrapper-full {
		padding-right: 2vw;
		padding-left: 2vw;
	}
}

/*----------

	Fullwidth Section and Fullwidth Content

*************************************************************/
.fullwidth-section,
.fullwidth-content {
	position: relative;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.fullwidth-section .fullwidth-content { 
	padding-top: 40px;
	padding-bottom: 40px;
}
@media (min-width: 768px) {
	.fullwidth-section .fullwidth-content { 
		padding-top: 50px;
		padding-bottom: 50px;
	}
}
@media (min-width: 1200px) {
	.fullwidth-section .fullwidth-content { 
		padding-top: 60px;
		padding-bottom: 60px;
	}
}
@media (min-width: 1440px) {
	.fullwidth-section .fullwidth-content { 
		padding-top: 70px;
		padding-bottom: 70px;
	}
}
@media (min-width: 1920px) {
	.fullwidth-section .fullwidth-content { 
		padding-top: 80px;
		padding-bottom: 80px;
	}
}
.fullwidth-section.nopadding > .fullwidth-content,
.fullwidth-section.no-padding > .fullwidth-content,
.fullwidth-content.nopadding,
.fullwidth-content.no-padding { 
	padding-top: 0;
	padding-bottom: 0; 
}



/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */

#nav-btn{
    cursor: pointer;height: 56px;opacity: 0;position: relative;right: 0;width: 56px;z-index: 1999;
}
#nav-btn + label{
    display: block;height: 4px;height: 56px;left: 18px;position: absolute;right: 18px;top: 44px;width: 56px;
}
#nav-btn + span{
    background-color: rgba(0,0,0,0.8);cursor: pointer;display: block;height: 3px;position: absolute;right: 0px;top: 38px;width: 50px;z-index: 1998;
}
@media (min-width: 992px) {
	#nav-btn + span{
		top: 44px;
	}
}
#nav-btn + span::before,
#nav-btn + span::after{
    background-color: rgba(0,0,0,0.8);content: "";display: block;height: 3px;left: 0;position: absolute;width: 50px;
}

.no-scrolling #nav-btn + span,
.no-scrolling #nav-btn + span::before,
.no-scrolling #nav-btn + span::after{background-color: rgba(255,255,255,0.8);}

.text-light .secondary-nav{
	color: #000 !important;
}
@media (min-width: 992px) {
	.text-light .secondary-nav{
		color: #f8f9fa !important;
	}
	.text-light #nav-btn + span,
	.text-light #nav-btn + span::before,
	.text-light #nav-btn + span::after{background-color: rgba(255,255,255,0.8);}
}

#nav-btn + span::before{
    top: -15px;
}
#nav-btn + span::after{
    bottom: -15px;
}
header.menu-is-open #nav-btn + span{
    background-color: #F5060A;
}
#nav-btn + span::before,
#nav-btn + span::after{
    transition-delay: 0.3s, 0s;transition-duration: 0.3s, 0.3s;
}
#nav-btn + span::before{
    transition-property: top, transform;
}
#nav-btn + span::after{
    transition-property: bottom, transform;
}
header.menu-is-open #nav-btn + span{
    background: none;
}
header.menu-is-open #nav-btn + span::before{
    top: 0;transform: rotate(45deg);
}
header.menu-is-open #nav-btn + span::after{
    bottom: 0;transform: rotate(-45deg);
}
header.menu-is-open #nav-btn + span::before,
header.menu-is-open #nav-btn + span::after{
    transition-delay: 0s, 0.3s;
}
header.menu-is-open nav{
    left: 0px;opacity: 100;position: fixed;visibility: 1;z-index: 1997; top:0;
}
nav{
	padding:100px 0;
	font-size:16px;
    background: rgba(0, 0, 0, 0.85) none repeat scroll 0% 0%; color:rgba(255, 255, 255, 0.7);height: 100%;opacity: 0;position: fixed; transition: opacity 0.5s ease-in-out 0s, visibility 0s ease-in-out 0.5s;visibility: 0;width: 100%;z-index: -99; overflow:hidden; top:-10000px;
}
nav p{font-size:24px;}
nav h2{margin-bottom:0;}
nav hr{background-color: rgba(255,255,255,0.3);}
nav ul{
    left: 0;moz-transition: all 1s ease-in-out;o-transition: all 1s ease-in-out;position: relative;top:0;transition: all 1s ease-in-out;webkit-transition: all 1s ease-in-out;
}
nav li{
    font-size: 30px;list-style: none;padding-bottom: 10px;text-align: left;
}
nav ul li a:hover{
    color: #fff;
}
nav li a{
    color: #fff;text-decoration: none;
}


/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-links {
	clear: both;margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;margin-bottom: 0;margin-top: 0;padding: 0;
}
.entry-content, .entry-summary, .page-content{
	position:relative;
}
.page-template-page-full-width .entry-content,
.page-template-page-full-width .entry-summary,
.page-template-page-full-width .page-content{ margin:0;}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;margin-left: auto;margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;display: grid;grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;text-align: center;width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute !important;width: 1px;word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;border-radius: 3px;box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);clip: auto !important;clip-path: none;color: #21759b;display: block;font-size: 0.875rem;font-weight: 700;height: auto;left: 5px;line-height: normal;padding: 15px 23px 14px;text-decoration: none;top: 5px;width: auto;z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;display: block;margin-left: auto;margin-right: auto;margin-bottom: 1.5em;
}



/* 
	Bootstrap Layout
----------------------------------------------*/
.container.container-nogutter,
.container-fluid.container-nogutter {
	padding-right: 0;
	padding-left: 0;
}
@media (max-width: 767px) {
	.container.container-sm-fluid {
		width: 100% !important;
		max-width: 100%;
		padding-right: 15px;
		padding-left: 15px;
	}
	.container.container-sm-nogutter,
	.container-fluid.container-sm-nogutter,
	.container.container-nogutter,
	.container-fluid.container-nogutter {
		padding-right: 0;
		padding-left: 0;
	}
}
@media (max-width: 991px) {
	.container.container-md-fluid {
		width: 100% !important;
		max-width: 100%;
		padding-right: 15px;
		padding-left: 15px;
	}
	.container.container-md-nogutter,
	.container-fluid.container-md-nogutter,
	.container.container-nogutter,
	.container-fluid.container-nogutter {
		padding-right: 0;
		padding-left: 0;
	}
}
@media (max-width: 1199px) {
	.container.container-lg-fluid {
		width: 100% !important;
		max-width: 100%;
		padding-right: 15px;
		padding-left: 15px;
	}
	.container.container-lg-nogutter,
	.container-fluid.container-lg-nogutter,
	.container.container-nogutter,
	.container-fluid.container-nogutter {
		padding-right: 0;
		padding-left: 0;
	}
}
@media (max-width: 1439px) {
	.container.container-xl-fluid {
		width: 100% !important;
		max-width: 100%;
		padding-right: 15px;
		padding-left: 15px;
	}
	.container.container-xl-nogutter,
	.container-fluid.container-xl-nogutter,
	.container.container-nogutter,
	.container-fluid.container-nogutter {
		padding-right: 0;
		padding-left: 0;
	}
}
@media (min-width: 1440px) {
	.container {
		max-width: 1200px;
	}
}
@media (min-width: 576px) {
	.container-outer .container {
		padding-left: 30px;
		padding-right: 30px;
	}
	.container-outer .container.container-nogutter {
		padding-left: 0;
		padding-right: 0;
	}
}
@media (max-width: 1199px) {
	.container-outer .container.container-lg-nogutter {
		padding-left: 0;
		padding-right: 0;
	}
}
	
/*----------

	Spacer

*************************************************************/
.spacer-mini { height: 20px; }
.spacer-small { height: 30px; }
.spacer,
.spacer-medium {  height: 50px; }
.spacer-big { height: 70px; }
.spacer-large { height: 80px; }
.spacer-sm { height: 20px; }
.spacer-md { height: 30px; }
.spacer-lg { height: 50px; }
.spacer-xl { height: 80px; }
.spacer-content { height: 40px; }
.spacer-anchor { height: 70px; }
@media (min-width: 768px) {
	.spacer-content { height: 50px; }
}
@media (min-width: 992px) {
	.spacer-mini { height: 25px; }
	.spacer-small { height: 40px; }
	.spacer,
	.spacer-medium { height: 60px; }
	.spacer-big { height: 100px; }
	.spacer-large { height: 120px; }
	.spacer-anchor { height: 80px; }
}
@media (min-width: 1440px) {
	.spacer-content { height: 60px; }
}

/* -----------------------------------------------------------------------------------

	05 WP Element

----------------------------------------------------------------------------------- */
.post, 
.page {
    margin: 0;
}
.widget-area .widget {
    margin: 0 0 30px 0;
}
.widget-area .widget:last-child {
	margin-bottom: 0;
}
.widget-area .search-form {
	position: relative;
	width: 100%;
}
.widget-area .search-form label {
	width: 100%;
	margin: 0;
	padding: 0;
}
.widget-title {
	font-size: 1em;
	color: #000;
	margin-bottom: 0.375em;
	position:relative;
	margin-bottom:50px;
}
.widget-title::before {
    content: '';
    display: block;
    width: 70px;
    height: 5px;
    bottom: 0;
    border-bottom: #91b1b9 solid 5px;
    text-align: left;
    margin: 0;
    position: absolute;
    left: 0;
    bottom: -25px;
}



.widget_recent_entries ul li,
.widget_archive ul li,
.widget_categories ul li,
.widget_meta ul li {
	list-style: none;
}

@media (min-width: 576px) {
	.the-content .wp-block-column:not(:first-child) {
		margin-left: 30px;
	}
}
.wp-block-column:nth-child(even) {
	margin-left: 0;
}
@media (min-width: 768px) {
	.wp-block-column:nth-child(even) {
		margin-left: 30px;
	}
}

.widget-area .search-form input[type="search"],
.widget-area .search-form .search-field {
    width: 100%;
	height: 50px;
    line-height: 48px;
    margin: 0;
    padding: 0 65px 0 15px;
    border-radius: 2px;
	border: 1px solid #000;
	background-color: #fff;
    font-size: 0.875em;
}
.widget-area .search-form .search-submit {
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    padding: 0;
    border-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
	background: #fff url(../images/icon-search.svg) 50% 50% no-repeat;
    background-size: 20px 20px;
	border: 1px solid #000;
    font-size: 0.875em;
    text-align: center;
    cursor: pointer;
}
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

figure.wp-block-image,
.wp-block-image figure {
	margin-bottom: 2em;
}

.aligncenter {
	text-align: center;
}

/* -----------------------------------------------------------------------------------

	06 Plugin

----------------------------------------------------------------------------------- */
/* 
	Swiper
----------------------------------------------*/
.swiper-slide a {
	color: #000 !important;
}
.swiper-slide a:hover {
	color: rgba(0,0,0,0.75) !important;
}
.swiper-slide.text-light a {
	color: #fff !important;
}
.swiper-slide.text-light a:hover {
	color: rgba(255,255,255,0.75) !important;
}
.slide-media {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
.slide-media video { 
	position: absolute; 
	top: 50%; 
	left: 50%; 
	min-width: 100%; 
	min-height: 100%; 
	width: auto; 
	height: auto; 
	-webkit-transform: translateX(-50%) translateY(-50%);
       -moz-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		 -o-transform: translateX(-50%) translateY(-50%);
    		transform: translateX(-50%) translateY(-50%);
}
.slide-overlay {
	z-index: 1; 
	position: absolute; 
	top: 0; 
	left: 0; 
	bottom: 0; 
	right: 0; 
	width: 100%;
	height: 100%;
	padding: 0; 
	margin: 0;
	background-color: rgba(0,0,0,0.25);
	overflow: hidden;
}
.slide-entry {
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.slide-entry .entry-overlay {
	z-index: 1; 
	position: absolute; 
	top: 0; 
	left: 0; 
	bottom: 0; 
	right: 0; 
	padding: 0; 
	margin: 0;
	background-color: rgba(0,0,0,0.25);
	overflow: hidden;
}
.slide-entry .entry-overlay.overlay-bottom {
	background-color: transparent;
	background: url(../images/overlay-bottom.png) 50% 50% no-repeat;
	background-size: cover;
}
.slide-entry .entry-inner {
	z-index: 2;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	-webkit-transform: translateY(-50%) translateX(-50%); 
	   -moz-transform: translateY(-50%) translateX(-50%); 
		-ms-transform: translateY(-50%) translateX(-50%); 
		 -o-transform: translateY(-50%) translateX(-50%); 
			transform: translateY(-50%) translateX(-50%);
}
.slide-entry .entry-inner.inner-meta {
	top: 0;
	left: 0;
	width: 100%;
    -webkit-transform: translateZ(0);
    		transform: translateZ(0);
}
.slide-entry .entry-inner.inner-meta .text-meta {
	padding: 30px 0 0 15px;
	border-left: 1px solid #000;
	font-family: 'camptonbold', 'chulalongkornbold', sans-serif; 
	font-size: 1em;
	line-height: 1;
	margin-bottom: 0;
}
.text-light .slide-entry .entry-inner.inner-meta .text-meta {
	border-left: 1px solid #fff;
}
.slide-entry .entry-inner.inner-top {
	top: 25%;
	left: 0;
	width: 100%;
    -webkit-transform: translateZ(0);
    		transform: translateZ(0);
}
.slide-entry .entry-inner.inner-bottom {
	top: auto;
	left: 0;
	bottom: 10%;
	width: 100%;
    -webkit-transform: translateZ(0);
    		transform: translateZ(0);
}
.slide-entry .text-title-1 {
	font-size: 1.25em;
	line-height: 1.5;
	margin-bottom: 0;
}
.text-light .slide-entry .text-title-1 { 
	text-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}
.slide-entry .text-title-2 {
	font-size: 0.75em;
	line-height: 1.625;
	margin-bottom: 0;
}
.text-light .slide-entry .text-title-2 {
	text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}
.slide-entry .text-title-1 + .text-title-2 {
	margin-top: 5px;
}
.slide-entry .text-title-1 a,
.slide-entry .text-title-2 a {
	text-decoration: none;
}
.slide-icon {
	z-index: 3;
	position: absolute;
	width: 60px;
	height: 60px;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -30px;
}
.slide-icon .icon-entry a {
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    font-size: 1.5em;
    color: rgba(255, 255, 255, 0.75) !important;
    text-align: center;
}
.slide-icon .icon-entry a:hover {
	background-color: rgba(0, 0, 0, 0.75);
	color: #fff !important;
}
@media (min-width: 576px) {
	.slide-entry .entry-inner.inner-meta .text-meta {
		font-size: 1.125em;
	}
}
@media (min-width: 992px) {
	.slide-entry .entry-inner.inner-top {
		top: 16.666667%;
	}
	.slide-entry .entry-inner.inner-meta .text-meta {
		font-size: 1.25em;
	}
	.slide-entry .text-title-1 {
		font-size: 1.75em;
	}
	.slide-entry .text-title-2 {
		font-size: 1em;
	}
	.slide-entry .text-title-1 + .text-title-2 {
		margin-top: 10px;
	}
}
@media (min-width: 1440px) {
	.slide-entry .entry-inner.inner-meta .text-meta {
		padding-top: 50px;
	}
	.slide-entry .text-title-1 {
		font-size: 2em;
	}
	.slide-entry .text-title-2 {
		font-size: 1.125em;
	}
}
.swiper-container-horizontal >.swiper-pagination-bullets, 
.swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
}
.swiper-pagination-bullet-active {
    background: #fff;
}
@media (min-width: 992px) {
	.swiper-container-horizontal >.swiper-pagination-bullets, 
	.swiper-pagination-custom, .swiper-pagination-fraction {
		bottom: 15px;
	}
}
@media (min-width: 1440px) {
	.swiper-container-horizontal >.swiper-pagination-bullets, 
	.swiper-pagination-custom, .swiper-pagination-fraction {
		bottom: 30px;
	}
}

/*----------

	Plugin: WP Pagination

*************************************************************/
.wp-pagenavi { 
	width: 100%; 
	margin: 0; 
	padding: 50px 0; 
	text-align: left; 
	font-size: 1.125em;
	clear: both;
}
.wp-pagenavi a { 
	display: inline-block; 
	width: 44px;
	height: 44px; 
	line-height: 44px;
	margin: 0 6px 6px 0;
	padding: 0; 
	border: none;
	border-radius: 100%;
	background-color: #f1f3f5;
	color: #000;
	text-decoration: none; 
	text-align: center;
}
.bg-light .wp-pagenavi a { 
	background-color: #fff;
	box-shadow: 0 15px 30px -25px rgba(0,0,0,0.5);
}
.wp-pagenavi a:hover {
	background-color: #aec3d4;
	color: #fff; 
}
.wp-pagenavi span { 
	display: inline-block; 
	height: 44px; 
	line-height: 44px; 
	margin: 0 6px 6px 0; 
	padding: 0 15px; 
	border: none;
	color: #000; 
	text-decoration: none; 
}
.wp-pagenavi span.pages {
	margin: 0 12px 6px 0;
	padding-right: 0;
	padding-left: 0;
	background-color: transparent; 
	color: #000;
	text-transform: uppercase;
}
.wp-pagenavi span.current { 
	width: 44px;
	height: 44px; 
	line-height: 44px; 
	margin: 0 6px 6px 0;
	padding: 0; 
	border: none;
	border-radius: 100%;
	background-color: #b43b6b; 
	color: #fff; 
	text-align: center;
}
.wp-pagenavi a.first,
.wp-pagenavi a.last {
	width: auto;
	border-radius: 22px;
	padding-left: 15px;
	padding-right: 15px;
}
@media (min-width: 768px) { 
	.wp-pagenavi { 
		padding: 80px 0; 
	}
}


/*----------

	Plugin: Seed Social

*************************************************************/

[class^="ss-"]:before,
[class*=" ss-"]:before {
	font-family: "seed-social" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.ss-facebook:before {content: "\e000";}
.ss-facebook-circled:before {content: "\e001";}
.ss-facebook-squared:before {content: "\e002";}
.ss-twitter:before {content: "\e003";}
.ss-twitter-circled:before {content: "\e004";}
.ss-line-square:before {content: "\e006";}
.ss-line-circle:before {content: "\e007";}
.ss-seedthemes:before {content: "\e00a";}
.ss-line:before {content: "\e005";}


.seed-social {
	font-family: sans-serif;
	font-size: 12px;
	line-height: 20px;
	margin: 20px 0;
	text-align: center;
}
.seed-social * {box-sizing: border-box;}
.seed-social:before,
.seed-social:after{content: "";display: table;}
.seed-social:after {clear: both;}

.seed-social > div {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 0;
	overflow: hidden;
	vertical-align: top;
}
.seed-social > div:last-of-type,
.seed-social > div:last-of-type a {
	margin-right: 0;
}
.seed-social i {
	font-size: 20px;
	color: #fff;
	transition: 0.3s ease;
	padding: 0 3px;
}
.seed-social span {
	color: #fff;
	transition: 0.3s ease;
}
.seed-social a {
	color: #fff !important;
	text-decoration: none !important;
	display: block;
	height: 40px;
	min-width: 80px;
	border-radius: 3px;
	text-align: center;
	padding: 4px;
	line-height: 37px;
	box-shadow: none !important;
}
.seed-social a:hover,
.seed-social a:active,
.seed-social a:focus {
	color: #fff;
}
.seed-social a:hover span,
.seed-social a:hover i {
	opacity: 0.8;
}
.seed-social a:active span,
.seed-social a:active i {
	opacity: 0.5;
}
.seed-social .text {
	display: none;
}
.seed-social .count {
	vertical-align: 4px;
	padding: 0;
	background: none;
	float: none;
	font-size: inherit;
}
.seed-social .facebook a{
	background-color: #3b5998;
	float: left;
}
.seed-social .twitter a{
	background-color: #55acee;
}
.seed-social .line a{
	background-color: #00c300;
}
@media (min-width: 768px) {
	.seed-social {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.seed-social i {
		font-size: 16px;
		vertical-align: -3px;
	}
	.seed-social a {
		color: #fff;
		display: block;
		padding: 7px 12px 5px 8px;
		border-radius: 3px;
		width: auto;
		height: auto;
		line-height: 20px;
	}
	.seed-social .text {
		margin-left: 4px;
		display: inline-block;
	}
	.seed-social .count {
		vertical-align: 0;
		margin-left: 8px;
	}
}
@media (min-width: 1440px) {
	.seed-social {
		margin-top: 40px;
		margin-bottom: 40px;
	}
}
@media (max-width: 767px) {
	.seed-social a {
		width: 40px;
		height: 40px;
		min-width: 40px;
		border-radius: 100%;
	}
	.seed-social > div {
		margin-right: 10px;
		margin-bottom: 0;
	}
}

/* 
	Magnific Lightbox
----------------------------------------------*/
.mfp-container *{transition-timing-function:none;-moz-transition-timing-function:none;-webkit-transition-timing-function:none;-o-transition-timing-function:none;transition-duration:0s;-moz-transition-duration:0s;-webkit-transition-duration:0s;-o-transition-duration:0s}.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1520;overflow:hidden;position:fixed;background:rgba(0,0,0,.95);opacity:.95}.mfp-black-bg{background:rgba(0,0,0,.95)}.mfp-white-bg{background:rgba(255,255,255,.95)}.overflow-hidden .mfp-content{height:100%}.overflow-hidden .mfp-iframe-holder .mfp-content{height:auto}#search-header .mfp-close{background-color:transparent!important;color:#484848!important;font-size:25px!important;height:60px;width:60px}.search-popup{cursor:default!important}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1521;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-container figure:hover img{transform:none;opacity:1}.image-popup-no-margins img,.image-popup-vertical-fit img,.lightbox-gallery img,.popup-gallery img,.single-image-lightbox img{cursor:url(../images/icon-zoom.png),pointer}.portfolio-nav .mfp-close{position:inherit}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.search-popup{position:initial}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-close-btn-in,.mfp-content,.mfp-iframe-holder,.mfp-image-holder,.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:url(../images/icon-zoom-out.png),pointer}#popup-form{cursor:default}.zoom-gallery img{cursor:url(../images/icon-zoom.png),pointer}zoom-in .mfp-zoom{cursor:url(../images/icon-zoom.png),pointer}.mfp-auto-cursor .mfp-content{cursor:url(../images/icon-zoom-out.png),pointer}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:34px;height:34px;line-height:34px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;padding:0 0 18px 10px;font-style:normal;background-color:#000!important;color:#fff!important;font-size:18px}.mfp-ajax-holder .mfp-close,.mfp-iframe-holder .mfp-close{display: block!important}.mfp-figure .mfp-close{display:none}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#000;font-size:37px;padding-right:6px;right:-6px;top:-27px;width:100%}.mfp-counter{display:none;position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #000}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{border-left:27px solid #000}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 auto;cursor:default;cursor:pointer;padding:10px;background:#fff}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{position:absolute;top:100%;left:0;width:100%;padding-bottom:30px;cursor:auto}.mfp-title{text-align:center;text-transform:uppercase;word-wrap:break-word;font-family:Montserrat,sans-serif!important;font-family:psu_stidtiregular,sans-serif!important;color:#fff;line-height:1.6em;padding:15px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:0;padding-right:0}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.mfp-figure{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.4s;-moz-animation-duration:.4s;-ms-animation-duration:.4s;-o-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden}.my-mfp-zoom-in .zoom-anim-dialog{opacity:0;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog{-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8);opacity:0}.my-mfp-zoom-in.mfp-bg{opacity:0;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.my-mfp-zoom-in.mfp-ready.mfp-bg{opacity:.8}.my-mfp-zoom-in.mfp-removing.mfp-bg{opacity:0}.my-mfp-slide-bottom .zoom-anim-dialog{opacity:0;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;-webkit-transform:translateY(-20px) perspective(600px) rotateX(10deg);-moz-transform:translateY(-20px) perspective(600px) rotateX(10deg);-ms-transform:translateY(-20px) perspective(600px) rotateX(10deg);-o-transform:translateY(-20px) perspective(600px) rotateX(10deg);transform:translateY(-20px) perspective(600px) rotateX(10deg)}.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog{opacity:1;-webkit-transform:translateY(0) perspective(600px) rotateX(0);-moz-transform:translateY(0) perspective(600px) rotateX(0);-ms-transform:translateY(0) perspective(600px) rotateX(0);-o-transform:translateY(0) perspective(600px) rotateX(0);transform:translateY(0) perspective(600px) rotateX(0)}.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog{opacity:0;-webkit-transform:translateY(-10px) perspective(600px) rotateX(10deg);-moz-transform:translateY(-10px) perspective(600px) rotateX(10deg);-ms-transform:translateY(-10px) perspective(600px) rotateX(10deg);-o-transform:translateY(-10px) perspective(600px) rotateX(10deg);transform:translateY(-10px) perspective(600px) rotateX(10deg)}.my-mfp-slide-bottom.mfp-bg{opacity:0;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.my-mfp-slide-bottom.mfp-ready.mfp-bg{opacity:.8}.my-mfp-slide-bottom.mfp-removing.mfp-bg{opacity:0}.mfp-fade.mfp-bg{opacity:0;-webkit-transition:all .15s ease-out;-moz-transition:all .15s ease-out;transition:all .15s ease-out}.mfp-fade.mfp-bg.mfp-ready{opacity:1}.mfp-fade.mfp-bg.mfp-removing{opacity:0}.mfp-fade.mfp-wrap .mfp-content{opacity:0;-webkit-transition:all .15s ease-out;-moz-transition:all .15s ease-out;transition:all .15s ease-out}.mfp-fade.mfp-wrap.mfp-ready .mfp-content{opacity:1}.mfp-fade.mfp-wrap.mfp-removing .mfp-content{opacity:0}

/* 
	Search Site
------------------------------------------------*/
.searchsite-toggle {
	z-index: 10;
	position:relative;
	top: 0;
	right: auto;
	display: block;
	width: 66px;
	height: 70px;
	background: none;
	cursor: pointer;
	text-align: center;
	line-height: 86px;
	left:0;
	top: 0;
	height: 80px;
	width: 80px;
}
@media (min-width: 576px) {
	.searchsite-toggle {
		right: auto;
		width: 80px;
		height: 80px;
		
	}
}
@media (min-width: 992px) {
	.searchsite-toggle {
		top: 0;
		right: auto;
		left: 0;
	}
}

/* 
	Search Site Container (Form and Suggest)
------------------------------------------------*/
.searchsite-container { 
	z-index: 1602; 
	position: fixed; 
	top: 0; 
	right: 0; 
	bottom: 0;
	left: 0;
	width: 100%;
	background: #f1f3f5; 
	pointer-events: none; 
	opacity: 0; 
	visibility: hidden;
	transition: all 0.3s ease;
}
.searchsite-is-open .searchsite-container { 
	pointer-events: auto; 
	opacity: 1;
	visibility: visible;
	overflow-y: hidden;
}
.searchsite-container .btn-close {
	z-index: 10;
	width: 70px;
	height: 70px;
	background-color: transparent;
}
.searchsite-inner {
	position: relative;
	padding: 0 0 60px 0;
}
.searchsite-inner .searchsite-title {
	line-height: 70px;	
	margin-bottom: 0;
	padding: 0 20px;
	font-size: 1.125em;
	color: #000;
}
.searchsite-form {
	z-index: 1;
	display: block;
	margin: 0 0 60px 0;
	padding: 0;
}
.searchsite-container .searchsite-input {
	float: left;
	display: inline-block; 
	box-sizing: border-box; 
	width: 100%;
	height: 70px;
	line-height: 70px;
	padding: 0 70px 0 20px;
	border: none;
	border-radius: 0;
	background-color: #fff; 
	font-size: 1.125em;
	color: #000;
	box-shadow: 0 3px 5px 0 rgba(0,0,0,.1);
}
.searchsite-container .searchsite-input::-webkit-input-placeholder {
	opacity: 0.25; 
	color: #000; 
}
.searchsite-container .searchsite-input::-moz-placeholder {
	opacity: 0.25; 
	color: #000; 
}
.searchsite-container .searchsite-input:-ms-input-placeholder {
	opacity: 0.25; 
	color: #000; 
}
.searchsite-container .searchsite-input::-webkit-search-cancel-button,
.searchsite-container .searchsite-input::-webkit-search-decoration { 
	-webkit-appearance: none; 
}
.searchsite-container .searchsite-input::-ms-clear { 
	display: none; 
}
.searchsite-container .searchsite-submit {
	position: absolute;  
	right: 0;
	width: 70px;
	height: 70px;
	line-height: 70px;
	padding: 0;
	border: none;
	border-radius: 0;
	text-align: center;
	cursor: pointer;
}
@media (min-width: 576px) { 
	.searchsite-container .btn-close {
		width: 80px;
		height: 80px;
	}
	.searchsite-inner .searchsite-title {
		line-height: 80px;	
	}
	.searchsite-container .searchsite-input {
		height: 80px;
		line-height: 80px;
		padding: 0 80px 0 20px;
	}
	.searchsite-container .searchsite-submit {
		width: 80px;
		height: 80px;
		line-height: 80px;
	}
}
@media (min-width: 768px) { 
	.searchsite-container {
		padding-top: 40px;
	}
	.searchsite-inner .searchsite-title {
		padding: 0;
	}
	.searchsite-container .searchsite-input {
		padding-left: 30px;
		font-size: 1.25em;
	}
}
@media (min-width: 992px) { 
	.searchsite-container {
		width: 100%;
		padding-top: 80px;
	}
	.searchsite-container .btn-close {
		width: 80px;
		height: 80px;
	}
	.searchsite-inner {
		padding: 0 0 80px 0;
	}
	.searchsite-inner .searchsite-title {
		font-size: 1.25em;
		line-height: 70px;	
	}
	.searchsite-form {
		margin-bottom: 40px;
	}
	.searchsite-container .searchsite-submit {
		width: 80px;
		height: 80px;
		line-height: 80px;
	}
}


/* 
	Logo
------------------------------------------------*/
.inner-header{ display:flex;flex-direction: row;}
#logo {
	z-index: 1502;
	position: relative;
	top: 10px;
	left: 0px;
	width: auto;
	text-align: center;
	transition: all 0.3s ease;
}
#logo img {
	/*display: none;*/
}
#logo .logo-header {
	width: 138px;
	height: 50px;
	margin: 0;
	transition: all 0.3s ease;
}
#logo-dark {

}
#logo-light {

}
/*
.site-en #logo-dark {
	background: url(../images/logo-chula-en-dark.svg) 0 0 no-repeat;
	background-size: 168px 60px;
	background-position: top left;
}
.site-en #logo-light {
	background: url(../images/logo-chula-en-light.svg) 0 0 no-repeat;
	background-size: 168px 60px;
	background-position: top left;
}
*/
#logo-dark + #logo-light {
	position: absolute;
	top: 0; 
	left: 0;
	opacity: 0;
	visibility: hidden;
}
#logo img{max-height:58px;}

@media (min-width: 576px) { 
	#logo,#logo .logo-header {
		width: auto;
	}
	#logo .logo-header {
		height: 60px;
	}
	#logo,#logo .logo-header {
		width: auto;
	}
	#logo-dark,
	#logo-light {
		background-size: 166px 60px;
	}
}
@media (min-width: 768px) { 
	#logo {
		left: 0;
	}
	#logo .logo-header {
		margin: 0;
		padding-top: 0;
		padding-bottom: 0;
	}
	#logo.hide .logo-header {
		display: none;
	}
}
@media (min-width: 992px) { 
	#logo {
		left: 0;
		width: auto;
		margin-right:15px;
	}
	#logo img{max-height:88px;}

	#header.text-light #logo-dark { 
		opacity: 0; 
		visibility: hidden; 
	}
	#header.text-light #logo-dark + #logo-light { 
		opacity: 1; 
		visibility: visible; 
	}
}
@media all and (max-width:576px){
	#logo { left:-15px;}

}
/* 
	Secondary Nav
------------------------------------------------*/
.secondary-nav {
	position: relative;
	flex-direction: row;
	height: 77px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	z-index: 1505;
	flex-direction: row;
	flex: auto;
}

.topbar-area{margin-top:35px;}
.secondary-nav .widget_polylang select {border-radius:10px;font-family: 'psu_stidtiregular', sans-serif; font-size:18px;}
.secondary-nav .widget_polylang select option{background:none;-webkit-appearance: none;}


@media (min-width: 992px) { 
	.text-light .secondary-nav .widget_polylang select {border:1px solid #000; color:#000;	-webkit-filter: invert(100%); filter: invert(100%);}
	.secondary-nav {
		height:97px;
		border-bottom: 1px solid rgba(0,0,0,0.8);

	}
	.text-light .secondary-nav{
		border-bottom: 1px solid rgba(255,255,255,0.8);
	}
	.menu-secondary {
		display: flex;
    	flex-flow: row wrap;
		margin: 0;
		padding: 0 30px 0 0;
	}
	
	.menu-secondary li {
		position: relative;
		list-style: none;
		margin: 5px 0 5px 20px;
	}
	ul.menu-secondary li:first-child {
		margin-top: 5px;
	}
	.menu-secondary > li > a {
		position: relative;
		display: inline-block;
		line-height: 30px;
		color: #000;
	}
	.no-touchevents .menu-secondary a:hover {
		color: #aec3d4;
	}
	.text-light .menu-secondary > li > a {
		color: #fff;
	}
	.no-touchevents .text-light .menu-secondary a:hover {
		color: #fff;
	}
}

}
@media (min-width: 992px) { 
	.secondary-nav {
		font-size: 1em;
	}
	.menu-secondary {
		padding-right: 30px;
	}
	.menu-secondary li {
		margin-left: 24px;
	}

}
@media (min-width: 1440px) { 
	.menu-secondary {
		padding-right: calc(30px + 2vw);
	}
}
/*
header
----------------------------------------------------------------------------------- */
header { 
	z-index: 1501;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	box-sizing: border-box;
	transition: all 799ms cubic-bezier(0.740, 0.215, 0.125, 1.020);
	transition-timing-function: cubic-bezier(0.740, 0.215, 0.125, 1.020);
	transition-delay: 0.05s;
	font-family: 'psu_stidtiregular', sans-serif;
	background:#fff;
}
header.menu-is-open #menu-inner
 {
    transition-delay: 0.2s;
    opacity: 1;
    visibility: visible;
    overflow-y: scroll;
}
@media (min-width: 576px) {
	header { 
		height: 80px;
	}
}
@media (min-width: 992px) {
	header {
		width: 100%;
		position:absolute;
		background:none;
	}
	.search-results header { position:relative;}
	header.menu-is-open { 
		width: 100%; 
		transition-delay: 0s; 
	}
	#menu-inner {
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		width: 100%;
	}
	#menu .fullwidth-content,
	#menu .no-gutters{height:100%;}
}

/*
	09 Main Menu

----------------------------------------------------------------------------------- */
.menu-main-menu-container {
	z-index: 1502;
	position: fixed;
	top: 70px;
    left: 0;
    width: 100%;
    height: calc(100% - 70px);
    margin-top: 0;
	padding-top: 44px;
	padding-bottom: 44px;
    -webkit-background-clip: padding-box; /* for Safari */
			background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
    transition: all 0.3s ease 0.3s;
    opacity: 1;
	visibility: visible;
    overflow: hidden;
}
@media (min-width: 576px) {
	.menu-main-menu-container {
		top: 80px;
		height: calc(100% - 80px);
		padding-top: 0;
	}
}
@media (min-width: 992px) { 
	.menu-main-menu-container {
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;	
		padding: 0 10px;
	}
}
header.menu-is-open .menu-main-menu-container {
	transition-delay: 0.2s;
	opacity: 1;
	visibility: visible;
	overflow-y: scroll;
}

.menu-primary {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.menu-primary li {
	list-style: none;
}
.menu-primary li + li {
	margin-top: 0;
}
.menu-primary > li { 
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid rgba(255,255,255,0.3);
	transform: translateX(-50px);
	transition: all 0.5s ease;
	transition-delay: 0s;
	opacity: 0;
	visibility: hidden;
}
.menu-primary > ul > li:first-child { 
	border-top: 1px solid #f1f3f5;
}
header.menu-is-open .menu-primary > li { 
	transform: translateX(0); 
	opacity: 1;
	visibility: visible;
}
header.menu-is-open .menu-primary > li { transition-delay: 0.3s; }
header.menu-is-open .menu-primary > li:nth-child(2) { transition-delay: 0.34s; }
header.menu-is-open .menu-primary > li:nth-child(3) { transition-delay: 0.38s; }
header.menu-is-open .menu-primary > li:nth-child(4) { transition-delay: 0.42s; }
header.menu-is-open .menu-primary > li:nth-child(5) { transition-delay: 0.46s; }
header.menu-is-open .menu-primary > li:nth-child(6) { transition-delay: 0.50s; }
header.menu-is-open .menu-primary > li:nth-child(7) { transition-delay: 0.54s; }
header.menu-is-open .menu-primary > li:nth-child(8) { transition-delay: 0.58s; }
header.menu-is-open .menu-primary > li:nth-child(9) { transition-delay: 0.62s; }
header.menu-is-open .menu-primary > li:nth-child(10) { transition-delay: 0.66s; }
.menu-primary a {
	position: relative;
	display: block;
	width: auto;
	height: auto;
	line-height: 1;
	padding: 10px 20px;
	font-size: 16px;
	color: #fff;
	text-decoration: none !important;
	transition: all 0.3s ease;
}
.menu-primary li.current-menu-item > a,
.menu-primary li.current_page_item > a,
.menu-primary li.current-page-ancestor > a,
.menu-primary li.current-menu-ancestor > a,
.menu-primary li.current-menu-parent > a,
.menu-primary li.current-page-parent > a,
.menu-primary li.current_page_parent > a,
.menu-primary li.current_page_ancestor > a,
.menu-primary a:hover {
	color: #aec3d4 !important;
}
.menu-primary ul.sub-menu {
	display: none;
	position: relative;
	width: auto;
	margin: 0;
	padding: 0;
}
.menu-primary ul.sub-menu li {
	border-top: 1px solid rgba(255,255,255,0.3); padding:0;
}
.menu-primary ul.sub-menu > li > a {
	padding-left: 40px;
}
.menu-primary ul.sub-menu ul.sub-menu > li > a {
	padding-left: 60px;
}
.menu-primary a.submenu-open {
	color: #aec3d4;
}
.menu-primary ul.sub-menu a.submenu-open {
	color: #aec3d4;
}
.menu-primary ul.sub-menu::after {
	content: '';
	position: absolute;
	top: 0;
	left: 20px;
	width: 1px;
	height: 100%;
	background-color: #707a82;
}
.menu-primary ul.sub-menu ul.sub-menu::after {
	left: 40px;
}
.menu-primary li.menu-item-has-children > a {
	padding-right: 66px;
}
.menu-primary li.menu-item-has-children > a::before {
	content: "\f067";
	font-family: 'Font Awesome\ 5 Free';
	font-weight: 900;
	z-index: 1;
	position: absolute;
	top: 10px;
	right: 0px;
	width: 66px;
	line-height: 24px;
	font-size: 0.75rem;
	color: #a1a3a5;
	text-align: center;
	transition: all 0.3s ease;
}
.menu-primary li.menu-item-has-children > a.submenu-open::before {
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
	  	 -o-transform: rotate(-45deg);
	  	    transform: rotate(-45deg);
	color: #aec3d4;
}
@media (min-width: 576px) { 
	.menu-primary li.menu-item-has-children > a {
		padding-right: 80px;
	}
	.menu-primary li.menu-item-has-children > a::before {
		width: 80px;
	}
}
@media (min-width: 768px) { 
	.menu-primary > li > a {
		padding-left: 30px;
	}
	.menu-primary ul.sub-menu > li > a {
		padding-left: 50px;
	}
	.menu-primary ul.sub-menu ul.sub-menu > li > a {
		padding-left: 70px;
	}
	.menu-primary ul.sub-menu::after {
		left: 30px;
	}
	.menu-primary ul.sub-menu ul.sub-menu::after {
		left: 50px;
	}
}
@media (min-width: 992px) { 
	.menu-primary {
		margin-left: 30px;
	}
	.menu-primary > li > a {
		padding-left: 0;
	}
	.menu-primary ul.sub-menu > li > a {
		padding-left: 20px;
	}
	.menu-primary ul.sub-menu ul.sub-menu > li > a {
		padding-left: 40px;
	}
	.menu-primary li.menu-item-has-children > a {
		padding-right: 44px;
	}
	.menu-primary li.menu-item-has-children > a::before {
		width: 44px;
	}
	.menu-primary ul.sub-menu::after {
		left: 0;
	}
	.menu-primary ul.sub-menu ul.sub-menu::after {
		left: 20px;
	}
}

/* -----------------------------------------------------------------------------------

	10 Footer

----------------------------------------------------------------------------------- */
#footer {
	padding-top: 30px;
	padding-bottom: 25px;
	text-align: center;
	background:#1d262d;
	font-size: 16px;
}
#footer .row{flex-direction: row;}
.logo-footer img{ height:50px;filter: brightness(0) invert(0.8);}
.contact-footer{display: flex;flex-direction: row-reverse;flex: 20 1 auto;justify-content: right;margin-left:25px; padding-left:25px; padding-top:0px; border-left:0px solid #e6e6e6;}
.link-contact{height:45px;  display:inline-block; vertical-align:top;}
.contact-footer a:hover{color:#fff;}
.link-text-contact{font-size:2em; color:#e6e6e6;line-height:45px;display:inline-block; margin:0 20px; }
.fa-footer { width:50px;color:#e6e6e6;border-radius:10px; overflow:hidden; text-align:center; margin-left:7px;width:45px; height:45px; line-height:45px; padding:0;}
.fa-footer.fa-border{ color:#1d262d; background:#e6e6e6;border:1px solid #e6e6e6;font-size: 1.8em;height: 42px;margin-top: 2px;width: 42px;line-height: 1.4em;}
#footer .text-title {
	font-size: 1.375em;
	margin-bottom: 15px;
}
#footer p {
	margin-bottom: 0.375em;
}
@media (min-width: 576px) { 
	#footer {
		text-align: left;
	}
	#footer .text-title {
		font-size: 1.5em;
	}
}

/* 
	Sub Logo (Footer)
------------------------------------------------*/
.logo-sub {
    width: 122px;
    height: 60px;
    margin: 0 auto 1.5em auto;
    background: url(../images/logo-chula-sub-2020-color.svg) 0 0 no-repeat;
    background-size: 122px 60px;
}
.logo-sub a {
	display: block;
	width: 100%;
	height: 100%;
}
@media (min-width: 576px) {
	.logo-sub {
		margin-bottom: 2em;
	}
}
@media (min-width: 768px) {
	.logo-sub {
		margin-left: 0;
		margin-right: 0;
	}
}

/* 
	Social Media Links
------------------------------------------------*/
.menu-socialmedia {
	margin: 30px 0;
	padding: 0;
}
.menu-socialmedia li {
	display: inline-block;
	margin: 0 15px;
}
@media (min-width: 576px) {
	.menu-socialmedia li {
		margin-left: 0;
	}
}
@media (min-width: 992px) {
	.menu-socialmedia {
		margin-bottom: 0;
	}
}
@media (min-width: 1200px) {
	.menu-socialmedia li {
		font-size: 1.25em;
		margin-right: 20px;
	}
}
.menu-socialmedia a,
.menu-socialmedia a:visited { color:  #000 !important; }
.menu-socialmedia .facebook a:hover i { color: #446ebf !important; }
.menu-socialmedia .twitter a:hover i { color: #39aadc !important; }
.menu-socialmedia .youtube a:hover i { color: #ee423d !important; }
.menu-socialmedia .instagram a:hover i { color: #95604b !important; }
.menu-socialmedia .line a:hover i { color: #00b900 !important; }

/* -----------------------------------------------------------------------------------

	11 Hero - Page Title

----------------------------------------------------------------------------------- */
#hero {
	position: relative;
	background-color: #fff;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}	
#hero.text-light::before{ content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../../../../asset/images/bg_shadow_hero.png) rgba(0, 0, 0, 0.3) repeat-x top;
  top: 0;
  z-index: 1;}
  
#hero.text-light { 
	background-color: #000;
}
#hero h1{margin-bottom:0; }
#hero.text-light h1{ text-shadow:0 2px #000;}
#hero .textgroup-title {
	position: relative;
	padding-bottom: 12px;
}
#hero.hero-full .textgroup-title,
#hero.hero-big .textgroup-title {
	padding-bottom: 22px;
}
#hero .textgroup-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 2px;
    background-color: #000;
}
#hero.text-light .textgroup-title::after {
	background-color: #fff;
}
#hero.text-center .textgroup-title::after {
	left: 50%;
	margin-left: -20px;
}
#hero .textgroup-desc {
	position: relative;
	margin-top: 15px;
}
#hero.hero-full .textgroup-desc,
#hero.hero-big .textgroup-desc {
	margin-top: 25px;
}
#hero .textgroup-desc h3,
#hero .textgroup-desc h4 {
	line-height: 1.75;
}
#hero .col-primary {
	
}
#hero .col-primary p {
	margin-bottom: 0;
}
#hero .col-primary p + p {
	margin-top: 1.75em;
}
#hero .col-secondary {
	margin-top: 30px;
}
#hero .text-title-meta {
	margin-bottom: 1.5em;
}
#hero .text-title,
#hero .text-title-primary {
	position: relative;
	font-size: 1.75em;
	line-height: 1.25em;
	margin-bottom: 0;
}
#hero .text-title-secondary {
	font-family: 'camptonbold', 'chulacharasnewregular', sans-serif;
	font-size: 0.875em;
	line-height: 1.5em;
	margin-top: 0.625em;
	margin-bottom: 0.625em;
	text-transform: uppercase;
}
.site-en #hero .text-title-secondary {
	font-family: 'psu_stidtiregular', sans-serif;
	text-transform: none;
}
#hero:not(.hero-full):not(.hero-big):not(.hero-medium):not(.text-light) .text-title,
#hero:not(.hero-full):not(.hero-big):not(.hero-medium):not(.text-light) .text-title a,
#hero:not(.hero-full):not(.hero-big):not(.hero-medium):not(.text-light) .text-title-primary,
#hero:not(.hero-full):not(.hero-big):not(.hero-medium):not(.text-light) .text-title-primary a {
	color: #b43b6b;
}
.no-touchevents #hero:not(.hero-full):not(.hero-big):not(.hero-medium):not(.text-light) .text-title a:hover,
.no-touchevents #hero:not(.hero-full):not(.hero-big):not(.hero-medium):not(.text-light) .text-title-primary a:hover {
	color: #aec3d4;
}
#hero:not(.hero-full):not(.hero-big):not(.hero-medium):not(.text-light) .text-title-secondary {
	color: #000;
}
#hero .text-taxonomy {
	position: relative;
	display: inline-block;
	line-height: 30px;
	margin: 15px 0 0 0;
	padding: 0 15px 0 42px;
	border-radius: 17px;
	border: 2px solid #b43b6b;
	background-color: #aec3d4;
	font-family: 'psu_stidtiregular', sans-serif;
	color: #fff;
}
.site-en #hero .text-taxonomy {
	font-family: 'chulacharasnewregular', sans-serif;
}
#hero .text-taxonomy::before {
	content: "\f0b0";
	font-family: 'Font Awesome\ 5 Free';
  	font-weight: 900;
	position: absolute;
	top: 0;
	left: 17px;
	font-size: 1em;
	color: rgba(255,255,255,0.5);
	line-height: 32px;
	text-align: left;
}
#hero.text-light .text-title,
#hero.text-light .text-title-primary,
#hero.text-light .text-title-secondary {
	color: #fff;
}
#hero .p-contact {
	position: relative;
	margin-bottom: 0;
	padding-left: 50px;
	font-family: 'chulacharasnewregular', sans-serif;
	font-size: 1.125em;
	color: #000;
}
#hero .p-contact::before {
	content: "";
	font-family: 'Font Awesome\ 5 Free';
  	font-weight: 900;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1em;
	color: #000;
	text-align: left;
}
#hero .p-contact + .p-contact {
	margin-top: 5px;
}
#hero .p-contact.contact-tel::before {
	content: '\f095'
}
#hero .p-contact.contact-email::before {
	content: '\f0e0'
}
#hero .p-contact.contact-website::before {
	content: '\f35d'
}
@media (min-width: 576px) { 
	#hero .text-title,
	#hero .text-title-primary {
		font-size: 2em;
	}
	#hero .text-title-secondary {
		font-size: 1em;
	}
}
@media (min-width: 768px) { 
	#hero .textgroup-title {
		padding-bottom: 17px;
	}
	#hero .textgroup-title::after {
		width: 50px;
	}
	#hero.text-center .textgroup-title::after {
		margin-left: -25px;
	}
	#hero .textgroup-desc {
		margin-top: 25px;
	}
	#hero .text-title-secondary {
		font-size: 1.125em;
	}
	#hero .col-secondary {
		margin-top: 0;
	}
}
@media (min-width: 992px) { 
	#hero .col-primary {
		padding-right: 8.3333333%;
	}
	
	#hero .text-title,
	#hero .text-title-primary {
		font-size: 2.25em;
	}
}
@media (min-width: 1440px) { 
	#hero .text-title,
	#hero .text-title-primary {
		font-size: 2.5em;
	}
	#hero .text-title-secondary {
		font-size: 1.25em;
	}
}
@media (max-width: 767px) { 
	#hero.mobile-text-center .textgroup-title,
	#hero.mobile-text-center .textgroup-desc {
		text-align: center;
	}
	#hero.mobile-text-center .textgroup-title::after {
		left: 50%;
		margin-left: -20px;
	}
}
	
/* 
	Hero Size
------------------------------------------------*/
.hero-full {
	position: relative;
	width: 100%;
	min-height: calc(100vh - 60px); 
	background-color: #fff;
	margin-top:25px;
}
@media (min-width: 768px) { 
	.hero-full { 
		min-height: 100vh; 
	}
}
.hero-big { 
	position: relative;
	min-height: 75vh;
	background-color: #fff;
}
.hero-medium { 
	position: relative;
	min-height: 50vh;
	background-color: #fff;
}

.hero-full,
.hero-big,
.hero-medium {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
.hero-full .textgroup-desc,
.hero-big .textgroup-desc,
.hero-medium .textgroup-desc,
.hero-classic .textgroup-desc{
	margin-top: 30px;
}
.hero-full .hero-container,
.hero-big .hero-container,
.hero-medium .hero-container {
	z-index: 2;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	-webkit-transform: translateY(-50%) translateX(-50%); 
	   -moz-transform: translateY(-50%) translateX(-50%); 
		-ms-transform: translateY(-50%) translateX(-50%); 
		 -o-transform: translateY(-50%) translateX(-50%); 
			transform: translateY(-50%) translateX(-50%);
}

/* 
	Hero PageTitle
------------------------------------------------*/
#page-title {
	z-index: 1;
	position: relative;
	padding-top: 50px;
	padding-bottom: 50px;
}
.hero-full #page-title {
	padding-bottom: 90px;
}
.hero-big #page-title {
	padding-bottom: 70px;
}
@media (min-width: 576px) {
	#page-title {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.hero-full #page-title {
		padding-bottom: 100px;
	}
	.hero-big #page-title {
		padding-bottom: 80px;
	}
}
@media (min-width: 768px) {
	#page-title {
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.hero-full #page-title {
		padding-bottom: 140px;
	}
	.hero-big #page-title {
		padding-bottom: 120px;
	}
}
#page-title:not(.wrapper):not(.wrapper-smallplus):not(.wrapper-small) { 
	width: calc(100% - 40px); 
}
@media (min-width: 768px) { 
	#page-title:not(.wrapper):not(.wrapper-smallplus):not(.wrapper-small) { 
		width: calc(100% - 60px); 
	}
}
#page-body #page-title {
	padding-bottom: 60px;
}
.hero-full #page-title, 
.hero-big #page-title,
.hero-medium #page-title {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: 0px;
	-webkit-transform: translateY(-50%) translateX(-50%); 
	   -moz-transform: translateY(-50%) translateX(-50%); 
		-ms-transform: translateY(-50%) translateX(-50%); 
		 -o-transform: translateY(-50%) translateX(-50%); 
			transform: translateY(-50%) translateX(-50%);
}
#hero.hero-full #page-title.title-top, 
#hero.hero-big #page-title.title-top,
#hero.hero-medium #page-title.title-top, 
#hero.hero-full #page-title.title-bottom, 
#hero.hero-big #page-title.title-bottom, 
#hero.hero-medium #page-title.title-bottom, 
#hero.hero-full #page-title.push-bottom:not(.title-top), 
#hero.hero-big #page-title.push-bottom:not(.title-top),
#hero.hero-medium #page-title.push-bottom:not(.title-top) {
	top: 0;
	padding-top: 60px;
	-webkit-transform: translateY(0%) translateX(-50%); 
	   -moz-transform: translateY(0%) translateX(-50%); 
		-ms-transform: translateY(0%) translateX(-50%); 
		 -o-transform: translateY(0%) translateX(-50%); 
			transform: translateY(0%) translateX(-50%);
}
#hero.hero-full #page-title.title-bottom, 
#hero.hero-big #page-title.title-bottom,
#hero.hero-medium #page-title.title-bottom { 
	top: auto;
	bottom: 0;
	padding-bottom: 60px;
	padding-top: 100px;
}
#hero.hero-full #page-title.push-bottom:not(.title-top), 
#hero.hero-big #page-title.push-bottom:not(.title-top),
#hero.hero-medium #page-title.push-bottom:not(.title-top) { 
	top: auto;
	bottom: 0;
}
#hero.hero-classic {
	z-index: 100;
	overflow: visible;
}
#hero.hero-classic #page-title {
	z-index: 1;
	position: relative;
	padding-top: 30px;
	padding-bottom: 30px;
}
@media (min-width: 576px) {
	#hero.hero-classic #page-title {
		padding-top: 40px;
		padding-bottom: 40px;
	}
}
@media (min-width: 992px) {
	#hero.hero-classic #page-title {
		padding-top: 105px;
		padding-bottom: 40px;
	}
	#hero:not(.text-center) #page-title.wrapper {
		padding-left: 47px;
	}
}
@media (min-width: 1440px) {
	#hero.hero-classic #page-title {
		padding-bottom: 60px;
	}
	#hero:not(.text-center) #page-title.wrapper:not(.wrapper-huge):not(.wrapper-big):not(.wrapper-plus) {
		padding-left: 15px;
	}
}
@media (min-width: 1470px) {
	#hero:not(.text-center) #page-title.wrapper:not(.wrapper-huge):not(.wrapper-big):not(.wrapper-plus) {
		padding-left: 0;
	}
}
.hero-classic .text-title,
.hero-classic .text-title-primary,
.hero-classic .text-title-1 {
	color: #aec3d4;
}

/* 
	Breadcrumb
------------------------------------------------*/
.breadcrumb {
	position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	margin: 0 0 1.5em 0;
    padding: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
	font-size: 0.75em;
}
.breadcrumb-entry {
	display: inline-block;
	border-radius: 2px;
	color: #000;
} 
.breadcrumb-entry a {
	color: #000;
	margin: 0 10px;
}
.breadcrumb-entry a:hover {
	color: #aec3d4;
	text-decoration: underline;
}
.breadcrumb-entry span:first-child a {
	margin-left: 0;
}
.text-light .breadcrumb-entry,
.text-light .breadcrumb-entry a {
	color: #fff;
}
.text-light .breadcrumb-entry a:hover {
	color: #fff;
}
.text-center .breadcrumb,
.breadcrumb.text-center {
	align-items: center;
  	justify-content: center;
}
.text-center .breadcrumb span:first-child a,
.breadcrumb.text-center span:first-child a {
	margin-left: 10px;
}
@media (min-width: 768px) {
	.breadcrumb {
		margin-bottom: 2em
	}
}
@media (min-width: 1200px) {
	.breadcrumb {
		margin-bottom: 2.5em
	}
}
@media (min-width: 1440px) {
	.breadcrumb {
		margin-bottom: 3em
	}
}
@media (max-width: 767px) {
	.mobile-text-center .breadcrumb {
		align-items: center;
		justify-content: center;
	}
	.mobile-text-center .breadcrumb span:first-child  {
		margin-left: 10px;
	}
}

/* -----------------------------------------------------------------------------------

	12 Template

----------------------------------------------------------------------------------- */
#template-single {
	position: relative;
}
#template-single .single-title {
	padding: 30px 15px 1.75em 15px;
}
#template-single .single-title .embed-responsive {
	margin-bottom: 1.5em;
}
#template-single .single-title .text-title-meta {
	font-size: 1em;
	line-height: 30px;
	margin-bottom: 20px;
}
#template-single .single-title .text-title,
#template-single .single-title .text-title-primary {
	color: #b43b6b;
	line-height: 1.5;
	margin-bottom: 0;
}
#template-single .single-title .text-title-secondary {
	font-size: 1.25em;
	line-height: 1.5em;
	color: #000;
	margin-top: 5px;
	margin-bottom: 0;
}
#template-single .single-title .text-title-secondary + p {
	margin-top: 10px;
}
#template-single .post-meta {
	position: relative;
	width: 100%;
	margin-top: 15px;
	font-size: 0.875em;
	line-height: 1.875;
}
#template-single .post-meta ul li,
#template-single .post-meta ol li {
	margin-top: 2px;
}
#template-single .post-meta p {
	margin-bottom: 0;
}
#template-single .post-meta p + p {
	margin-top: 15px;
}
#template-single .post-meta i {
	width: 24px;
}
#template-single .post-meta .post-date,
#template-single .post-meta .post-type {
	position: relative;
	float: left;
	margin-right: 30px;
}
#template-single .post-meta .post-type-round {
	color: #000;
}
#template-single .post-meta .post-type-round i {
	position: relative;
	padding-right: 55px;
	margin-right: 10px;
}
#template-single .post-meta .post-type-round i::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 30px;
	height: 1px;
	background-color: #000;
}
#template-single .post-meta .post-type-round a {
	display: inline-block;
	margin: 5px 5px 5px 0;
    padding: 0 1em;
	line-height: 26px;
	border: 2px solid #ccc;
	border-radius: 15px;
	background-color: #fff;
	font-family: 'psu_stidtiregular', sans-serif;
	font-size: 0.875em;
	color: #000;
}
#template-single .post-meta .post-type-round a:hover {
	border-color: #b43b6b;
	color: #aec3d4;
}
/* 
	Template: Next & Previous Post
------------------------------------------------*/

#template-single .single-link .box-singlelink .cell-prevnext {
	width: 50%;
	padding: 30px 15px;
}
#template-single .single-link .box-singlelink .cell-prevnext:nth-child(2) {
	border-left: 1px solid #e8e8e8;
}
#template-single .single-link .box-singlelink .cell-viewall {
	width: 100%;
	padding: 50px 15px;
	border-top: 1px solid #e8e8e8;
	text-align: center;
}
#template-single .single-link .box-singlelink .cell-viewall a {
	font-family: 'camptonbold', 'chulalongkornbold', sans-serif; 
}
#template-single .single-link .box-singlelink .text-meta {
	font-family: 'camptonbold', 'chulalongkornbold', sans-serif; 
	font-size: 1em;
	margin-bottom: 10px;
}
#template-single .single-link .box-singlelink .text-title {
	font-size: 1em;
	margin-bottom: 0;
}

/* 
	Template: Search Widget
------------------------------------------------*/
#template-single .widget_search {
	position: relative;
	margin: 0;
	padding: 30px 15px;
	background-color: #f5f5f5;
}
#template-single .widget_search::before,
#template-single .widget_search::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: rgba(0,0,0,0.1);
}
#template-single .widget_search::after {
	top: auto;
	bottom: 0;
}

/* 
	Template: Related Post Widget
------------------------------------------------*/
#template-single .widget_post_related {
	padding: 50px 15px;
}

/* 
	Template: Short Program
------------------------------------------------*/
#template-single.template-program {
	
}
#template-single.template-program .single-title {
	
}
#template-single.template-program .single-title .text-title-secondary {
	font-size: 1.5em;
    margin-top: 10px;
}

@media (min-width: 576px) {
	#template-single .single-title {
		padding-left: 30px;
		padding-right: 30px;
	}
	#template-single .single-content {
		padding-left: 30px;
		padding-right: 30px;
	}
	#template-single .single-link .box-singlelink .cell-prevnext {
		padding-left: 30px;
		padding-right: 30px;
	}
	#template-single .widget_search {
		position: relative;
		padding: 30px;
	}
	#template-single .widget_post_related {
		padding: 50px 30px;
	}
}
@media (min-width: 768px) {
	#template-single .single-title {
		padding-top: 105px;
	}
	#template-single.has-hero .single-title {
		padding-top: 50px;
	}
	#template-single .single-title-team .col-name {
		padding-top: 30px;
	}
	#template-single.template-program .single-title .text-title-meta {
		margin-bottom: 40px;
	}
}
@media (min-width: 992px) {
	#template-single .single-title {
		padding-left: 40px;
		padding-right: 85px;
	}
	#template-single .single-title-team .col-name {
		padding-top: 40px;
	}
	#template-single .single-content {
		padding-left: 40px;
		padding-right: 85px;
	}
	#template-single .single-link .box-singlelink .cell-prevnext {
		padding-left: 40px;
		padding-right: 40px;
	}
	#template-single .widget_search {
		position: relative;
		padding: 50px 40px;
	}
	#template-single .widget_post_related {
		padding: 40px;
	}
	#template-single.template-program .single-title {
		padding-bottom: 40px;
	}
	#template-single.template-program .col-content-inner {
		padding-left: 40px;
		padding-right: 40px;
	}
	#template-single.template-program .single-title,
	#template-single.template-program .single-featuredimage,
	#template-single.template-program .single-content {
		padding-left: 0;
		padding-right: 0;
	}
}
@media (min-width: 1200px) {
	/*
	#template-single::before {
		content: '';
		position: absolute;
		top: 0;
		left: 75%;
		width: 100%;
		height: 100%;
		background-color: #fff;
	}
	*/
	#template-single .col-content {
		padding-right: 85px;
	}
	#template-single .single-title,
	#template-single .single-featuredimage,
	#template-single .single-content {
		padding-left: 95px;
		padding-right: 0;
	}
	#template-single .single-title-team .col-name {
		padding-top: 60px;
	}
	#template-single .single-link {
		padding-left: 95px;
	}
	#template-single .single-link .box-singlelink .cell-prevnext:nth-child(1) {
		padding-left: 0;
	}
	#template-single .single-link .box-singlelink .cell-prevnext:nth-child(2) {
		padding-right: 0;
	}
	#template-single .col-sidebar::before {
		content: '';
		z-index: 1;
		position: absolute;
		top: 0;
		left: 0;
		width: 0;
		height: 100%;
		background-color: transparent;
	}
	#template-single .widget_search {
		position: relative;
		padding: 105px 40px 0 0;
		background-color: transparent;
	}
	#template-single.has-hero .widget_search {
		padding-top: 50px;
		padding-bottom: 0;
	}
	#template-single .widget_search::before,
	#template-single .widget_search::after {
		width: 0;
		height: 0;
	}
	#template-single .widget_post_related {
		padding: 50px 40px 50px 0;
	}
	#template-single.template-magazine .col-content {
		padding-right: 0;
	}
	#template-single.template-magazine .single-featuredimage {
		padding-left: 0;
	}
	#template-single.template-magazine .single-title,
	#template-single.template-magazine .single-content,
	#template-single.template-magazine .single-link {
		padding-left: 95px;
		padding-right: 95px;
	}
	#template-single.template-program .single-link {
		padding-left: 0;
	}
	#template-single.template-program .single-link .box-singlelink .cell-prevnext {
		padding-left: 40px;
		padding-right: 40px;
	}
}
@media (min-width: 1440px) {
	#template-single .single-title,
	#template-single .single-featuredimage,
	#template-single .single-content,
	#template-single .single-link {
		padding-left: 0;
	}
	#template-single .single-title-team .col-name {
		padding-top: 85px;
	}
	#template-single .widget_search,
	#template-single .widget_post_related {
		padding-right: 0;
	}
	#template-single.template-magazine .single-title,
	#template-single.template-magazine .single-content,
	#template-single.template-magazine .single-link {
		padding-left: 0;
		padding-right: 0;
	}
}
@media (min-width: 1680px) {
	#template-single.template-program .col-content-inner {
		padding-right: 80px;
	}
	#template-single.template-program .single-title .text-title-secondary {
		font-size: 1.75em;
	}
}
@media (min-width: 1920px) {
	#template-single.template-program .col-content-inner {
		padding-left: 95px;
		padding-right: 80px;
	}
}

/* 
	Post Tag
------------------------------------------------*/
.post-tag {
	margin-top: 3em;
}
.post-tag .text-title {
	font-family: 'camptonbold', sans-serif;
	margin-bottom: 0.75em;
}
.post-tag a {
	display: inline-block;
	margin: 0 5px 10px 0;
    padding: 0 1em;
	line-height: 26px;
	border: 2px solid #ccc;
	border-radius: 15px;
	background-color: #fff;
	font-family: 'psu_stidtiregular', sans-serif;
	font-size: 0.75em;
	color: #000;
}
.site-en .post-tag a {
	font-family: 'chulacharasnewbold', sans-serif;
}
.post-tag a:hover {
	border-color: #aec3d4;
	color: #aec3d4;
}

/* 
	Post Share
------------------------------------------------*/
.post-share {
	margin-top: 3em;
}
.post-share .text-title {
	font-family: 'camptonbold', sans-serif;
	margin-bottom: 0.75em;
}

/*----------

	Grid Post

*************************************************************/
.grid-post {
	position: relative;
	display: grid;
	grid-template-columns: 1fr;
	grid-column-gap: 0;
	grid-row-gap: 0;
	width: 100%;
}
@media (min-width: 992px) {
	.grid-zoom{
		width:110%; height:120%;
	}
	.zoom-right{
		margin-top:-20%;
	}
	.zoom-left{
		bottom:-20%;
		margin-left:-10%;
	}
}

.grid-post.grid2{
	grid-template-columns: 1fr 1fr;
}
.grid-post.grid-gap-0 {
	grid-column-gap: 0 !important;
	grid-row-gap: 0 !important;
}
.grid-post.grid-gap-post {
	grid-row-gap: 20px;
}
.grid-post.grid-gap-line {
	grid-row-gap: 1px;
}
.grid-post.grid-gap-sm {
	grid-row-gap: 8px;
}
.grid-post.grid-gap-md {
	grid-row-gap: 16px;
}
.grid-post.grid-template-features {
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 1px;
	grid-row-gap: 1px;
}
.grid-post.grid-template-factsfigures {
	grid-template-columns: 1fr;
	grid-column-gap: 0;
	grid-row-gap: 20px;
}
.grid-post.grid-template-affiliations {
	grid-template-columns: 1fr;
	grid-column-gap: 0;
	grid-row-gap: 1px;
}
.no-cssgrid .grid-post {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	-webkit-box-align: stretch;
	   -ms-flex-align: stretch;
		  align-items: stretch;
	-ms-flex-flow: row wrap;
		flex-flow: row wrap;
}
.no-cssgrid .grid-post.grid-gap-post {
	margin-bottom: -20px;
}
.no-cssgrid .grid-post.grid-gap-line {
	margin-bottom: -1px;
}
.no-cssgrid .grid-post.grid-gap-sm {
	margin-bottom: -8px;
}
.no-cssgrid .grid-post.grid-gap-md {
	margin-bottom: -16px;
}
.no-cssgrid .grid-post .grid-item {
	position: relative;
	box-sizing: border-box;
}
.no-cssgrid .grid-post.grid-gap-post .grid-item {
	margin-bottom: 20px;
}
.no-cssgrid .grid-post.grid-gap-sm .grid-line {
	margin-bottom: 1px;
}
.no-cssgrid .grid-post.grid-gap-sm .grid-item {
	margin-bottom: 8px;
}
.no-cssgrid .grid-post.grid-gap-md .grid-item {
	margin-bottom: 16px;
}
.no-cssgrid .grid-post.grid-template-features {
	width: calc(100% + 1px);
	margin-bottom: -1px;
}
.no-cssgrid .grid-post.grid-template-features .grid-item {
	width: calc(50% - 1px);
	margin-right: 1px;
	margin-bottom: -1px;
}
.no-cssgrid .grid-post.grid-template-factsfigures {
	width: 100%;
	margin-bottom: -20px;
}
.no-cssgrid .grid-post.grid-template-factsfigures .grid-item {
	width: 100%;
	margin-bottom: 20px;
}
.no-cssgrid .grid-post.grid-template-affiliations {
	width: 100%;
	margin-bottom: -1px;
}
.no-cssgrid .grid-post.grid-template-affiliations .grid-item {
	width: 100%;
	margin-bottom: 1px;
}
@media (min-width: 576px) {
	.grid-post.grid-template-col-2,
	.grid-post.grid-template-col-3,
	.grid-post.grid-template-col-4,
	.grid-post.grid-template-col-5,
	.grid-post.grid-template-col-post {
		grid-template-columns: 1fr 1fr;
	}
	.grid-post.grid-gap-post {
		grid-column-gap: 20px;
	}
	.grid-post.grid-template-col-2.grid-gap-line,
	.grid-post.grid-template-col-3.grid-gap-line,
	.grid-post.grid-template-col-4.grid-gap-line,
	.grid-post.grid-template-col-5.grid-gap-line,
	.grid-post.grid-template-col-post.grid-gap-line {
		grid-column-gap: 1px;
	}
	.grid-post.grid-template-col-2.grid-gap-sm,
	.grid-post.grid-template-col-3.grid-gap-sm,
	.grid-post.grid-template-col-4.grid-gap-sm,
	.grid-post.grid-template-col-5.grid-gap-sm,
	.grid-post.grid-template-col-post.grid-gap-sm {
		grid-column-gap: 8px;
	}
	.grid-post.grid-template-col-2.grid-gap-md,
	.grid-post.grid-template-col-3.grid-gap-md,
	.grid-post.grid-template-col-4.grid-gap-md,
	.grid-post.grid-template-col-5.grid-gap-md,
	.grid-post.grid-template-col-post.grid-gap-md {
		grid-column-gap: 16px;
	}
	.grid-post.grid-template-factsfigures {
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 20px;
	}
	.grid-post.grid-template-affiliations {
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 1px;
	}
	.no-cssgrid .grid-post.grid-template-col-2.grid-gap-post,
	.no-cssgrid .grid-post.grid-template-col-3.grid-gap-post,
	.no-cssgrid .grid-post.grid-template-col-4.grid-gap-post,
	.no-cssgrid .grid-post.grid-template-col-5.grid-gap-post,
	.no-cssgrid .grid-post.grid-template-col-post.grid-gap-post {
		width: calc(100% + 20px);
	}
	.no-cssgrid .grid-post.grid-template-col-2.grid-gap-line,
	.no-cssgrid .grid-post.grid-template-col-3.grid-gap-line,
	.no-cssgrid .grid-post.grid-template-col-4.grid-gap-line,
	.no-cssgrid .grid-post.grid-template-col-5.grid-gap-line,
	.no-cssgrid .grid-post.grid-template-col-post.grid-gap-line {
		width: calc(100% + 1px);
	}
	.no-cssgrid .grid-post.grid-template-col-2.grid-gap-sm,
	.no-cssgrid .grid-post.grid-template-col-3.grid-gap-sm,
	.no-cssgrid .grid-post.grid-template-col-4.grid-gap-sm,
	.no-cssgrid .grid-post.grid-template-col-5.grid-gap-sm,
	.no-cssgrid .grid-post.grid-template-col-post.grid-gap-sm {
		width: calc(100% + 8px);
	}
	.no-cssgrid .grid-post.grid-template-col-2.grid-gap-md,
	.no-cssgrid .grid-post.grid-template-col-3.grid-gap-md,
	.no-cssgrid .grid-post.grid-template-col-4.grid-gap-md,
	.no-cssgrid .grid-post.grid-template-col-5.grid-gap-md,
	.no-cssgrid .grid-post.grid-template-col-post.grid-gap-md {
		width: calc(100% + 16px);
	}
	.no-cssgrid .grid-post.grid-template-col-2 .grid-item,
	.no-cssgrid .grid-post.grid-template-col-3 .grid-item,
	.no-cssgrid .grid-post.grid-template-col-4 .grid-item,
	.no-cssgrid .grid-post.grid-template-col-5 .grid-item,
	.no-cssgrid .grid-post.grid-template-col-post .grid-item {
		width: 50%;
	}
	.no-cssgrid .grid-post.grid-template-col-2.grid-gap-post .grid-item,
	.no-cssgrid .grid-post.grid-template-col-3.grid-gap-post .grid-item,
	.no-cssgrid .grid-post.grid-template-col-4.grid-gap-post .grid-item,
	.no-cssgrid .grid-post.grid-template-col-5.grid-gap-post .grid-item,
	.no-cssgrid .grid-post.grid-template-col-post.grid-gap-post .grid-item {
		width: calc(50% - 20px);
		margin-right: 20px;
	}
	.no-cssgrid .grid-post.grid-template-col-2.grid-gap-line .grid-item,
	.no-cssgrid .grid-post.grid-template-col-3.grid-gap-line .grid-item,
	.no-cssgrid .grid-post.grid-template-col-4.grid-gap-line .grid-item,
	.no-cssgrid .grid-post.grid-template-col-5.grid-gap-line .grid-item,
	.no-cssgrid .grid-post.grid-template-col-post.grid-gap-line .grid-item {
		width: calc(50% - 1px);
		margin-right: 1px;
	}
	.no-cssgrid .grid-post.grid-template-col-2.grid-gap-sm .grid-item,
	.no-cssgrid .grid-post.grid-template-col-3.grid-gap-sm .grid-item,
	.no-cssgrid .grid-post.grid-template-col-4.grid-gap-sm .grid-item,
	.no-cssgrid .grid-post.grid-template-col-5.grid-gap-sm .grid-item,
	.no-cssgrid .grid-post.grid-template-col-post.grid-gap-sm .grid-item {
		width: calc(50% - 8px);
		margin-right: 8px;
	}
	.no-cssgrid .grid-post.grid-template-col-2.grid-gap-md .grid-item,
	.no-cssgrid .grid-post.grid-template-col-3.grid-gap-md .grid-item,
	.no-cssgrid .grid-post.grid-template-col-4.grid-gap-md .grid-item,
	.no-cssgrid .grid-post.grid-template-col-5.grid-gap-md .grid-item,
	.no-cssgrid .grid-post.grid-template-col-post.grid-gap-md .grid-item {
		width: calc(50% - 16px);
		margin-right: 16px;
	}
	.no-cssgrid .grid-post.grid-template-factsfigures {
		width: calc(100% + 20px);
	}
	.no-cssgrid .grid-post.grid-template-factsfigures .grid-item {
		width: calc(50% - 20px);
		margin-right: 20px;
	}
	.no-cssgrid .grid-post.grid-template-affiliations {
		width: calc(100% + 1px);
		margin-bottom: -1px;
	}
	.no-cssgrid .grid-post.grid-template-affiliations .grid-item {
		width: calc(50% - 1px);
		margin-right: 1px;
	}
}
@media (min-width: 768px) {
	.grid-post.grid-gap-post {
		grid-column-gap: 30px;
		grid-row-gap: 30px;
	}
	.grid-post.grid-template-factsfigures {
		grid-column-gap: 30px;
		grid-row-gap: 30px;
	}
	.no-cssgrid .grid-post.grid-template-col-2.grid-gap-post,
	.no-cssgrid .grid-post.grid-template-col-3.grid-gap-post,
	.no-cssgrid .grid-post.grid-template-col-4.grid-gap-post,
	.no-cssgrid .grid-post.grid-template-col-5.grid-gap-post,
	.no-cssgrid .grid-post.grid-template-col-post.grid-gap-post {
		width: calc(100% + 30px);
		margin-bottom: -30px;
	}
	.no-cssgrid .grid-post.grid-template-col-2.grid-gap-post .grid-item,
	.no-cssgrid .grid-post.grid-template-col-3.grid-gap-post .grid-item,
	.no-cssgrid .grid-post.grid-template-col-4.grid-gap-post .grid-item,
	.no-cssgrid .grid-post.grid-template-col-5.grid-gap-post .grid-item,
	.no-cssgrid .grid-post.grid-template-col-post.grid-gap-post .grid-item {
		width: calc(50% - 30px);
		margin-right: 30px;
		margin-bottom: 30px;
	}
	.no-cssgrid .grid-post.grid-template-factsfigures {
		width: calc(100% + 30px);
	}
	.no-cssgrid .grid-post.grid-template-factsfigures .grid-item {
		width: calc(50% - 30px);
		margin-right: 30px;
		margin-bottom: 30px;
	}
}
@media (min-width: 992px) {
	.grid-post.grid-template-col-3,
	.grid-post.grid-template-col-4,
	.grid-post.grid-template-col-5,
	.grid-post.grid-template-col-post {
		grid-template-columns: 1fr 1fr 1fr;
	}
	.grid-post.grid-template-features {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	.grid-post.grid-template-factsfigures {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	.grid-post.grid-template-affiliations {
		grid-template-columns: 1fr 1fr 1fr;
	}
	.no-cssgrid .grid-post.grid-template-col-3.grid-gap-post .grid-item,
	.no-cssgrid .grid-post.grid-template-col-4.grid-gap-post .grid-item,
	.no-cssgrid .grid-post.grid-template-col-5.grid-gap-post .grid-item,
	.no-cssgrid .grid-post.grid-template-col-post.grid-gap-post .grid-item {
		width: calc(33.3333333% - 30px);
	}
	.no-cssgrid .grid-post.grid-template-col-3.grid-gap-line .grid-item,
	.no-cssgrid .grid-post.grid-template-col-4.grid-gap-line .grid-item,
	.no-cssgrid .grid-post.grid-template-col-5.grid-gap-line .grid-item,
	.no-cssgrid .grid-post.grid-template-col-post.grid-gap-line .grid-item {
		width: calc(33.3333333% - 1px);
	}
	.no-cssgrid .grid-post.grid-template-col-3.grid-gap-sm .grid-item,
	.no-cssgrid .grid-post.grid-template-col-4.grid-gap-sm .grid-item,
	.no-cssgrid .grid-post.grid-template-col-5.grid-gap-sm .grid-item,
	.no-cssgrid .grid-post.grid-template-col-post.grid-gap-sm .grid-item {
		width: calc(33.3333333% - 8px);
	}
	.no-cssgrid .grid-post.grid-template-col-3.grid-gap-md .grid-item,
	.no-cssgrid .grid-post.grid-template-col-4.grid-gap-md .grid-item,
	.no-cssgrid .grid-post.grid-template-col-5.grid-gap-md .grid-item,
	.no-cssgrid .grid-post.grid-template-col-post.grid-gap-md .grid-item {
		width: calc(33.3333333% - 16px);
	}
	.no-cssgrid .grid-post.grid-template-features .grid-item {
		width: calc(25% - 1px);
	}
	.no-cssgrid .grid-post.grid-template-factsfigures .grid-item {
		width: calc(25% - 30px);
	}
	.no-cssgrid .grid-post.grid-template-affiliations .grid-item {
		width: calc(33.3333333% - 1px);
	}
}
@media (min-width: 1440px) {
	.grid-post.grid-template-col-4,
	.grid-post.grid-template-col-5 {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	.no-cssgrid .grid-post.grid-template-col-4.grid-gap-post .grid-item,
	.no-cssgrid .grid-post.grid-template-col-5.grid-gap-post .grid-item {
		width: calc(25% - 30px);
	}
	.no-cssgrid .grid-post.grid-template-col-4.grid-gap-line .grid-item,
	.no-cssgrid .grid-post.grid-template-col-5.grid-gap-line .grid-item {
		width: calc(25% - 1px);
	}
	.no-cssgrid .grid-post.grid-template-col-4.grid-gap-sm .grid-item,
	.no-cssgrid .grid-post.grid-template-col-5.grid-gap-sm .grid-item {
		width: calc(25% - 8px);
	}
	.no-cssgrid .grid-post.grid-template-col-4.grid-gap-md .grid-item,
	.no-cssgrid .grid-post.grid-template-col-5.grid-gap-md .grid-item {
		width: calc(25% - 16px);
	}
}
@media (min-width: 1680px) {
	.grid-post.grid-template-affiliations {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	.no-cssgrid .grid-post.grid-template-affiliations .grid-item {
		width: calc(25% - 1px);
	}
}
@media (min-width: 1920px) {
	.grid-post.grid-template-col-5 {
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	}
	.no-cssgrid .grid-post.grid-template-col-5.grid-gap-post .grid-item {
		width: calc(20% - 30px);
	}
	.no-cssgrid .grid-post.grid-template-col-5.grid-gap-line .grid-item {
		width: calc(20% - 1px);
	}
	.no-cssgrid .grid-post.grid-template-col-5.grid-gap-sm .grid-item {
		width: calc(20% - 8px);
	}
	.no-cssgrid .grid-post.grid-template-col-5.grid-gap-md .grid-item {
		width: calc(20% - 16px);
	}
}
@media (max-width: 575px) {
	.post-item-ashome.grid-post.grid-gap-line {
		grid-row-gap: 20px;
	}
	.no-cssgrid .post-item-ashome.grid-post.grid-gap-line .grid-item {
		margin-bottom: 20px;
	}
}

.grid-post .item-fullwidth {
    grid-column: 1 / -1;
}
.no-cssgrid .grid-post .item-fullwidth {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

/*
	Facts & Figures
----------------------------------------------*/
.grid-template-factsfigures .text-number,
.grid-template-factsfigures .text-title,
.grid-template-factsfigures .text-desc {
	display: block;
	text-align: center;
}
.grid-template-factsfigures .text-number {
	font-family: 'chulacharasnewbold', sans-serif;
	font-size: 4em;
	line-height: 1.25;
	color: #b43b6b;
}
.grid-template-factsfigures .text-title {
	font-family: 'chulalongkornbold', sans-serif; 
	font-size: 1.125em;
	line-height: 1.375;
	color: #000;
}
.grid-template-factsfigures .text-title a:hover {
	color: #aec3d4;
}
.grid-template-factsfigures .text-title + .text-desc {
	margin-top: 10px;
}
.grid-template-factsfigures .text-desc {
	font-size: 0.875em;
	line-height: 1.75;
}
.text-light .grid-template-factsfigures .text-number {
	color: #e9aab9;
}
.text-light .grid-template-factsfigures .text-title {
	color: #fff;
}
.text-light .grid-template-factsfigures .text-desc {
	color: rgba(255,255,255,0.75);
}
@media (min-width: 992px) {
	.grid-template-factsfigures .text-number {
		font-size: 3.75em;
	}
	.grid-template-factsfigures .text-title {
		font-size: 1.25em;
	}
}
@media (min-width: 1200px) {
	.grid-template-factsfigures {
		margin-bottom: 30px;
	}
	.grid-template-factsfigures .text-number {
		font-size: 4.5em;
	}
}
@media (min-width: 1440px) {
	.grid-template-factsfigures .text-number {
		font-size: 5em;
	}
}
@media (min-width: 1680px) {
	.grid-template-factsfigures .text-number {
		font-size: 5.5em;
	}
}

/*
	Affiliations
----------------------------------------------*/
.grid-post.grid-template-affiliations .post-media img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
.grid-post.grid-template-affiliations .post-entry {
	padding: 20px 20px 40px 20px;
	text-align: center;
}
.grid-post.grid-template-affiliations .post-entry .text-title-1 {
	font-size: 1.375em;
	font-weight: bold;
	line-height: 1.375em;
	margin-bottom: 0;
}
.grid-post.grid-template-affiliations .post-entry .text-title-1 + .text-title-2 {
	margin-top: 5px;
}
.grid-post.grid-template-affiliations .post-entry .text-title-2 {
	font-family: sans-serif;
	font-size: 0.75em;
	color: rgba(0,0,0,0.5);
	margin-bottom: 0;
	text-transform: uppercase;
}
.grid-post.grid-template-affiliations .post-entry .post-desc {
	margin-top: 8px;
} 
.grid-post.grid-template-affiliations .post-entry .post-desc h4 {
    font-size: 87.5%;
    color: rgba(0,0,0,0.75);
}

/*----------

	Post Wrapper

*************************************************************/
.post-wrapper {
	position: relative;
	width: 100%;
}
.post-item {
	position: relative;
	width: 100%;
	height: 100%;
}
.post-item .post-media {
	margin-bottom: 0.875em;
}
.post-item .post-media img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
.post-item .overlay-quickplay {
	z-index: 1;
	position: absolute;
	top: 10px;
	left: 10px;
}
.post-item .overlay-quickplay a {
	display: inline-block;
	width: 36px;
	height: 36px;
	line-height: 36px;
	border-radius: 100%;
	background-color: #fff;
	font-size: 0.75em;
	color:#000;
	text-align: center;
}
.post-item .overlay-quickplay a:hover {
	background-color: #fff;
	color:#FF0000;
}
.post-item .overlay-time {
	z-index: 1;
	position: absolute;
	bottom: 5px;
	right: 5px;
}
.post-item .overlay-time span {
	display: inline-block;
	line-height: 20px;
	padding: 0 5px;
	font-size: 0.75em;
	border-radius: 2px;
	background-color: rgba(0, 0, 0, 0.875);
	color: #fff;
}
.post-item .post-entry {
	position: relative;
	overflow-wrap: break-word;
  	word-wrap: break-word;
  	hyphens: auto;
}
.post-item .post-type {
	margin-top: 0.5em;
	margin-bottom: 0;
	font-size: 0.875em;
	color: #b43b6b;
}
.post-item .post-type i {
	margin-right: 12px;
}
.post-item .post-type a {
	color: rgba(0,0,0,0.5);
}
.post-item .post-type a:hover {
	color: #b43b6b;
}
.post-item .post-date {
	font-size: 0.75em;
}
.post-item .post-date i {
	margin-right: 12px;
}
.post-item .post-entry.has-icon {
	padding-right: 100px;
}
.post-item .post-entry .post-icon {
	z-index: 10;
	position: absolute;
	top: -25px;
	right: 25px;
}
.post-item .post-entry .post-icon a {
	display: block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 100%;
	background-color: #d22d36;
	font-size: 1.125em;
	color: #fff;
	text-align: center;
	box-shadow: 0 15px 30px -15px rgba(0,0,0,0.5) !important;
}
.post-item .post-entry .post-icon a:hover {
	background-color: #902e2e;
	color: #fff;
}
.post-item .post-entry .text-title {
	font-size: 1.125em;
	font-weight: bold;
	margin-bottom: 0;
}
.post-item .post-entry .text-title a:hover {
	text-decoration: none;
}
.post-item .post-entry.no-media .text-title {
	font-size: 1.375em;
}
.post-item .post-desc {
	margin-top: 0.5em;
	font-size: 0.875em;
    line-height: 1.625em;
}
.post-item .post-desc p {
	margin-bottom: 0.375em;
}
.post-item .post-desc p:last-of-type {
	margin-bottom: 0;
}
.post-item .post-excerpt p {
	margin-top: 0.75em;
	margin-bottom: 0.375em;
}
.post-item .post-excerpt p:last-of-type {
	margin-bottom: 0;
}
.post-item .post-link a {
	clear: both;
	display: block;
	padding: 10px 20px;
	background-color: #e1e3e5;
	color: #000;
	font-size: 0.875em;
	font-weight: bold;
	text-align: center;
}
.post-item .post-link a:hover {
	background-color: #aec3d4;
	color: #fff;
}
.post-wrapper.post-item-shadow .post-item {
	box-shadow: 0 10px 15px -15px rgba(0,0,0,0.25);
}
.post-wrapper.post-item-shadow .post-item::before {
	content: '';
	z-index: -1;
	position: absolute;
	top: 50%;
	width: 100%;
	height: auto;
	margin-top: -50%;
	padding-top: 100%;
	border-radius: 100%;
	box-shadow: 0 -15px 50px -15px rgba(0,0,0,.25);
}
.post-wrapper.post-media-shadow .post-item .post-media {
	margin-bottom: 1.125em;
}
.post-wrapper.post-media-shadow .post-item .post-media img {
	box-shadow: 0 15px 30px -20px rgba(0,0,0,0.5) !important;
}
.post-wrapper.post-entry-padding .post-item .post-media {
	margin-bottom: 0;
}
.post-wrapper.post-entry-padding .post-item .post-entry {
	padding: 20px 20px 25px 20px;
	background-color: #fff;
}
.post-wrapper.post-entry-padding .post-item .post-entry.has-icon {
	padding-right: 100px;
}
.post-wrapper.post-entry-transparent .post-item .post-entry {
	background-color: transparent;
}
.post-wrapper.post-entry-shadow .post-item .post-entry {
	box-shadow: 0 -15px 50px -15px rgba(0,0,0,.25);
}
.post-wrapper.post-entry-border .post-item .post-entry {
	border: 1px dashed #000;
	border-top: none;
}

/* 25092563 */
.uagb-faq-item-active .uagb-faq-questions{background:#91b1b9; text-shadow:0 1px #000;}
.uagb-faq-item-active .uagb-faq-questions .uagb-question{color:#fff!important;font-family: 'psu_stidtiregular'; font-size:18px; }
.uagb-block-6b712d7d .uagb-icon-active svg{fill:#fff!important;}
.uagb-post-grid .uagb-post-grid-byline{font-size:16px!important;}
.uagb-post__author,.uagb-post__comment,.uagb-post__cta{display:none!important;}
.uagb-post__title{font-size:18px!important; line-height:1.5!important;}
.uagb-post__inner-wrap {background: #f9f9f9!important;}
.wp-calendar-table th{width:14.2%; text-align:center;}
.wp-calendar-table td{text-align:center;}
.wp-calendar-table caption{border-top:1px solid #91b1b9 ;}
.search-submit{text-indent: -10000px;}
.widget_recent_entries ul li::before,
.widget_categories ul li::before {
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    content: "\f105";
    margin-right: 8px;
    font-size: 15px;
}


/* hostpital */
.featured{ padding:150px 100px 50px;background:url(../../../../asset/images/bg-featured.jpg) no-repeat center top; background-size:100% auto; }
.featured .wp-block-column{background-color: rgba(0, 83, 87, 0.7); color:#fff; padding:15px;}
.featured .wp-block-image{text-align:center; width:100%;}
.featured .wp-block-image img{margin:auto; max-width:70px;}
.featured h2{font-size:0.7em; border-left:5px solid #fff; padding-left:15px; margin-bottom:20px; position:relative;}
.featured .title-section{position:absolute; color:#464445; margin-top:-130px; border-left:0!important; font-size: 1.5em!important; }
.featured .title-section strong{line-height:0.8;}
.featured p{line-height:0.9; font-size:22px;}
.column-clinic figcaption{ border-left:5px solid #91b1b9; padding-left:15px;}
.column-clinic figure.wp-block-image{margin-bottom:0;}

.dent-update{margin-top:35px; margin-bottom:0!important;background-color:rgba(0, 83, 87, 0.1)!important;}
.carousel-news{ background-color:rgba(0, 83, 87, 0.1); }
.dent-clinic-center{margin-bottom:50px; margin-top:50px;}
.clinic-center{max-width:1080px; margin:auto; padding-left:15px; padding-right:15px;}
.clinic-center img{border-radius:50%; width:80px; border:2px solid #f4f4f4;-webkittrans-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;}
.clinic-center .wp-block-column:hover img{ border:2px solid #91b1b9;transform: scale(1.05); }
.clinic-center .wp-block-image{text-align:center; margin:0;}
.clinic-center figcaption{text-align:center; font-size:20px; line-height:1;}



.tmm .tmm_names{font-family: 'psu_stidtiregular'!important; font-size:18px!important;}
.tmm .tmm_member{margin-top:0!important;}
article .tmm .tmm_member .tmm_photo{background-position: center top !important;}


/*----------

	Single Post Header

*************************************************************/
.box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 auto;
}
.single-post .entry-content{margin-top:0;}
.single-post figure{margin-top:0;}
.meta-content {list-style:none; font-size:20px; line-height:1; margin-bottom:15px;}
.meta-content li{list-style:none;}
.meta-content li i{font-size:14px;}
.single-post-header.has-media .box-single-post-header .box-cell-entry {
    width: 50%;
    -ms-flex-item-align: flex-start !important;
    align-self: flex-start !important;
}.single-post-header {
	position: relative;
	background-color: #f1f3f5;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 20px 0 0 0;
	max-height:40vh;
	overflow:hidden;
}
.single-post-header-bg-outer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.single-post-header-bg-inner {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-filter: blur(24px) brightness(0.9);
    	-ms-filter: blur(24px) brightness(0.9);
    		filter: blur(24px) brightness(0.9);
    -webkit-transform: scale(1.5,1.5);
       -moz-transform: scale(1.5,1.5);
    		transform: scale(1.5,1.5);
}
.no-cssfilters .single-post-header-bg-inner {
	background-image: linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%) !important;
}
.single-post-header .text-title-parent {
	display: inline-block;
    position: relative;
    height: 24px;
    line-height: 22px;
    margin-bottom: 1.5em;
	margin-left: 20px;
	border-radius: 12px;
	font-family: Helvetica Neue, Helvetica, sans-serif;
    font-size: 0.75em;
    font-weight: bold!important;
	text-transform: uppercase;
}
.single-post-header .text-title-parent::after {
    content: '';
    position: absolute;
    top: 6px;
    left: 10px;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    border: 1px solid #b43b6b;
    background-color: #fff;
}
.single-post-header .text-title-parent a {
	display: block;
	padding: 0 16px 0 28px;
	border-radius: 12px;
	border: 1px solid #b43b6b;
	background-color: #de5c8e;
	color: #fff;
}
.single-post-header .text-title-parent a:hover {
	text-decoration: none;
}
.box-single-post-header {
	z-index: 10;
	position: relative;
	width: 100%;
	justify-content: flex-start;
	margin: 0;
	padding: 0;
}
.box-single-post-header .box-cell-entry {
	order: 1;
	z-index: 10;
	position: relative;
	padding: 0;
	width: 100%;
	max-height:45vh;
}
.box-single-post-header .box-cell-entry-inner {
	position: relative;
	margin-left: -20px;
	padding: 20px 20px 30px 20px;
	background-color: #fff;
}
.box-single-post-header .text-title {
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.5;
	color: #b43b6b;
	margin-bottom: 0;
}
.box-single-post-header .post-desc {
	margin-top: 0.625em;
	font-family: 'psu_stidtiregular', sans-serif; 
	color: #000;
}
.box-single-post-header .post-desc p:last-child {
	margin-bottom: 0;
}
.box-single-post-header .box-cell-media {
	order: 0;
	z-index: 20;
	width: 100%;
}
.box-single-post-header .box-cell-media-inner {
	width: 100%;
	margin-top:100px;
}
.box-single-post-header .box-cell-media-inner img {
	box-shadow: 0 15px 30px -15px rgba(0,0,0,0.5);
}
.single-post-header.has-media .box-single-post-header .box-cell-entry-inner {
	margin-top: -20px;
	padding-top: 45px;
}
@media (min-width: 576px) {
	.box-single-post-header .box-cell-entry-inner {
		padding-top: 30px;
		padding-right: 40px;
		padding-bottom: 40px ;
	}
	.single-post-header.has-media .box-single-post-header .box-cell-entry-inner {
		padding-top: 55px;
	}
	.box-single-post-header .text-title {
		font-size: 1.625em;
	}
}
@media (min-width: 768px) {
	.single-post-header .text-title-parent {
		z-index: 20;
		position: absolute;
		margin-top: 27px;
		margin-bottom: 0;
		margin-left: 30px;
	}
	.box-single-post-header .box-cell-entry {
		width: 83.333333%
	}
	.box-single-post-header .box-cell-entry-inner {
		margin-left: -30px;
		padding-right: 30px;
		padding-left: 30px;
	}
	.box-single-post-header .text-title {
		font-size: 1.75em;
	}
	.box-single-post-header .box-cell-media {
		width: 75%;
		margin-left: 25%;
	}
	.box-single-post-header .box-cell-media-inner {
		width: 100%;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.single-post-header.no-media .text-title-parent {
		z-index: 20;
		position: relative;
		margin-top: 0;
		margin-bottom: 1.5em;
	}
}
@media (min-width: 992px) {
	.single-post-header {
		padding-top: 80px;
		overflow: visible;
	}
	.box-single-post-header {
		width: 100%;
		margin-left: 0;
		padding-bottom: 0;
	}
	.box-single-post-header::after {
		bottom: -4px;
		width: 128px;
		height: 8px;
	}
	.box-single-post-header .box-cell-entry {
		order: 0;
		width: 100%;
	}
	.box-single-post-header .box-cell-entry-inner {
		background-color: transparent;
		margin: 0;
		padding: 80px 0 40px 0;
	}
	.box-single-post-header .text-title {
		font-size: 2em;
	}
	.box-single-post-header .box-cell-media {
		order: 1;
		top: 30px;
		width: 50%;
		margin-left: 0;
		margin-top: -30px;
		padding: 0;
	}
	.single-post-header.has-media {
		margin-bottom: 30px;
	}
	.single-post-header.has-media .box-single-post-header {
		padding-bottom: 0;
	}
	.single-post-header.has-media .box-single-post-header .box-cell-entry {
		width: 50%;
		-ms-flex-item-align:flex-start!important;align-self:flex-start!important;
		padding-top:100px;
	}
	.single-post-header.has-media .box-single-post-header .box-cell-entry-inner {
		margin-top: 0;
		padding-top: 80px;
		padding-right: 30px;
		padding-bottom: 80px;
	}
	.single-post-header.has-bg .box-single-post-header .text-title {
		color: #fff;
	}
	.single-post-header.has-bg .box-single-post-header .post-desc {
		color: rgba(255,255,255,0.875);
	}
}
@media (min-width: 1200px) {
	.single-post-header .text-title-parent {
		margin-bottom: 2em;
	}
	.box-single-post-header .box-cell-media {
		top: 50px;
		margin-top: -50px;
	}
	.box-single-post-header .text-title {
		font-size: 2.25em;
	}
	.single-post-header.has-media {
		margin-bottom: 50px;
	}
	.box-single-post-header .box-cell-media-inner {
		width: 100%;
	}
	.single-post-header.has-media .box-single-post-header .box-cell-entry-inner {
		padding-right: 50px;
	}
	.single-post-header.has-bg.no-media .box-single-post-header .box-cell-entry-inner {
		padding-right: 0;
		padding-left: 0;
	}
}
@media (min-width: 1440px) {
	.single-post-header .text-title-parent {
		margin-left: calc(2vw + 30px);
	}
	.box-single-post-header .text-title {
		font-size: 2.5em;
	}
	.box-single-post-header .box-cell-media {
		top: 60px;
		margin-top: -60px;
	}
	.single-post-header.has-media {
		margin-bottom: 60px;
	}
	.single-post-header.has-media .box-single-post-header .box-cell-entry-inner {
		padding-right: 60px;
	}
}
@media (max-width: 991px) {
	.box-single-post-header .text-title {
		color: #b43b6b !important;
	}
}
/*----------

	Single Post Body

*************************************************************/
.single-post-content {
	padding-top: 40px;
}
.single-post-content .col-content {
	padding: 0 20px;
}
.single-post-content .col-sidebar {
	padding: 0;
}
.single-post-content .post-meta {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	-webkit-box-align: stretch;
	   -ms-flex-align: stretch;
		  align-items: stretch;
	-ms-flex-flow: row wrap;
		flex-flow: row wrap;
	margin: 0 0 40px 0;
	line-height: 30px;
}
.single-post-content .post-meta .post-date,
.single-post-content .post-meta .post-type {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	color: #000;
}
.single-post-content .post-meta .post-date + .post-type {
	padding-top: 1.5em;
}
.single-post-content .post-meta .post-date i {
	width: 36px;
	font-size: 1.25em;
	color: #b43b6b;
}
.single-post-content .menu-posttype {
	position: relative;
	margin: 0;
	padding: 0 0 0 36px;
}
.single-post-content .menu-posttype::before {
	content: "\f07c";
	font-family: 'Font Awesome\ 5 Free';
	font-weight: 900;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.25em;
	color: #b43b6b;
}
.single-post-content .menu-posttype li {
	list-style: none;
}
.single-post-content .menu-posttype li + li {
	margin-top: 0.25em;
}
.single-post-content .menu-posttype li a {
	background-image: linear-gradient(transparent calc(100% - 2px),#de5c8e 2px);
	color: #000;
	text-decoration: none;
	transition: all 0s ease;
}
.single-post-content .menu-posttype li a:hover {
	background-image: linear-gradient(transparent calc(100% - 2px),#de5c8e 2px);
	color: #de5c8e;
}
.single-post-content .current-content .post-media + .post-entry {
	margin-top: 1.5em;
}
.single-post-content .current-content .post-entry {
	font-size: 1em;
	line-height: 1.75;
}
.single-post-content .text-title-meta {
	font-family: 'chulalongkornbold', sans-serif; 
	font-size: 1.25em;
	color: #b43b6b;
	margin-bottom: 0.5em;
}
.single-post-content .post-tag,
.single-post-content .post-share {
	margin-top: 5em;
}
.single-post-content .nextprev-content {
	margin-top: 5em;
}
.single-post-content .nextprev-content .box-nextprev {
	width: calc(100% + 40px);
	margin-left: -20px;
}
.single-post-content .nextprev-content .box-nextprev .box-cell-nextprev {
	width: 50%;
	padding: 0 20px 30px 20px;
}
.single-post-content .nextprev-content .box-nextprev .box-cell-nextprev:nth-child(2) {
	border-left: 1px solid #e1e3e5;
}
.single-post-content .nextprev-content .box-nextprev .box-cell-viewall {
	width: 100%;
	padding: 30px 20px;
	border-top: 1px solid #e1e3e5;
	font-family: 'chulalongkornbold', sans-serif; 
	font-size: 1.25em;
	text-align: center;
}
.single-post-content .nextprev-content .box-nextprev .text-title {
	font-size: 1em;
	margin-bottom: 0;
}
@media (min-width: 414px) {
	.single-post-content .post-meta .post-date,
	.single-post-content .post-meta .post-type {
		width: 50%;
	}
	.single-post-content .post-meta .post-date + .post-type {
		padding-top: 0;
	}
}
@media (min-width: 576px) {
	.post-others .post-item.has-media .post-media {
		-ms-flex:150px;flex:150px;max-width:150px;
		padding-right: 15px;
	}
	.post-others .post-item.has-media .post-entry {
		-ms-flex:calc(100% - 150px);flex:calc(100% - 150px);max-width:calc(100% - 150px);
	}
}
@media (min-width: 768px) {
	.single-post-content .col-content {
		padding-right: 30px;
		padding-left: 30px;
	}
	.single-post-content .nextprev-content .box-nextprev {
		width: calc(100% + 60px);
		margin-left: -30px;
	}
	.single-post-content .nextprev-content .box-nextprev .box-cell-nextprev {
		padding-right: 30px;
		padding-left: 30px;
	}
	.single-post-content .nextprev-content .box-nextprev .text-title {
		font-size: 1.125em;
	}
}
@media (min-width: 1200px) {
	.single-post-content {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.single-post-content .col-content {
		padding-right: 30px;
		padding-left: 0;
	}
	.single-post-content .col-sidebar {
		padding-left: 20px;
	}
	.single-post-content .post-meta {
		padding: 40px 0;
	}
	.single-post-content .nextprev-content .box-nextprev {
		width: 100%;
		margin-left: 0;
	}
	.single-post-content .nextprev-content .box-nextprev .box-cell-nextprev:nth-child(1) {
		padding-left: 0;
	}
	.single-post-content .nextprev-content .box-nextprev .box-cell-nextprev:nth-child(2) {
		padding-right: 0;
	}
}
@media (min-width: 1440px) {
	.single-post-content {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.single-post-content .col-content {
		padding-right: 60px;
	}
	.single-post-content .current-content .post-entry {
		font-size: 1.125em;
	}
}




@media (min-width: 1200px) {
	.post-item .post-entry .text-title {
		font-size: 1.25em;
	}
	.post-wrapper.post-entry-padding .post-item .post-entry {
		padding: 20px 25px 30px 25px;
	}
}
@media (max-width: 575px) {
	.post-wrapper.post-item-ashome .post-item {
		padding-bottom: 20px;
		border-bottom: 1px dashed #e1e3e5;
		box-shadow: none;
	}
	.post-wrapper.post-item-ashome.post-item-shadow .post-item::before {
		display: none;
	}
	.post-wrapper.post-item-ashome .post-item .post-media {
		float: left;
		width: 120px;
		margin-right: 1em;
	}
	.post-wrapper.post-item-ashome .post-item .post-entry {
		padding: 0;
		background-color: transparent;
		overflow: hidden;
		box-shadow: none !important;
	}
	.post-wrapper.post-item-ashome .post-link {
		position: relative;
		margin-top: 1em;
		text-align: right;
	}
	.post-wrapper.post-item-ashome .post-link a {
		display: inline-block;
		padding: 8px 16px;
		border-radius: 2px;
		font-size: 0.75em;
	}
}
@media (max-width: 399px) {
	.post-wrapper.post-item-ashome .post-item .post-media {
		width: 100px;
	}
}
/*----------

	master-slider

*************************************************************/

.master-slider-parent{width:100%; overflow:hidden;}
.ms-skin-light-5 .ms-nav-next{right: 50px!important; left:auto!important;}
.ms-skin-light-5 .ms-nav-prev{right: 83px!important; left:auto!important;}
.ms-slide::before{ content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../../../../asset/images/bg_shadow_hero.png) rgba(0, 0, 0, 0.2) repeat-x top;
  top: 0;
  z-index: 1;}


/*----------

	index

*************************************************************/

.home{background-color:#e6e6e6;}

.stat-dent{background:url(../../../../asset/images/bg-dent-stat.jpg) #e6e6e6 no-repeat top; min-height:650px; padding-top:100px;
font-family: 'psu_stidtiregular',sans-serif;
font-weight: normal;
font-style: normal;
line-height: 1.2;}
@media (min-width: 1440px) {
	.stat-dent{ background-size:100% auto; background-position:bottom;}
}

.wrapper-stat{ max-width:400px; position:relative; padding-right:50px; float:right; margin-right:150px; text-align:right;}
.line-stat{width:7px; height:230px; position:absolute; right:17px; bottom:0; background:#464445;}
.circle-stat{width:30px; height:30px; border-radius:50%; background:#2daae1; right:5px; bottom:245px; position:absolute; }
.number-stat{font-size:65px; color:#aec3d4;line-height:70px; }
.text-stat{ color:#464445;}
.row-stat{position:relative; width:100%;}
.row-stat > div{ height:70px; display: inline-block; vertical-align: baseline;}
.number-right .text-stat{text-align:right;}
.number-left .text-stat{text-align:left;}
.number-left .number-stat{padding-right:10px;}
.number-right .number-stat{padding-left:10px;}
.number-right > div{float:right;}
.number-left > div{float:left;}


.column-grid{width:100%; position:relative; margin-bottom:50px; max-width:100%; display:inline-grid; grid-gap: 10px;grid-template-columns: 33.33% 33.33% 33.33%;}
.item-grid.grid1{grid-row-start: 1;grid-row-end: 2;grid-column-start: 3;grid-column-end: 3;}
.item-grid.grid2{grid-row-start: 1;grid-row-end: 1;grid-column-start: 1;grid-column-end: 3;}

.item-grid{position:relative; height:260px;}
.item-grid img{width:100%;-webkittrans-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;}
.item-grid8{grid-column-start: 1;grid-column-end: 3;}
.item-grid h3{bottom:50px; line-height: 18px; text-shadow:0 1px #595959; font-size:20px;  color:#fff;
-webkittrans-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;}
.item-grid h3 strong{ background:#000;text-transform: uppercase; padding-left:15px; padding-right:3px; font-size:30px; margin-right:1px;}
.item-grid h4{ color:#fff; padding-left:15px; margin-top:160px; font-size:16px;}
.item-grid:hover img{filter: contrast(115%);
filter: progid:DXImageTransform.Microsoft.BasicImage(contrast=1.15);
-moz-filter: contrast(115%);
-webkit-filter: contrast(115%);}

.value-dent{overflow:hidden;}
.home .value-dent{margin-top: -180px;}
.value-dent .item-grid{background-size:120% auto; background-position:center;}
.value-dent .item-grid::after{
	content: "";
    position: absolute;
    left: 0;
    top: 0;
    padding-top: 100px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2) no-repeat top;
    z-index: 1;
}
@media (min-width: 480px) {
	.item-grid{height: 220px;}
	.item-grid h4{margin-top: 130px;}
}
.value-dent .item-grid .li{ position:relative; z-index:9;}
.value-dent .grid1{ background-color:#293740; width:1000px;}
.value-dent .grid2{ background-image:url(../../../../asset/images/development.jpg);}
.value-dent .grid3{ background-image:url(../../../../asset/images/professionalism.jpg);}
.value-dent .grid4{ background-image:url(../../../../asset/images/social2.jpg);}
.value-dent .grid5{ background-image:url(../../../../asset/images/unity.jpg);}
.value-dent .grid1 h3{font-size:40px; width:300px; text-align:right; display: inline-block;position: relative;margin-top: 50px;padding-right:25px;}
.value-dent .grid1 h4{font-family: 'psu_stidtilight'; font-size:60px; width:300px; letter-spacing:5px; margin-top:50px; text-transform:uppercase;text-align:right; padding-right:25px;}
.value-dent .grid1 h3::after {
    content: '';
    display: block;
    width: 100px;
    height: 5px;
    bottom: 0;
    border-top: #fff solid 5px;
    text-align: right;
    margin: 0; 
position: absolute;
right: 25px;
top: 50px;
}



.vision-dent{background: url(../../../../asset/images/bg_vision.jpg) #fcfcfc no-repeat top center; background-size: 120% auto; position:relative; background-attachment:fixed;}
.vision-dent::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../../../../asset/images/bg_frame_right_top_white.png) rgba(0, 0, 0, 0.2) no-repeat top;
	background-size: 100% auto;
    top: 0;
    z-index: 1;
}

@media (min-width: 1200px) {
	.home .vision-dent::before{
		background-position: calc(100vw - 1080px) -5px;
	}
	
}

.vision-dent .wrapper{position:relative; min-height:750px;}
.content-vision{position:absolute; z-index:9; top:150px; right:50px; border-right:5px solid #fff; padding-right:25px;}
.content-vision h2{ color:#fff; text-align:right; font-size:29px; font-weight:bold; text-shadow:0 2px #000;}
.content-vision h3{ color:#fff; text-align:right; font-size:23px;}
.content-vision h4{ color:#fff; text-align:right; font-size:20px; font-weight:bold; text-shadow:0 2px #000;}

.title-section{font-family: 'psu_stidtilight'; text-transform:uppercase; font-size:50px; font-weight:normal; position:relative; z-index:19; line-height:0.8; margin:25px 0;}
.title-section::before {
    content: '';
    display: block;
    width: 70px;
    height: 5px;
    bottom: 0;
    border-bottom: #464445 solid 5px;
    text-align: left;
    margin: 0;
    position: absolute;
    left: 0;
    bottom: -25px;
}
.title-section > storng{font-family: 'psu_stidtiregular'; margin-right:15px;}
.title-blog{border-left:5px solid #464445; padding-left:15px; font-size:20px; line-height:1.1;}

.bg-gray{background:#e6e6e6;}
.bg-white{background:#fff;}

.dent-life{padding-bottom:100px; position:relative; margin-top:-150px; z-index:2;}
.dent-life .title-section{color:#fff; }
.dent-life .wrapper{margin-top:-20px;}
.dent-life .grid-item{padding:15px 20px;}
.dent-life .vtr{position:relative; overflow:hidden; padding:0; height:320px;}
.dent-life .vtr a{position:relative; display:block; z-index:9;}
.dent-life .vtr img{position:relative; display:block; width:100%; }
.dent-life .vtr > a::before {
    content: "\f04b";
	font-family: "Font Awesome 5 Free";
    position: absolute;
    left: 0;
	top:0;
	padding-top:100px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2) no-repeat top;
        background-size: auto;
    background-size: 100% auto;
    z-index: 1;
	font-weight: 900;
	font-size:50px;
	text-align:center;
	color:#ddd;
	z-index:2;
	transition: all 0.2s ease;
}
.dent-life .vtr > a:hover::before{color:#fff;}
.dent-life h4{font-size:16px;margin: 25px 10px; color:#464445;}
.dent-life .grid-item{background-position:center; background-size:110% auto; }
.dent-life .link > .grid-post{height:100%;}
.dent-life .title-blog{color:#fff; border-color:#fff; margin-bottom:0.5em;}
.dent-life .title-blog:hover{color:#dae7ea; text-shadow:0 2px #000;}
.dent-life .intro .title-blog{color: inherit; border-color:inherit; margin-top:10px;}
.dent-life .intro .title-blog:hover{color:inherit; text-shadow: none;}
.dent-life .student{background-image:url(../../../../asset/images/dent_life_student.jpg);}
.dent-life .link{padding:0;}
.dent-life .link-hos{background-image:url(../../../../asset/images/dent_life_hospital.jpg);}
.dent-life .link-100fund{background-image:url(../../../../asset/images/dent_life_100yfund.jpg);}
.dent-life .link .grid-item{display:flex;align-items: flex-start;  justify-content: flex-end;flex-direction: column;}

.dent-life .grid-post{min-height:220px;}

@media (min-width: 992px) {
	
	.dent-life .grid-post{min-height:270px;}

}
.dent-update{width:100%; background-color:#e6e6e6; position:relative; overflow: hidden; z-index:9; margin-bottom:-15px;}
.content-update{}
.carousel-news { position:relative; width:100%; padding:0; height:415px;}
.carousel-news .is-carousel{margin-top: -100px;max-width:calc(100% - ((100% - 1080px) / 2 ));z-index: 9;padding-left: 250px; width:100%; position:relative; float:right; margin-right:0!important;}
.carousel-news .is-carousel::after{ content:"";width: 100%;
height: 100%;left: 0px; top:115px;
position: absolute; background:#fff;}
.carousel-news .slick-list{margin-top: 0px;z-index: 9;margin-left: 0px;}
.carousel-news .uagb-post__inner-wrap{background:#fff!important;box-shadow: 0 10px 10px rgba(0,4,12,.05),0 4px 15px rgba(0,0,0,.05),0 0 5px rgba(0,4,12,.05);transition: transform .2s; }
.carousel-news .uagb-post__inner-wrap:hover{transform: scale(1.03); }
.carousel-news .uagb-post__image{ height:200px; overflow:hidden;}
.carousel-news .uagb-post__image img{min-height:190px; width:100%!important; max-width:none!important;}
.carousel-news h3{font-size:17px;}
.carousel-news .uagb-post__text{max-height:180px; overflow:hidden;}
.carousel-news .slick-prev{ z-index:999!important; top: auto;left:auto!important;position:absolute; bottom:-50px!important; right:70px!important; height:35px;}
.carousel-news .slick-next{ z-index:999!important; top: auto;left:auto!important;position:absolute; bottom:-50px!important; right:30px!important; height:35px;}
.carousel-news ul.slick-dots{z-index:99!important;margin-bottom: -20px; }
.carousel-news .uagb-post__taxonomy {position: absolute!important;top: 160px;background: #000;
color: #fff;
padding: 0px 10px;
font-size: 14px; letter-spacing:0;
border-radius: 15px;font-family: 'psu_stidtiregular';}
.carousel-news .uagb-post__taxonomy .dashicons-tag{display:none;}
.carousel-news .uagb-post__items article{ z-index:19;}


@media (min-width: 1440px) {
	.carousel-news{height: 398px;}
	.carousel-news .slick-slider,
	.carousel-news .is-carousel{max-width:calc(100% - ((100% - 1440px) / 2 ));}
}
@media (min-width: 1740px) {
	.carousel-news{height: 371px;}
}

.contact-nav h2,
.contact-nav h3{text-transform:uppercase;}
.contact-nav p {font-size:18px;}
.contact-nav a:hover{color:#fff;}

.border-title{position:relative; margin-bottom:1.5em;}
.border-title::before {
    content: '';
    display: block;
    width: 70px;
    height: 5px;
    bottom: 0;
    border-bottom: #91b1b9 solid 5px;
    text-align: left;
    margin: 0;
    position: absolute;
    left: 0;
    bottom: -25px;
}
.postcard-year p{font-size:100px;}
.postcard{box-shadow: 0px 1px 13px rgba(0,0,0,0.1);}
.postcard figcaption{font-size:30px; padding:0 10px 10px;}
.column-pic h3{font-size:0.9em; margin-bottom:25px;}
.column-pic{margin-bottom:25px; margin-top:50px; position:relative;}
.column-pic .wp-block-media-text__media{box-shadow: 0 5px 20px 0 #aeaeae;}
.column-pic .wp-block-media-text__content{background:#f7f7f7; padding:5%; margin-left:-10%; }
.column-pic p{line-height:1.1;margin: 0 0 0.25em 0;}
.column-pic .wp-block-media-text__content h2{position:relative; margin-bottom:50px;}
.column-pic .wp-block-media-text__content h2::before {
    content: '';
    display: block;
    width: 70px;
    height: 5px;
    bottom: 0;
    border-bottom: #464445 solid 5px;
    text-align: left;
    margin: 0;
    position: absolute;
    left: 0;
    bottom: -25px;
}
.wp-block-cover{margin:60px 0;}

main article ul{list-style:none;}
main article ul li::before {
	font-family: 'Font Awesome\ 5 Free';
	font-weight: 900;
    content: "\f105";
    margin-right: 8px;
	font-size:15px;
}
article ol {list-style: decimal inside;margin-left: 50px;}
article ol li{list-style: decimal inside;}
article a,
article a:active,
article a:visited{color:#153d6e;}
article a:hover{color:#91b1b9;}


.wp-block-file .wp-block-file__button{font-size:20px;padding: .25em 1em;}
.post-title{font-size:0.7em;}
.post-content{margin:0; margin-bottom:25px;}
.post-content .wp-block-file__button{ margin-left:0;}
.post-thumbnail{max-height:220px; overflow:hidden; margin-bottom:10px;}
.post-content p{ margin-bottom:10px;}

article .tmm .tmm_member .tmm_photo{box-shadow:none;border-radius: 0px !important; max-width:100%;border: 0px !important;width: 250px;
padding-bottom: 0!important;
margin-top: 0!important;
height: 300px!important;}
article .tmm .tmm_member {border-radius: 0px !important;border: 0px !important;box-shadow:none!important;}
article .tmm .tmm_1_columns .tmm_member .tmm_photo{width:220px; height:300px; float:left;}
article .tmm .tmm_1_columns .tmm_member .tmm_textblock {width:50%; float:left; border-left:5px solid #91b1b9; margin-left:50px;}
.tmm_plugin_f, .tmm_plugin_f .tmm_names span, .tmm_plugin_f .tmm_job, .tmm_plugin_f .tmm_desc, .tmm_plugin_f .tmm_desc a, .tmm_plugin_f .tmm_desc span, .tmm_plugin_f .tmm_desc p, .tmm_plugin_f .tmm_desc h1, .tmm_plugin_f .tmm_desc h2, .tmm_plugin_f .tmm_desc h3, .tmm_plugin_f .tmm_desc h4, .tmm_plugin_f .tmm_desc h5, .tmm_plugin_f .tmm_desc h6, .tmm_plugin_f .tmm_desc ul li, .tmm_plugin_f .tmm_desc ol li { font-family:inherit!important; font-size: inherit!important;}
.tmm .tmm_1_columns .tmm_member{margin-top:15px!important;}
.tmm .tmm_plugin_f.tmm_1_columns .tmm_names{font-family: 'psu_stidtiregular'; font-size:23px!important;}
.tmm .tmm_plugin_f.tmm_1_columns .tmm_job,
.tmm .tmm_plugin_f.tmm_1_columns .tmm_names,
.tmm .tmm_plugin_f.tmm_1_columns .tmm_desc p{text-align:left!important;}

#banner-widget .title-section{font-size:30px; margin-top:0; margin-bottom:50px; color:#f8f9fa;}
#banner-widget img{ max-width:640px!important;}

@media (min-width: 300px) and (max-width: 991px) { 
	#banner-widget{display:none;}
}
@media (min-width: 1440px) { 
#banner-widget img{ max-width:95%!important;}

}

.system-menu .wp-block-uagb-icon-list-child{ width:250px; height:150px; float: none;}
.system-menu .uagb-icon-list__wrap,
.system-menu .uagb-icon-list__wrapper { display:inline-block !important; text-align:center;margin-bottom: 35px!important;}
.system-menu .uagb-icon-list__content-wrap{flex-wrap: wrap;}
.system-menu .uagb-icon-list__source-wrap, 
.system-menu .uagb-icon-list__label-wrap,
.system-menu .uagb-icon-list__label-wrap .uagb-icon-list__label{ margin-bottom:20px; width:100%; display:inline;text-align:center!important;}
.system-menu .uagb-icon-list__source-icon{ }
.system-menu .uagb-icon-list__source-icon svg{ transition: all 0.2s ease;fill:#2daae1!important;margin:auto!important;width:60px!important; height:60px!important;}
.system-menu .wp-block-uagb-icon-list-child:hover .uagb-icon-list__source-icon svg{ fill:#1d262d!important;}


.col-sidebar{padding-left:25px!important;}
.single-post-header.has-media .box-single-post-header .box-cell-entry h1{font-size:27px; line-height:1.5;}


@media all and (min-width:1440px){
	.featured {padding: 150px 16% 50px;}
}
@media all and (max-width:1024px){
	.featured {padding: 150px 15px 50px;}
}
@media all and (max-width:992px){
	.menu-offcanvas{width:100%;max-width:100%;-ms-flex: 100%;flex: 100%;}
	.contact-nav{display:none; }
	.hero-big{min-height: 50vh;}
	.column-pic .wp-block-media-text__content{margin-left:0!important;}
	.postcard-year{width:100%;}
	.system-menu .uagb-icon-list__source-icon svg {fill: #000 !important;}
	
	.single-post-header.has-media .box-single-post-header .box-cell-entry,
	.box-single-post-header .box-cell-media{width:100%;}
	#hero.single-post-header{overflow:visible!important;max-height: none; min-height:none!important;}
	.box-single-post-header .box-cell-media-inner{margin-top:0; max-width:450px; max-height:300px; overflow:hidden;}
	.box-single-post-header .box-cell-media{ margin-left:0!important;}
	.single-post-header.has-media .box-single-post-header .box-cell-entry{margin-top:25px; margin-bottom:15px;}
	.single-post-header.has-media .box-single-post-header .box-cell-entry h1{font-size:23px; line-height:1.3;}

	.meta-content{margin-bottom:15px; position:relative; width:100%; overflow:hidden;}
	.meta-content li{float:left; display:inline-block; padding:5px 10px; margin:0;}
	
	.vision-dent{background-attachment:inherit;}
}

@media all and (max-width:800px){
	.searchsite-title{margin-top:100px;}
	.column-grid{
		grid-template-columns: 50% 50%;
	}
	.item-grid.grid2 {
		grid-row-start: 2;
		grid-row-end: 2;
		grid-column-start: 1;
		grid-column-end: 1;
	}
	.item-grid.grid1 {
		grid-row-start: 1;
		grid-row-end: 1;
		grid-column-start: 1;
		grid-column-end: 3;
	}
	.carousel-news{overflow:hidden;}
	.carousel-news .slick-list{margin-top:25px; margin-left:0; height:auto; float:none;}
	.carousel-news{height:auto;}
	.carousel-news .uagb-post__image{height:180px;}
	.dent-life{margin-top:0;}
	.dent-life .title-section { color:inherit;}
	.grid-post.grid2 {
		grid-template-columns: 1fr;
	}
	.carousel-news .uagb-post__taxonomy {
		position: relative !important;
		top: auto;
	}
	.dent-life{padding-bottom:25px;}
	.dent-life .link > .grid-post.grid2 {
		grid-template-columns: 1fr 1fr;
	}
	.dent-life .student{height:300px;}
	.vision-dent .wrapper{min-height: 350px;}
	.value-dent .grid1{width:100%;}
	.wrapper-stat{max-width:100%;margin:0; }
	.stat-dent{padding-top: 30px;min-height: 550px;}
	
	.carousel-news .slick-prev,
	.carousel-news .slick-next{bottom:0!important;}
	.carousel-news .is-carousel{padding-bottom:50px;}
	
	/* 28092563 */
	.featured {margin-bottom:0; padding-bottom:15px;}
	.featured .wp-block-image{float: left;max-width: 100px;}
	.featured .wp-block-column {flex-basis: 100% !important; background-color: rgb(0, 83, 87); border-bottom:2px solid #fff;}
	.featured .wp-block-column:nth-child(2n){margin-left:0;}
	.featured h2{border-left:0;}
	.carousel-news .is-carousel{margin-top:15px; width:100%; max-width:100%; padding-left:0;}
	.featured .title-section{left:15px;}
	
	h3, .h3 { font-size:0.8em;}
}

@media all and (max-width:700px){
	.logo-footer{width:100%; margin-bottom:15px; text-align:center;}
	.link-text-contact{display:none;}
	.contact-footer{padding-left:0; padding-right:0;margin-left: 0;
margin-right: 0; text-align:center;justify-content: center;}
}
@media all and (max-width:599px){

	.clinic-center .wp-block-column {
		flex-basis: 50% !important;
	}
	.title-section,
	.featured .title-section { font-size:35px!important;}
}
@media all and (max-width:520px){
	
	.searchsite-toggle{display:none;}
	.secondary-nav .widget_polylang select{margin-right:10px;margin-top: 7px;}
	.content-vision h2{font-size:20px;}
	.item-grid {
		height: 140px;
	}
	.item-grid h4 {
		margin-top: 60px;
	}
	.value-dent .grid1 h3{font-size:34px;}
	.item-grid h3{font-size: 16px}
	.item-grid h3 strong {font-size: 25px;}
	.value-dent .grid1 h4{margin-top:0;}
	.dent-life .grid-post {
		min-height: 180px;
	}
	h1, .h1 {font-size: 1.2em;}
	h2, .h2 {font-size: 1em;}
	.column-pic h3 {font-size: 0.8em;}
	article .tmm .tmm_1_columns .tmm_member .tmm_textblock{width:95%;}
	.tmm .tmm_plugin_f.tmm_1_columns .tmm_names {font-size: 20px !important;}
	.system-menu .wp-block-uagb-icon-list-child {width: 48%;}
	.system-menu .uagb-icon-list__content-wrap{width: 100%;}
	.content-vision{right:25px;}
	
	.value-dent .grid1 h4{font-size:40px; width:100%;}
	.value-dent .grid1 h3{font-size:27px; width:100%;}
}
@media all and (max-width:480px){
	.content-vision{ bottom:25px; top:auto;}
}