หน้าแรก
กิจกรรม
แหล่งเรียนรู้
บทความ
ข่าวสาร
DIY
เกี่ยวกับเรา
ค้นหา
Happy School Break
หน้าแรก
กิจกรรม
แหล่งเรียนรู้
บทความ
ข่าวสาร
DIY
เกี่ยวกับเรา
หน้าแรก
ผู้เขียน
โพสต์ของ admin
admin
81 โพสต์
0 ความคิดเห็น
DIY
สูตรเด็ดขนมไทย
DIY
DIY ที่รองแก้วจากฝาขวด
บทความ
ทุนฟรี ทุนดี มีในโลก
DIY
กระเป๋าผ้า DIY จากถุงพลาสติก
บทความ
10 ที่เที่ยวสำหรับครอบครัว งบน่ารัก สบายกระเป๋า
DIY
สเปย์สมุนไพรไล่ยุ่ง
DIY
น้ำสมุนไพร ดื่มง่าย ขายคล่อง
DIY
ยางรัดผมโดนัท DIY จากเศษผ้า
DIY
เต้าฮวยนมสด
DIY
แยมงาดำน้ำผึ้ง
บทความ
ปิดเทอมทำอะไรดี ที่ไม่ไร้ประโยชน์
บทความ
5 กิจกรรมเล่นกับลูกวัยประถม ให้ได้พัฒนาการรอบด้าน
1
2
3
...
7
หน้า 1 ของ 7
บทความอื่นๆ
10 ที่เที่ยวสำหรับครอบครัว งบน่ารัก สบายกระเป๋า
ทุนฟรี ทุนดี มีในโลก
ปิดเทอมทำอะไรดี ที่ไม่ไร้ประโยชน์
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, .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; }
