/* Include all fonts & customized classes */
@font-face {
  font-family: "Kanit";
  src: url(../fonts/kanit/v2/Kanit-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal; }
@font-face {
  font-family: "Kanit";
  src: url(../fonts/kanit/v2/Kanit-ThinItalic.ttf) format("truetype");
  font-weight: 100;
  font-style: italic; }
.kanit-100 {
  font-family: "Kanit";
  font-weight: 100;
  font-style: normal; }

.kanit-100i {
  font-family: "Kanit";
  font-weight: 100;
  font-style: italic; }

@font-face {
  font-family: "Kanit";
  src: url(../fonts/kanit/v2/Kanit-ExtraLight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal; }
@font-face {
  font-family: "Kanit";
  src: url(../fonts/kanit/v2/Kanit-ExtraLightItalic.ttf) format("truetype");
  font-weight: 200;
  font-style: italic; }
.kanit-200 {
  font-family: "Kanit";
  font-weight: 200;
  font-style: normal; }

.kanit-200i {
  font-family: "Kanit";
  font-weight: 200;
  font-style: italic; }

@font-face {
  font-family: "Kanit";
  src: url(../fonts/kanit/v2/Kanit-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: "Kanit";
  src: url(../fonts/kanit/v2/Kanit-LightItalic.ttf) format("truetype");
  font-weight: 300;
  font-style: italic; }
.kanit-300 {
  font-family: "Kanit";
  font-weight: 300;
  font-style: normal; }

.kanit-300i {
  font-family: "Kanit";
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: "Kanit";
  src: url(../fonts/kanit/v2/Kanit-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: "Kanit";
  src: url(../fonts/kanit/v2/Kanit-Italic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic; }
.kanit-400 {
  font-family: "Kanit";
  font-weight: 400;
  font-style: normal; }

.kanit-400i {
  font-family: "Kanit";
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "Kanit";
  src: url(../fonts/kanit/v2/Kanit-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: "Kanit";
  src: url(../fonts/kanit/v2/Kanit-MediumItalic.ttf) format("truetype");
  font-weight: 500;
  font-style: italic; }
.kanit-500 {
  font-family: "Kanit";
  font-weight: 500;
  font-style: normal; }

.kanit-500i {
  font-family: "Kanit";
  font-weight: 500;
  font-style: italic; }

@font-face {
  font-family: "Kanit";
  src: url(../fonts/kanit/v2/Kanit-SemiBold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: "Kanit";
  src: url(../fonts/kanit/v2/Kanit-SemiBoldItalic.ttf) format("truetype");
  font-weight: 600;
  font-style: italic; }
.kanit-600 {
  font-family: "Kanit";
  font-weight: 600;
  font-style: normal; }

.kanit-600i {
  font-family: "Kanit";
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: "Kanit";
  src: url(../fonts/kanit/v2/Kanit-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: "Kanit";
  src: url(../fonts/kanit/v2/Kanit-BoldItalic.ttf) format("truetype");
  font-weight: 700;
  font-style: italic; }
.kanit-700 {
  font-family: "Kanit";
  font-weight: 700;
  font-style: normal; }

.kanit-700i {
  font-family: "Kanit";
  font-weight: 700;
  font-style: italic; }

@font-face {
  font-family: "Kanit";
  src: url(../fonts/kanit/v2/Kanit-ExtraBold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal; }
@font-face {
  font-family: "Kanit";
  src: url(../fonts/kanit/v2/Kanit-ExtraBoldItalic.ttf) format("truetype");
  font-weight: 800;
  font-style: italic; }
.kanit-800 {
  font-family: "Kanit";
  font-weight: 800;
  font-style: normal; }

.kanit-800i {
  font-family: "Kanit";
  font-weight: 800;
  font-style: italic; }

@font-face {
  font-family: "Kanit";
  src: url(../fonts/kanit/v2/Kanit-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal; }
@font-face {
  font-family: "Kanit";
  src: url(../fonts/kanit/v2/Kanit-BlackItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic; }
.kanit-900 {
  font-family: "Kanit";
  font-weight: 900;
  font-style: normal; }

.kanit-900i {
  font-family: "Kanit";
  font-weight: 900;
  font-style: italic; }


.border-bottom-dot {
  border-bottom: 1px dotted #DDDDDD;
  overflow: hidden;
  margin: 0 15px;
  padding: 0;
  position: relative;
  padding-bottom: 20px;

}
.border-right {
  border-right:2px solid #f9be1f;
}
.border-left {
  border-left:2px solid #f9be1f;
}

.about-menu {
  margin:0;
  padding: 0;
  list-style: none;
}
.about-menu li a {
  display: block;
  border-bottom:1px dotted #dddddd;
  padding:5px 0;
  padding-left:10px;
  text-decoration: none;
  color:#a0a0a0;
}

.about-menu li a:hover {
  border-left:2px solid #f9be1f;
  color:#f9be1f;
}

.single .entry-title {
  font-family: 'quarkBold';
  border-bottom: 0;
}

.single .site-main {
  padding:0;
}
.page .page-header .page-title:after,
.category .page-header .page-title:after,
.archive .page-header .page-title:after,
.category .page-header,
.archive .page-header {
  border-bottom: 0;
}

.post-categories {
  margin:0;
  list-style: none;
  padding: 0;
  overflow: hidden;
  margin-bottom: 20px;
}

.archive .post-categories li a {
  float: left;
  min-height: 0;
  display: initial;
  padding:5px 10px;
  background:#f9be1f;
  color:white;
}

h3.entry-title {
  background: white;
  color: #404040;
  min-height: 80px;
}

.archive .item a {
  background: white;
}

.category .item .caption, .archive .item .caption {
}

.entry-excerpt {
  margin-top: 20px;
  color:#9e9e9e;
  border-bottom: 1px solid #c5c5c5;
  padding-bottom: 10px;
}
.category .item .caption .entry-meta, .archive .item .caption .entry-meta {
  color:#9e9e9e;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  padding-top:10px;
}

.category .pagination, .archive .pagination {
  background: #F1F1F1;
}

.pagination.navigation {
  padding: 15px 0;
}

.navigation h2 {
  margin:0;
}

.category .pagination .page-numbers.current, .archive .pagination .page-numbers.current {
  background: #f9be1f;
  border-radius: 0;
}
.category .pagination .page-numbers, .archive .pagination .page-numbers {
  background: white;
  border: 1px solid #c8c8c8;
  color:#737373;
  text-decoration: none;
}

.single #primary {
  margin-top:20px;
}

.thumbnail-sidebar {
  margin: 0;
  padding: 0;
  list-style: none;
}
.thumbnail-sidebar li {
  overflow: hidden;
  margin-bottom: 20px;
}
.thumbnail-sidebar li a img {
  width:100px;
  height: 80px;
  float:left;
}

.thumbnail-sidebar li a p {
  float:left;
  width: 250px;
  padding-left: 20px;
}

.download-wrap .entry-title {
  color: #404040;
  margin: 0;
  font-size: 16px;
}
.download-wrap h3.entry-title {
  min-height: 0;
}
.download-wrap .detail {
  position: absolute;
  right: 10px;
  top:0px;
  color:#f9be1f;
}
.download-wrap .download-date {
  color:#737373;
}
.page-template-aboutpage .panel-grid {
  margin-bottom: 10px!important;
}
.page-template-aboutpage .widget_sow-icon {
  width: 25%;
  display: inline-block;
  margin-bottom: 0!important;
}

.page-template-aboutpage .widget_sow-editor {
  width: 75%;
  display: inline-block;
  vertical-align: top;
  margin-top: 15px;
}

.page-template-aboutpage .sow-icon-fontawesome {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background: #0d7cab;
  color: white;
  font-size: 29px!important;
  padding-top: 12px;
}

.page-template-aboutpage .siteorigin-widget-tinymce p a {
  margin-top: 5px;
  color: #404041;
  font-family: 'quarkBold';
  font-size: 1.3em;
  text-align: left;
}

.download-section .view_all_section {
  padding: 1em;
  border-top: 3px solid #f5f5f5;
  border-bottom: 3px solid #f5f5f5;
}

.download-section .view_all_section .view_all_link {
  text-align: center;
  font-size: 17px;
  font-weight: bold;
}

.item-content .thumbnail .pr-big {
  height: 220px;
}

.item-content .caption .title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* WCAG 2.0 AA */

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {.logo2 img {width:50px !important;}}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {}


.pr_province-item h2.province {
    margin-top: 1px;
}
.footer-section .counter h3 {
    display: inline-block;
    font-family: 'quarkBold';
    font-size: 1.8em;
    color: white;
    margin-right: 20px;
}
.president-section .activities-box .activities-thumbnail_item .post_by, .president-section .activities-box .activities_item .content .post_by, .item .thumbnail .post_by, .president-section .activities_feed .thumbnail .post_by, .pr-section .pr_item .content .post_by, .item .thumbnail .content, .president-section .activities_feed .thumbnail .content, .download-section .download_tab .annouce_item .post_by, .download-wrap .annouce_item .post_by, .pr-section .pr_item-vdo .content .post_by,.pr_province-item .content .post_by { color: rgb(79, 79, 79);}
.president-section .president-box .content .position {
    color: #2355b9;
}
 .read_more a, .download-section .view_all_section .view_all_link a {
    color:#065965;
}
.navbar_design .lang .scale .btn_size {
    font-size: 160%;
}
.navbar_design .lang .scale span {
    color: #4F5101;
}
.pr_province-tab .nav-tabs>li>a {
    color: #0E5B67;
}
.president-box .content p { color:#087586;}

.item .caption .title, .president-section .activities_feed .thumbnail .title a {
    color: #0d7cab;
}
.pr_province-item .content .header a{
    color: #404041;
}
.navbar_design .navbar-header  .title {
    color: white;
    font-family: 'quarkBold';
    font-size: 1.5em;
    margin-bottom: 0;
    margin-top: 10px;
    text-align: left;
    line-height: 1.1;
    border-bottom: 0;
}
.navbar_design .navbar-header  .title_en {
    color: white;
    font-family: 'quarkLight';
    font-size: 0.7em;
    margin-top: 5px;
    margin-bottom: 0;
    text-align: left;
}
.navbar_design .navbar-header  .sub_title {
    color: white;
    font-family: 'quarkLight';
    font-size: 1.2em;
    margin-top: 5px;
    margin-bottom: 0;
    letter-spacing: 4px;
    text-align: left;
}