jitrawadee

เที่ยวเมืองโบราณ บ้านโคกไม้เดน

online marketing ฝึกงาน

ค่ายแนะแนวการศึกษา “ตามติดการทำงานอาชีพในฝัน”

กิจกรรมห้องสมุดสุดหรรษา “ร้อง เล่น เต้น อ่าน ส่งเสริมพัฒนาการเด็ก”

เที่ยวเมืองโบราณ บ้านโคกไม้เดน

online marketing ฝึกงาน

ค่ายแนะแนวการศึกษา “ตามติดการทำงานอาชีพในฝัน”

กิจกรรมห้องสมุดสุดหรรษา “ร้อง เล่น เต้น อ่าน ส่งเสริมพัฒนาการเด็ก”

พิพิธภัณฑ์ท้องถิ่น วัดพระธาตุหนองสามหมื่น

10 ที่เที่ยวสำหรับครอบครัว งบน่ารัก สบายกระเป๋า

ปิดเทอมทำอะไรดี ที่ไม่ไร้ประโยชน์

อุทยานการเรียนรู้ตราด

พิพิธภัณฑ์เมืองอัญมณี

โบราณสถานจวนเรสิดังกัมปอร์ต

พิพิธภัณฑ์วัดจีนประชาสโมสร(เล่งฮกยี่)

พิพิธภัณฑ์มีชีวิตตลาดน้ำบางคล้า

ศาลาไหมไทย

พิพิธภัณฑ์กายวิภาคศาสตร์

พิพิธภัณฑสถานแห่งชาติ ขอนแก่น

โฮงมูนมังเมืองขอนแก่น

พิพิธภัณฑ์ชีวิต พระสุเมธาธิบดี

พิพิธภัณฑ์พระรามเก้า

พิพิธภัณฑ์ท้องถิ่น วัดพระธาตุหนองสามหมื่น

10 ที่เที่ยวสำหรับครอบครัว งบน่ารัก สบายกระเป๋า

ทุนฟรี ทุนดี มีในโลก

ปิดเทอมทำอะไรดี ที่ไม่ไร้ประโยชน์

บทความอื่นๆ

ปฏิทินกิจกรรม

บทความอื่นๆ

224 โพสต์ 0 ความคิดเห็น

แหล่งเรียนรู้

12 3...19 หน้า 1 ของ 19

พฤหัส 22

22 กุมภาพันธ์ @ 8:00 am - 1 ตุลาคม @ 5:00 pm

พฤหัส 22

1 มีนาคม @ 8:00 am - 31 ตุลาคม @ 5:00 pm

พฤหัส 22

15 มีนาคม @ 8:00 am - 12 ตุลาคม @ 5:00 pm

พฤหัส 22

25 มีนาคม @ 8:00 am - 15 ธันวาคม @ 5:00 pm

* {
word-break: break-word;
}
.entry-title a, .td-post-category, .widget a, .td_block_wrap a {
text-decoration: none !important
transition: all 0.2s linear;
}
.entry-title a:hover, .td-post-category:hover, .widget a:hover, .td_block_wrap a:hover {
text-decoration: underline !important;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
font-family: "mitr", san-serif !important;
font-size: 16px;
}
::-moz-placeholder { /* Firefox 19+ */
font-family: "mitr", san-serif !important;
font-size: 16px;
}
:-ms-input-placeholder { /* IE 10+ */
font-family: "mitr", san-serif !important;
font-size: 16px;
}
:-moz-placeholder { /* Firefox 18- */
font-family: "mitr", san-serif !important;
font-size: 16px;
}
@media (min-width: 767px) {
.banner {
/* height: 450px; */
}
.banner-hero-mobile {
display: none;
}
}
.banner-hero-wrap {
background: #f89c1c url(https://happyschoolbreak.com/wp-content/uploads/2018/02/bg-banner-m@2x.png);
background-size: 100%;
background-repeat: no-repeat;
background-position: bottom center;
padding-left: 15px;
padding-right: 15px;
}
@media (max-width: 767px) {
.tdc-row.td-stretch-content {
padding-left: 20px;
padding-right: 20px;
}
}
// testimonial
.testimonial p {
font-family: "mitr", san-serif !important;
font-size: 20px;
font-weight: normal;
line-height: 1.4em;
}
.testimonial p + p {
font-size: 16px;
font-weight: lighter;
}
// introduction
.introduction-header h2 {
margin-bottom: 30px;
font-size: 48px;
font-weight: 300 !important;
}
.introduction-header p {
font-size: 20px;
font-family: "mitr", san-serif !important;
font-weight: 300;
color: #595959;
}
.introduction-header.-white h2,
.introduction-header.-white p{
color: #fff;
}
// Dreamer
.im-dreamer h3 {
margin-bottom: 5px;
font-size: 26px;
line-height: 1.2em;
font-weight: 300 !important;
}
.im-dreamer p,
.secondary-block p{
font-family: "mitr", san-serif !important;
color: #595959;
font-size: 17px;
font-weight: 300;
line-height: 1.4em;
}
// Secondary-block
.secondary-block h3{
margin-bottom: 5px;
}
.secondary-block p{
margin-bottom: 10px;
}
.secondary-block a{
display: inline-block;
width: 90px;
padding: 5px 25px;
margin-top: 10px;
//   margin: 0 auto;
text-align: center;
color: #fff;
background-color: #F76D00;
border-radius: 20px;
}
// About
.mitr p{
font-size: 22px;
line-height: 1.5em;
font-weight: 300 !important;
color: #595959;
}
// Article
.article-hero .td-big-grid-wrapper,
.article-list .td_module_wrap {
text-align: left;
}
.article-hero .td-post-category,
.article-list .td-post-category{
display: none;
}
// Calendar
#tribe-events-content {
max-width: 1200px;
margin: 0 auto 50px;
padding: 0;
}
#tribe-events-content .tribe-events-tooltip {
border-radius: 10px;
overflow: hidden;
}
#tribe-events-content .tribe-events-tooltip .entry-title {
font-size: 16px;
line-height: 1.4em;
padding: 5px 10px;
font-weight: 300 !important;
}
#tribe-events-content .tribe-events-tooltip .tribe-event-duration {
padding: 5px 0;
color: #999;
}
#tribe-events-content .tribe-events-tooltip .tribe-event-description p {
font-size: 13px;
}
#tribe-events-content .tribe-events-calendar .type-tribe_events {
border-radius: 5px;
margin-bottom: 2px !important;
}
.tribe-events-calendar .tribe-events-category-life-skill {
background-color: rgba(247, 109, 0, 0.4);
}
.tribe-events-calendar .tribe-events-category-social-skill {
background-color: rgba(96, 165, 220, 0.4);
}
.tribe-events-calendar .tribe-events-category-edutainment {
background-color: rgba(134, 111, 215, 0.4);
}
.tribe-events-calendar .tribe-events-category-work-skill {
background-color: rgba(242, 99, 145, 0.4);
}
.tribe-events-calendar .tribe-events-category-resource {
background-color: rgba(67, 179, 132, 0.4);
}
#tribe-events-content .tribe-events-present div[id*="daynum"]{
background-color: transparent;
}
#tribe-events-content .tribe-events-thismonth div[id*="daynum"]{
margin-bottom: 5px !important;
}
#tribe-events-content .tribe-events-calendar td.tribe-events-othermonth {
background-color: #f1f1f1;
}
// Calendar Popup
#tribe-events-content .tribe-events-category-life-skill .tribe-events-tooltip {
border: 1px solid rgba(247, 109, 0, 0.4);
}
#tribe-events-content .tribe-events-category-social-skill .tribe-events-tooltip {
border: 1px solid rgba(96, 165, 220, 0.4);
}
#tribe-events-content .tribe-events-category-edutainment .tribe-events-tooltip {
border: 1px solid rgba(134, 111, 215, 0.4);
}
#tribe-events-content .tribe-events-category-work-skill .tribe-events-tooltip {
border: 1px solid rgba(242, 99, 145, 0.4);
}
#tribe-events-content .tribe-events-category-work-skill .tribe-events-tooltip .entry-title {
background-color: rgba(247, 109, 0, 0.8);
}
#tribe-events-content .tribe-events-category-social-skill .tribe-events-tooltip .entry-title {
background-color: rgba(96, 165, 220, 0.8);
}
#tribe-events-content .tribe-events-category-edutainment .tribe-events-tooltip .entry-title {
background-color: rgba(134, 111, 215, 0.8);
}
#tribe-events-content .tribe-events-category-work-skill .tribe-events-tooltip .entry-title {
background-color: rgba(242, 99, 145, 0.8);
}
#tribe-events-content .tribe-events-category-resource .tribe-events-tooltip .entry-title {
background-color: rgba(67, 179, 132, 0.8);
}
@media (max-width: 767px) {
.introduction-header h2 {
font-size: 32px;
}
.introduction-header p {
font-size: 18px;
font-weight: 300;
}
.im-dreamer .td_mod_wrap {
text-align: center;
}
.testimonial p {
font-family: "mitr", san-serif !important;
font-size: 18px;
font-weight: normal;
line-height: 1.4em;
}
.banner-hero-mobile {
display: block;
}
.banner-hero {
display: none;
}
#td_uid_1_5a86b7c2efbdb {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
// Email Subscript
.td_block_template_1.widget_mc4wp_form_widget {
margin: 0;
}
.td_block_template_1.widget_mc4wp_form_widget .block-title {
display: block;
font-weight: 300 !important;
margin-bottom: 10px;
}
.td_block_template_1.widget_mc4wp_form_widget .block-title span {
padding: 0;
}
.td_block_template_1 .mc4wp-form-559 {
display: inline-block;
position: relative;
margin-left: 0px;
width: 100%;
}
.td_block_template_1 .mc4wp-form-559 .email-textbox{
border-radius: 30px;
padding: 22px;
}
.td_block_template_1 .mc4wp-form-559 .email-submit{
display: inline-block;
position: absolute;
top: 4px;
right: 3px;
border-radius: 21px;
padding: 7px 25px;
font-size: 16px;
}
// Frontpage - Event
.card-event {
font-family: "mitr", san-serif !important;
font-weight: 300 !important;
line-height: 1.5em;
}
.card-category.life-skill {
color: #866fd7;
}
.card-category.social-skill {
color: #5EA5DC;
}
.card-category.edutainment {
color: #866FD7;
}
.card-category.work-skill {
color: #F26391;
}
.card-title {
font-family: "mitr", san-serif !important;
font-size: 21px;
margin: 15px 0 5px;
}
.card-date {
color: #595959;
}
.card-lead {
font-family: "mitr", san-serif !important;
font-size: 17px !important;
line-height: 1.3em !important;
color: #595959;
margin-top: 10px;
}
.card-more {
display: block;
width: 150px;
margin: 0 auto;
padding: 10px 20px;
border: 2px solid #F89C1C;
border-radius: 30px;
text-align: center;
font-family: "mitr", san-serif !important;
font-size: 18px !important;
}
.card-event-weekly .card-category {
position: absolute;
bottom: 325px;
left: -10px;
display: inline-block;
padding: 3px 7px;
color: #fff;
border-radius: 5px;
}
.card-event-weekly .life-skill {
background-color: #866fd7;
}
.card-event-weekly .social-skill {
background-color: #5ea5dc;
}
.card-event-weekly .edutainment {
background-color: #f76d00;
}
.card-event-weekly .work-skill {
background-color: #f26391;
}
.card-event-weekly .resource {
background-color: #43B384;
}
// tribe-event-categories
.tribe-event-categories .term-life-skill {
background-color: #866fd7;
}
.tribe-event-categories .term-work-skill {
background-color: #f26391;
}
.tribe-event-categories .term-edutainment {
background-color: #f76d00;
}
.tribe-event-categories .term-social-skill {
background-color: #5ea5dc;
}
.tribe-event-categories .term-resource {
background-color: #43B384;
}
// Footer
.td-footer-wrapper.td-container-wrap  {
padding-top: 30px;
padding-bottom: 10px;
}
.td-footer-info {
margin-bottom: 20px;
}
.td-footer-info .footer-logo-wrap {
margin: 0;
}
.td-footer-info .footer-text-wrap,
.mc4wp-form .email-submit{
font-family: "mitr", san-serif !important;
font-weight: 300 !important;
line-height: 1.5em;
font-size: 20px;
}
.td-footer-info .td-social-style-2 {
display: inline-block;
border: 1px solid #fff;
border-radius: 10px;
margin-top: 20px;
}
.td-footer-info .td-social-style-2 .td-icon-font {
background-color: transparent;
}
.td-footer-info  .td-social-style-2 .td-social-icon-wrap {
margin: 0;
}
.mc4wp-form .email-submit {
font-size: 13px;
}
.social-footer {
position: static !important;
width: 190px;
border: 1px solid #fff !important;
}
.social-footer:before {
color: #fff !important;
}
//** Event **//
.single-tribe_events .tribe-events-event-image,
.type-tribe_events .tribe-events-event-image{
float: left;
width: 50%;
margin-right: 30px;
}
@media (max-width: 768px) {
.tribe-events-list .tribe-events-event-image img { width: 100% !important; }
#tribe-community-events,
#tribe-events-pg-template, .tribe-events-pg-template  {
margin: 0 !important;
}
#tribe-events {
margin: 0 !important;
}
}
@media (max-width: 767px) {
.single-tribe_events .tribe-events-event-image,
.type-tribe_events .tribe-events-event-image {
float: none !important;
width: 100% !important;
margin-right: 0 !important;
}
}
/** Section Event  **/
#tribe-events-pg-template, .tribe-events-pg-template {
max-width: 100%;
}
#tribe-events-content-wrapper {
/* margin: 40px auto; */
max-width: 1280px;
margin: 0 auto;
}
.tribe-events-promo,
.tribe-events-ical {
display: none !important;
}
/*
#tribe-events-header .tribe-events-sub-nav {
display: none;
} */
/** Section Event community **/
.tribe-section-content-label label,
.tribe-community-events label {
font-family: "mitr",  sans-serif !important;
font-weight: 400 !important;
font-size: 1.12em;
}
.recurrence-row.tribe-datetime-block {
display: none
}
.tribe-community-events textarea,
.tribe-community-events input[type=text],
.tribe-community-events input[type=url] {
width: 100%;
}
.tribe-events-community-details.eventForm.bubble {
background: #fff;
border: none;
margin: 0
}
.tribe-community-events .tribe-section.tribe-section-taxonomy .tribe-dropdown .select2-choices .select2-search-field {
padding: 0;
}
@media (min-width: 1023px) {
#tribe-community-events {
margin: 40px 100px;
border: none;
}
.my-events-header h2.my-events {
font-size: 2em;
}
.tribe-community-events .tribe-section {
border: none;
}
.tribe-community-events .tribe-section .tribe-section-header {
border-bottom: 1px solid #dedede;
}
}
/** BUTTON **/
.tribe_community_edit .button-primary, .tribe_community_edit .tribe-button.tribe-button-primary,
.tribe_community_list .button-primary, .tribe_community_list .tribe-button.tribe-button-primary {
background: #F76D00;
}
.tds-button .tdm-btn {
font-family: "mitr",  sans-serif !important;
}
.tribe_community_edit .tribe-button.submit,
.tribe_community_list .tribe-button.submit,
.btn-default,
#tribe_events_filters_wrapper input[type=submit],
#tribe-bar-form .tribe-bar-submit input[type=submit] {
font-family: "mitr",  sans-serif !important;
display: inline-block;
min-width: 80px;
width: auto;
padding: 10px 20px;
margin: 0 auto;
text-align: center;
color: #fff;
background-color: #F76D00;
border-radius: 20px;
-webkit-transition: background-color 0.4s;
-moz-transition: background-color 0.4s;
-o-transition: background-color 0.4s;
transition: background-color 0.4s;
height: auto;
}
.tribe_community_edit .tribe-button.submit {
font-family: "mitr",  sans-serif !important;
font-weight: 400 !important;
font-size: 1.22em !important;
}
.tribe_community_edit .tribe-button.submit:hover,
.tribe_community_list .tribe-button.submit:hover,
.btn-default:hover,
#tribe_events_filters_wrapper input[type=submit]:hover,
#tribe-bar-form .tribe-bar-submit input[type=submit]:hover,
.tribe_community_edit .tribe-button.submit:active,
.tribe_community_list .tribe-button.submit:active,
.btn-default:active,
#tribe_events_filters_wrapper input[type=submit]:active,
.tribe_community_edit .tribe-button.submit:focus,
.tribe_community_list .tribe-button.submit:focus,
.btn-default:focus,
#tribe_events_filters_wrapper input[type=submit]:focus, {
background-color: #C95900;
}
/** search event **/
.tribe-community-events-content .tribe-event-list-search,
.tribe-community-events-content .tribe-event-list-search input[type=search] {
width: auto;
}
#tribe-bar-form .tribe-bar-submit input[type=submit] {
width: 100%;
font-family: "mitr",  sans-serif !important;
font-weight: 400 !important;
font-size: 1.12em !important;
}
// Search Event Label
#tribe-bar-form .tribe-bar-views-inner label,
#tribe-bar-form label {
font-family: "mitr",  sans-serif !important;
font-weight: 300 !important;
font-size: 14px !important;
line-height: 22px !important;
padding: 0 5px 0 0 !important;
}
#tribe-bar-form input[type=text],
#tribe-bar-form input {
font-weight: 300;
font-size: 14px;
}
/** detail event **/
.single-tribe_events .tribe-events-single-event-title {
font-size: 2em;
}
.single-tribe_events .tribe-events-event-meta {
font-family: "mitr",  sans-serif !important;
font-weight: 300 !important;
font-size: 1.1em;
clear: both;
}
.single-tribe_events #tribe-events-content .tribe-events-event-meta dd {}
.single-tribe_events #tribe-events-content .tribe-events-event-meta dt { line-height: 1.2em; }
.tribe-events-list .type-tribe_events {
padding: 2.25em;
}
.tribe-events-schedule h2 {
margin-top: 0;
}
.tribe-events-sub-nav li a {
font-size: 13px !important;
}
.tribe-events-loop .tribe-events-list-separator-month:first-child {
margin-top: 10px;
}
//** Event Filter **//
#tribe_events_filters_wrapper .tribe-events-filter-group label {
text-align: left;
}
#tribe-events-content-wrapper {
padding: 0;
}
.tribe-events-filters-content {
position: relative;
border: 1px solid #eaeaea;
}
.tribe-events-filters-horizontal .tribe_events_filter_item {
/* vertical-align: middle !important; */
padding: 0 !important;
text-align: left;
}
#tribe_events_filters_form {
//   margin: 0 auto;
//   background: transparent;
//   padding: 3px 0 !important;
//   text-align: center;
}
#tribe_events_filters_wrapper h3, #tribe_events_filters_wrapper input,
#tribe_events_filters_wrapper label, #tribe_events_filters_wrapper select, #tribe_events_filters_wrapper ul {
font-size: 15px !important;
line-height: 1.5em !important;
}
.tribe-events-filter-view.tribe-filters-closed #tribe_events_filters_form,
.tribe-events-filter-view.tribe-filters-closed #tribe_events_filters_reset {
display: block;
}
#tribe_events_filters_wrapper input[type=submit] {
display: block;
margin: 10px auto;
width: calc(100% - 20px);
font-size: 18px;
font-weight: 400;
}
#tribe_events_filters_wrapper .tribe-dropdown.select2-container-multi .select2-search-field .select2-input,
.tribe-events-filter-group li {
background-color: #fff !important;
}
.tribe-events-filters-horizontal h3 .horizontal-drop-indicator:before {
// border-color: #f89c1c transparent transparent;
// border-width: 9px;
// margin-bottom: -7px;
// margin-left: 9px;
}
.tribe-events-filters-content {
// background-color: transparent !important;
}
@media only screen and (min-width: 767px) {
.tribe_events_filters_form {
position: relative;
}
}
.tribe-events-before-html h1.page-title {
position: relative;
margin: 0;
}
.event-header,
.page-header,
.diy-header{
padding: 60px 0 50px;
text-align: center;
background: #F89C1C url('https://happyschoolbreak.com/wp-content/uploads/2018/02/bg-heading-2@2x.png') center center no-repeat;
background-size: 90%;
margin-bottom: 15px;
}
.diy-header {
background: #F89C1C;
padding: 0;
}
.tribe-events-before-html h1.page-title,
.page-header h1.tdm-title,
.page-header h1.page-title{
font-size: 64px;
line-height: 1.5em;
color: #fff;
letter-spacing: 4px;
text-shadow: 5px 5px 0px #F76D00;
}
.page-header h1.page-title {
margin: 0;
}
@media only screen and (max-width: 767px) {
.tribe-events-before-html h1.page-title,
.page-header h1.tdm-title,
.page-header h1.page-title{
font-size: 37px;
text-shadow: 4px 4px 0px #F76D00;
}
.tribe-events-before-html, .page-header {
text-align: center;
padding: 20px 0;
}
.event-header,
.page-header{
padding: 30px 0;
background-size: 120%;
}
.page-header {
margin-left: -20px;
margin-right: -20px;
}
}
/* Mini Calendar Widget */
.tribe-mini-calendar-event .list-date,
.tribe-mini-calendar .tribe-events-present, .tribe-mini-calendar .tribe-mini-calendar-today {
background: #F89C1C;
}
.tribe-mini-calendar-nav div {
margin: 7px 0;
}
.tribe-mini-calendar th { padding: 3px 0}
/* Form */
.nf-form-cont {
font-family: "mitr", san-serif !important;
font-weight: 300 !important;
font-size: 16px;
}
.nf-form-fields-required { display: none; }
.nf-form-title {
display: block;
padding-bottom: 30px;
}
.submit-container input[type="button"] {
display: inline-block;
border: 0;
width: 120px;
font-size: 18px;
padding: 10px 20px;
margin: 0 auto;
text-align: center;
color: #fff;
background-color: #F76D00;
border-radius: 20px;
-webkit-transition: background-color 0.4s;
-moz-transition: background-color 0.4s;
-o-transition: background-color 0.4s;
transition: background-color 0.4s;
}
.submit-container input[type="button"]:hover {
background: #C95900;
}
input[type=text], input[type=url], input[type=tel], input[type=email], textarea {
font-size: 15px;
line-height: 29px;
}
.nf-response-msg p {
text-align: center;
font-family: "mitr", san-serif !important;
font-weight: 300 !important;
font-size: 26px;
margin: 3em 0;
}
/* block title */
.block-title a, .block-title span, .block-title label {
line-height: 20px;
padding: 12px 18px 9px;
font-size: 20px;
}
@media only screen and (max-width: 768px) {
#tribe-events-pg-template {
padding: 0px 0px 20px;
}
.tribe-filters-closed #tribe_events_filters_wrapper.tribe-events-filters-vertical {
height: auto !important;
}
#tribe-events-content-wrapper {
padding: 0;
}
}
.datepicker.dropdown-menu td {
padding-left: 3px;
padding-right: 3px;
}
#tribe-community-events .tribe-section.tribe-section-cost {
display: none;
}
#tribe-bar-views .tribe-bar-views-inner label:after {
border-bottom: 0 inset transparent;
border-left: 4px inset transparent;
border-right: 4px inset transparent;
border-top: 6px solid;
color: #464646;
content: " ";
height: 0;
left: auto;
margin: 0;
pointer-events: none;
position: absolute;
right: 20px;
top: 20px;
width: 0;
}
/* style fileter */
.tribe-filters-closed #tribe-events-content-wrapper #tribe_events_filters_wrapper.tribe-events-filters-vertical,
.tribe-filters-closed #tribe-events-content-wrapper #tribe_events_filters_wrapper,
#tribe_events_filters_wrapper.tribe-events-filters-vertical{
box-sizing: border-box;
float: left;
margin-bottom: 60px;
padding: 0 15px;
position: relative;
width: 25%;
}
.tribe-events-filter-view.tribe-filters-closed .tribe-events-filters-vertical+#tribe-events-content, .tribe-events-filter-view.tribe-filters-open .tribe-events-filters-horizontal+#tribe-events-content {
box-sizing: border-box;
float: left;
padding-left: 30px;
width: 75%;
clear: none;
}
#tribe_events_filters_wrapper .select2-choices {
padding: 5px 10px;
}
#tribe_events_filters_wrapper .select2-choices .select2-default {
font-family: "mitr", san-serif !important;
}
#tribe_events_filters_wrapper label span {
font-family: "mitr", san-serif !important;
font-weight: 300 !important;
}
/* .tribe_events_filters_close_filters, .tribe_events_filters_show_filters { display: none !important;} */
@media screen and (max-width: 768px) {
.tribe-filters-closed #tribe_events_filters_wrapper.tribe-events-filters-vertical {
float: none !important;
width: 100% !important;
margin: 15px 0 10px !important;
}
.tribe-events-filter-view.tribe-filters-closed .tribe-events-filters-vertical+#tribe-events-content,
.tribe-events-filter-view.tribe-filters-open .tribe-events-filters-horizontal+#tribe-events-content {
float: none !important;
width: 100% !important;
padding: 0 3% !important;
}
.tribe-filters-open #tribe_events_filters_wrapper,
.tribe-filters-open #tribe_events_filters_wrapper.tribe-events-filters-horizontal,
.tribe-filters-open #tribe_events_filters_wrapper.tribe-events-filters-vertical {
position: static;
margin: 2em 0;
}
.tribe-events-sub-nav li a {
font-size: 13px !important;
background: transparent;
padding: 0;
color: #f89c1c;
}
}
#tribe-bar-form.tribe-bar-mini * {
line-height: 1.5em;
font-size: 15px;
}
.tribe-community-events-content {
padding: 2% 4%;
}
// submenu
.td-header-style-7 .td-header-sp-logo {
margin-top: 10px;
}
.td-header-style-7 .sf-menu {
margin-top: 50px;
}
.td-header-style-7 .sf-menu > li > a {
line-height: 50px;
}
.sf-menu ul .td-menu-item > a {
padding: 7px 30px;
line-height: 17px;
color: #F76D00;
font-size: 20px;
font-family: "mitr", sans-serif !important;
font-weight: 300 !important;
}
.sf-menu .td-normal-menu ul {
padding: 5px;
left: 0 !important;
}
// menu tablet
@media (max-width: 1019px) {
.td-header-style-7 .sf-menu {
margin-top: 15px;
}
.td-header-style-7 .sf-menu > li > a {
line-height: 40px;
}
.td-md-is-android .sf-menu ul .td-menu-item > a {
padding: 6px 11px 6px;
}
.sf-menu ul .td-menu-item > a {
font-size: 16px;
}
.td-mobile-content .current-menu-item > a,
.td-mobile-content .current-menu-ancestor > a,
.td-mobile-content .current-category-ancestor > a {
color: #fff;
text-decoration: underline;
text-shadow: none;
}
}
@media (max-width: 768px) {
.header-blocktitle {
margin-bottom: 0;
}
body.tribe-filters-closed .tribe-events-filters-content { display: none; transition: 0.2 all; }
body.tribe-filters-open .tribe-events-filters-content { display: block; }
}
/* Box shadow */
.box-shadow a {
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
/* Frontpage Search Filter Desktop */
.home-filter-bar {
font-family: "mitr", san-serif;
font-weight: 300;
text-align: center;
background: #fff;
max-width: 750px;
margin: 0 auto;
padding: 5px;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
overflow: hidden;
font-size: 16px;
}
.home-filter-bar .btn-default {
border: none;
min-width: 20%;
float: right;
font-size: 20px;
}
.home-filter-bar select {
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari and Chrome */
appearance:none;
text-transform: none;
border: none;
padding: 9px 20px;
line-height: 27px;
width: 100%;
background: #fff;
}
.home-filter-bar .select-wrapper  {
position: relative;
width: 25%;
display: inline-block;
}
.home-filter-bar .select-wrapper:before  {
content: "\f0d7";
font-family: "FontAwesome";
color: #f89c1c;
display: inline-block;
position: absolute;
right: 20px;
font-size: 22px;
top: 10px;
pointer-events: none;
}
.home-filter-bar .select-wrapper:after {
content: "";
position: absolute;
left: 50%;
bottom: 5px;
width: 85%;
border-bottom: 1px solid #979797;
transform: translate(-50%,0);
}
/* Frontpage Search Filter Mobile */
@media (max-width: 767px) {
.home-filter-bar {
background: transparent;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
}
.home-filter-bar .select-wrapper {
width: 100%;
margin-bottom: 4px;
}
.home-filter-bar .select-wrapper:after {
display: none;
}
.home-filter-bar .btn-default {
min-width: 170px;
display: block;
margin: 15px auto 0;
float: none;
}
}
@media only screen and (max-width: 768px) {
.tribe-events-single ul.tribe-related-events li .tribe-related-event-info {
float: none;
padding: 10px 10px 10px 0;
width: 100%;
}
}
/* TAG */
.tag-wrapper {
margin: 1rem 0;
padding: 1rem;
font-family: "mitr",  sans-serif;
background: #f1f1f1;
font-weight: 300;
}
/* #tribe_events_filter_item_tags {
display: none;
} */
.td-tags {
font-family: "mitr",  sans-serif;
font-weight: 300;
}
.td-post-small-box span {
font-size: 13px;
height: 24px;
line-height: 16px;
}
.td-post-small-box a {
border-radius: 5px;
font-size: 13px;
padding: 8px 10px;
height: 25px;
}
/*-----------
Phase 2
-----------*/
/* Search */
.td-icon-search:before {
text-shadow: 2px 3px 0px #F76D00;
}
.td-header-wrap {
font-family: "mitr",  sans-serif;
font-weight: 300;
}
.td-header-wrap .td-drop-down-search .btn,
.td-search-form-widget .wpb_button {
font-family: "mitr",  sans-serif;
font-weight: 300;
font-size: 16px;
background: #F76D00;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.td-header-wrap .result-msg {
padding: 10px 0;
}
.td-header-wrap .result-msg a {
font-family: "mitr",  sans-serif;
font-style: normal;
color: #f89c1c;
font-size: 15px;
}
.td_module_mx2 .entry-title {
font-size: 16px;
line-height: 20px;
}
.td-search-wrap-mob .td-search-input {
font-family: "mitr",  sans-serif;
}
.td-search-wrap-mob #td-header-search-mob {
font-weight: 400;
}
.td-search-wrap-mob .td-search-input span { font-size: 17px;  }
.td-search-wrap-mob .result-msg a {
font-family: "mitr",  sans-serif;
color: #f89c1c;
}
/* Vanue */
#tribe-events-pg-template .tribe-events-venue {
max-width: 1280px;
margin: 20px auto;
padding: 0 15px;
}
.tribe-event-schedule-details,
.tribe-events-venue-details,
.tribe-events-venue-details a {
font-size: 13px;
color: #797979;
}
/* layout */
@media (max-width: 768px) {
#tribe-events-content { margin-top: 20px !important; }
.tribe-events-filter-view.tribe-filters-closed #tribe-events-content,
.tribe-events-filter-view.tribe-filters-open #tribe-events-content {
width: 95%;
padding-left: 0 !important;
float: none;
}
h1.title-event {
font-size: 24px;
line-height: 1.3em;
}
}
h1.title-event { margin-top: 0;}
#tribe-events-content { margin-top: 50px; }
.events-col-left .tribe-events-event-image img {
border: 1px solid #efefef;
}
h2.tribe-events-page-title {
text-align: center;
line-height: 1.3em;
margin: 20px 0 40px !important;
margin: 0 0 40px !important;
border-top: 1px solid #ccc;
padding: 20px 0 0 !important;
}
@media (max-width: 768px) {
h2.tribe-events-page-title {
border-top: 0;
margin: 0 0 20px !important;
}
}
/* filter sidebar - header */
#tribe_events_filter_control {
display: none; /* hide Desktop */
}
@media (max-width: 768px) {
#tribe_events_filter_control {
display: block; /* show mobile */
}
#tribe_events_filter_control a { margin: 0 !important}
.tribe-events-sub-nav .tribe-events-nav-right a span,
.tribe-events-sub-nav .tribe-events-nav-left a span {
position: static;
display: inline;
}
}
#tribe_events_filter_control #tribe_events_filters_toggle {
font-family: "mitr", san-serif !important;
border: 1px solid #e2e2e2;
font-weight: 300;
color: #f89c1c;
font-size: 17px;
font-weight: 300;
padding: 0px 10px 0px 35px !important;
background-size: 20px !important;
text-align: left;
background: #fff url("https://happyschoolbreak.com/wp-content/uploads/2018/06/filter-icon.png") no-repeat 5px center !important;
}
#tribe_events_filter_control #tribe_events_filters_toggle::after,
#tribe_events_filter_control #tribe_events_filters_toggle.tribe_events_filters_close_filters::after {
border-bottom: 0 inset transparent;
border-left: 6px inset transparent;
border-right: 6px inset transparent;
border-top: 8px solid;
color: #F89C1C;
content: " ";
height: 0;
left: auto;
margin: 0;
pointer-events: none;
position: absolute;
right: 20px;
top: 15px;
width: 0;
}
#tribe_events_filter_control #tribe_events_filters_toggle.tribe_events_filters_close_filters::after {
border-bottom: 8px solid;
border-left: 6px inset transparent;
border-right: 6px inset transparent;
border-top: 0 inset transparent;
}
.tribe-events-filters-label {
font-family: "mitr", san-serif !important;
font-family: 300;
font-size: 16px !important;
}
@media (max-width: 768px) {
.tribe-events-filters-content #tribe_events_filters_reset {
display: none;
}
#tribe_events_filter_control #tribe_events_filters_reset {
background: transparent;
border: none;
}
}
@media (min-width: 769px) {
#tribe_events_filters_reset {
position: absolute;
top: 0;
right: 10px;
}
.tribe-events-filter-view.tribe-filters-closed #tribe_events_filters_reset {
right: 25px;
}
}
/* hide date */
/* .tribe-bar-disabled { display: none;} */
@media (max-width: 768px) {
.tribe-bar-disabled {
position: relative;
height: 25px;
}
.tribe-bar-disabled #tribe-bar-form #tribe-bar-views {
top: 0px !important;
right: 10px !important;
}
.tribe-events-day .tribe-events-day-time-slot h5 {
margin-top: 0;
}
}
/* Date Filter */
.tribe-bar-disabled {
float: none;
}
.tribe-bar-filters {
display: none;
}
#tribe-bar-form { background: transparent; }
.tribe-bar-disabled #tribe-bar-form #tribe-bar-views {
width: auto;
left: auto;
right: 15px;
top: 40px;
float: none;
position: absolute;
}
.tribe-bar-disabled #tribe-bar-form .tribe-bar-views-inner {
background: transparent;
padding: 0 !important;
}
.tribe-bar-disabled #tribe-bar-form .tribe-bar-views-inner label {
float: left;
line-height: 1.3em;
margin: 0;
}
#tribe-bar-views .tribe-bar-views-inner label:after {
display: none;
}
#tribe-bar-views .tribe-bar-views-list {
float: left;
position: static;
width: auto;
}
#tribe-bar-views.tribe-bar-views-open .tribe-bar-views-option,
#tribe-bar-views .tribe-bar-views-option.tribe-bar-active,
#tribe-bar-views .tribe-bar-views-option:first-child,
#tribe-bar-views li.tribe-bar-views-option {
display: inline-block;
width: 35px;
margin-right: 2px !important;
}
#tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option.tribe-bar-active a,
#tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a:hover,
#tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option.tribe-bar-active a:hover {
background: #F89C1C;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a {
background: transparent;
}
#tribe-bar-views .tribe-bar-views-option:last-child a { border-radius: 0;}
.tribe-bar-views-list .tribe-bar-views-option a span[class^=tribe-icon-]{
text-indent: -999em;
padding-left: 12px;
}
/* calendar for mobile */
.tribe-events-calendar {
font-family: "mitr", san-serif !important;
font-family: 300;
}
.tribe-events-calendar div[id*=tribe-events-daynum-], .tribe-events-calendar div[id*=tribe-events-daynum-] a {
font-weight: 400;
}
@media (max-width: 768px) {
.tribe-mobile-day-heading {
font-size: 18px;
background: #e8e8e8;
padding: 0 5px;
}
.tribe-events-calendar .tribe-events-present,
.tribe-events-calendar .tribe-events-present.mobile-active div[id*=tribe-events-daynum-],
.tribe-events-calendar .tribe-events-present.mobile-active div[id*=tribe-events-daynum-] a,
.tribe-events-calendar td.tribe-events-present.mobile-active {
background-color: #F89C1C !important
}
}
/* Category */
.single .td-category, header.td-post-title .td-module-meta-info  { display: none; }
.post header .entry-title {
font-size: 30px;
line-height: 40px;
}
@media (max-width: 1018px) {
.post header .entry-title {
font-size: 25px;
line-height: 30px;
}
}
.td-post-content .events-detail-block .td-pb-span12 p {
margin-bottom: 10px;
}
.td-post-content .events-detail-block .td-pb-span12 ul, ol {
margin-bottom: 10px;
margin-top: 0;
}
.td-post-content .events-detail-block .td-pb-span12 p:last-child { margin-bottom: 0; }
body.category .td-module-image .td-post-category { display: none; }
body.category .td-module-thumb .entry-thumb { width: 100%;}
body.category .td_module_wrap {
border: 1px solid #ccc;
box-shadow: 2px 2px 5px #ccc;
padding-bottom: 20px;
margin-bottom: 30px;
height: 340px;
overflow: hidden;
min-height: 340px;
}
@media (max-width: 767px) {
body.category .td_module_wrap {
height: 100%;
}
}
body.category .td_module_wrap .entry-title {
margin: 0 15px 5px;
max-height: 58px;
line-height: 30px;
overflow: hidden;
}
@media (max-width: 1018px) and (min-width: 768px) {
body.category .td_module_wrap .entry-title {
max-height: 75px;
line-height: 25px;
}
}
@media (max-width: 767px) {
body.category .td_module_wrap .entry-title {
height: auto;
max-height: inherit;
overflow: inherit;
}
}
body.category .td-excerpt {
margin: 10px 15px 0;
max-height: 82px;
overflow: hidden;
}
/* filter province */
#province-filter-form {
position: relative;
text-align: center;
display: block;
border: 1px solid #ccc;
margin: 20px auto 30px;
font-family: "mitr", san-serif !important;
font-weight: 300;
font-size: 18px;
padding: 10px;
border-radius: 50px;
}
.learning-filter-wrapper {
width: 430px;
margin: 0 auto;
position: relative;
}
.learning-filter-wrapper::after {
content: '';
width: 0px;
height: 0px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid #f89c1c;
display: inline-block;
position: absolute;
right: 45px;
top: 25px;
pointer-events: none;
}
#hsb-filter-province {
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari and Chrome */
appearance:none;
text-transform: none;
border: none;
position: relative;
margin: 0 auto;
padding: 5px 20px 5px 5px;
line-height: 27px;
background: #fff;
border-bottom: 1px solid #cccc;
border-radius: 0;
width: 190px;
}
@media (max-width: 365px) and (min-width: 320px) {
.learning-filter-wrapper::after {
right: 8px !important;
top: 28px !important;
border-left: 6px solid transparent !important;
border-right: 6px solid transparent !important;
border-top: 6px solid #f89c1c !important;
}
#hsb-filter-province { width: 130px !important; }
}
@media (max-width: 425px) {
.learning-filter-wrapper {
width: 100%;
}
#province-filter-form {
font-size: 15px;
padding: 10px;
}
#hsb-filter-province {
padding: 5px !important;
width: 160px;
}
}
/* post */
.td-post-template-default .td-post-featured-image .entry-thumb { width: 100%; }
/* Event Detail */
.events-detail-block {
padding: 25px;
background: #E9E9E9;
}
.events-detail-block h3 { margin: 0; font-size: 18px;}
.td-post-content {
/* margin-bottom: 20px;
border-bottom: 1px solid #ccc; */
padding-bottom: 0;
}
.td-post-next-prev-content a {
font-size: 13px;
line-height: 1.2em;
color: #666;
}
.td-page-content blockquote p, .td-post-content blockquote p, .wpb_text_column blockquote p, .td_block_text_with_title blockquote p, .bbpress blockquote p, .woocommerce #tab-description blockquote p, .mce-content-body blockquote p, .comment-content blockquote p {
font-family: mitr, sans-serif;
line-height: 1.5em;
font-weight: 300;
font-size: 1.2em;
}

« สิงหาคม 2019 »