หน้าแรก
กิจกรรม
แหล่งเรียนรู้
บทความ
ข่าวสาร
เกี่ยวกับเรา
ค้นหา
Happy School Break
หน้าแรก
กิจกรรม
แหล่งเรียนรู้
บทความ
ข่าวสาร
เกี่ยวกับเรา
หน้าแรก
บทความ
ปิดเทอมนี้ เด็กและเยาวชนอยากทำอะไร?
ข่าวสาร
ปิดเทอมนี้ เด็กและเยาวชนอยากทำอะไร?
ดาวน์โหลด Infographic
Facebook
Twitter
Line
บทความอื่นๆ
10 ที่เที่ยวสำหรับครอบครัว งบน่ารัก สบายกระเป๋า
ปิดเทอมทำอะไรดี ที่ไม่ไร้ประโยชน์
5 กิจกรรมเล่นกับลูกวัยประถม ให้ได้พัฒนาการรอบด้าน
Edit with Live CSS
* { 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{ 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; } .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; }
