@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root{
    --priaryFont: "Mulish", 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'Yu Gothic', YuGothic, Verdana, Helvetica, 'ＭＳ Ｐゴシック', sans-serif;
    --secondFont: "Poppins", 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'Yu Gothic', YuGothic, Verdana, Helvetica, 'ＭＳ Ｐゴシック', sans-serif;
    --primaryBg: #2e486b;
    --SecondaryBg: #3d618f;
    --linkColor: #2a69b8;
    --linkHoverColor: #173a65;
    --linkColor2: #f1f7ff;
    --fontAwesome6: "Font Awesome 6 Free";
    --h1-font-size: 2.375rem;
}

/* -- PRINTE MODE (?tmpl=component) --------------------------------------------- */
body.contentpane{background-color: var(--body-bg-color); color:var(--body-text-color)}
@media print{
    body.contentpane{background-color: #FFF; color: #111}
    body.contentpane a{color: #111}
}

/* -- OFFLINE ------------------------------------------------------------------ */
.form-wrap .offline-header{background-color: #FFF; color: #666; padding-bottom: 0}
.form-wrap .offline-header .logo-icon{display: none}
.form-wrap .offline-message{text-align: left}
.form-wrap #form-login{padding: 0 2rem 1rem}

/* -- TTEMPLATE RESET ----------------------------------------------------------- */
.module-title span{border-bottom: none}

/* -- MENU --------------------------------------------------------------------- */
.rowstyle ul.nav{display: flex; flex-direction: row; gap: 20px}
#t4-topbar, #t4-bottom, #t4-copyright{background-color: var(--primaryBg); color: var(--footer-text-color)}
.t4-topbar, .t4-footer .container{padding: 0}
#t4-topbar, #t4-topbar a.nav-link{font-size: .875rem}
#t4-topbar .navbar, #t4-megamenu-submenu{justify-content: end; padding-right: 0}
#t4-topbar .nav-link{color: var(--linkColor2)}
#t4-topbar .siteName, #t4-topbar .mod-languages{padding-top: 20px}
a.contactIcon::before{font-family: var(--fontAwesome6); content: "\f0e0"; font-weight: 600; margin-right: 5px}
a.searchIcon::before{font-family: var(--fontAwesome6); content: "\f002"; font-weight: 600; margin-right: 5px}
#t4-header{background-color: var(--body-bg-color)}
#t4-bottom{padding: 40px 0 10px; background: linear-gradient(to bottom right, #ffffff 6%, var(--primaryBg) 0%)}
#t4-bottom .t4-col{padding: 20px}
#t4-bottom .navbar{padding: 0}
#t4-bottom .module-title{font-weight: 600; font-size: 1.125rem}
#t4-bottom a{color: var(--footer-link-color)}
#t4-topbar a:hover, #t4-bottom a:hover{color: var(--footer-link-hover-color)}
#t4-footer .container{display: flex; justify-content: center}
#t4-footer .nav-link{font-size: .875rem}
.t4-footer .nav>li:before{content: inherit}
.t4-footer .nav>li>a:hover{border-bottom: none}
#t4-copyright{color: #7f97b5; padding-bottom: 30px; font-size: small}

#t4-megamenu-mainmenu .nav-link{font-size: 1.125rem}
#t4-megamenu-mainmenu.t4-megamenu .dropdown-menu{padding: 0; width: 240px}
#t4-megamenu-mainmenu.t4-megamenu .dropdown-menu li>a{padding: .625em 1.25em !important}
#t4-megamenu-mainmenu .navbar-nav>li>a:hover,
#t4-megamenu-mainmenu.t4-megamenu .dropdown-menu li>a:hover{background-color: var(--SecondaryBg); color: #FFF !important}
#t4-megamenu-submenu .nav-link{padding: 20px 15px 20px 0}
/* menu: Logout */
#t4-megamenu-mainmenu.t4-megamenu .dropdown-menu li>a.mLogout span.menu-item-title::before{font-family: var(--fontAwesome6); content: "\f2f5"; font-weight: 600; margin-right: 5px}

#t4-megamenu-submenu .navbar-nav>li>a.joinUsBtn{padding: 0; line-height: inherit;}
#t4-megamenu-submenu .navbar-nav>li>a.joinUsBtn span{background-color: var(--primaryBg); color: #FFF; padding: 2px 5px; border-radius: 5px}
#t4-megamenu-submenu .navbar-nav>li>a:hover.joinUsBtn span{background-color: var(--SecondaryBg); color: #FFF}

#t4-header .row .offcanvas-toggle{width: 50%}
.t4-offcanvas-toggle{height: 80px; display: flex; align-items: center; justify-content: end}
.t4-offcanvas-toggle i{font-size: 1.75rem}
.t4-offcanvas .t4-off-canvas-body .navbar.drilldown-effect .sub-menu-back{font-size: 1.125rem; padding: .5rem 1rem; color: var(--linkColor)}
.t4-offcanvas .t4-off-canvas-body .navbar.drilldown-effect .navbar-nav .nav-item .dropdown-menu .nav-item{padding: 0 1rem; border-bottom: none}

/* -- GENERAL ------------------------------------------------------------------ */
body{font-family: var(--priaryFont)}
.navbar-brand.logo-control img.logo-img{max-height: 80px}
.table{
    --t4-table-accent-bg: rgba(0, 0, 0, .01);
    --t4-table-striped-bg: rgba(var(--t4-emphasis-color-rgb), .03)
}
h1, h2{font-family: var(--secondFont)}
h1.contentheading, .content-category h1{font-size: 1.75rem}
.table caption{caption-side: top; font-weight: 600; color: inherit}
p.readmore .btn:hover, p.readmore .blog-list .item-readmore a:hover, .blog-list .item-readmore p.readmore a:hover, p.readmore .btn:active, p.readmore .blog-list .item-readmore a:active, .blog-list .item-readmore p.readmore a:active, p.readmore .btn:focus, p.readmore .blog-list .item-readmore a:focus, .blog-list .item-readmore p.readmore a:focus{background-color: var(--SecondaryBg)}
.form-check-input, .contact .email-copy>input[type=checkbox]{border-color: #ced4da}
.item-page .page-header h2, .item-page .page-header .h2{font-size: 2.0rem}
.items-row .item .item-content h2, .items-row .item .item-content .h2,
.items-more h3{font-size: 1.375rem}
.page-link.active, .active>.page-link{background-color: var(--SecondaryBg); border-color: var(--SecondaryBg)}
.page-link{color: var(--SecondaryBg)}
.t4-main-body{min-height: 400px}
.badge-info{background-color: var(--linkColor)}
/* HOME: for featured page */
body.view-featured .t4-main-body{padding: 0; margin: 40px 0 80px; background-color: #f1f6fd; min-height: 0}
body.view-featured .t4-main-body .blog-featured .blog-items{padding: 3rem 0}
/* Article list */
.categories-list .base-desc{padding: 15px}

/* -- COMPONENT ---------------------------------------------------------------- */
/* Convert Forms */
.convertforms{font-family: var(--priaryFont)}
.convertforms.cf-success .cf-response{background-color: var(--SecondaryBg)}

/* Kunena Forum */
.btn-toolbar .btn.btn-outline-primary{color: #FFF}
.btn-link{color: #477cdd;}

#kunena.layout .kwho-admin{color: #611C35}
#kunena.layout .kwho-globalmoderator{color: #337CA0}
#kunena.layout .kwho-moderator{color: #7EB77F}
#kunena.layout .kwho-banned{color: #FFA62B}
#kunena.layout .kwho-user{color: #DA4167}
#kunena.layout .kwho-guest{color: #EDAFB8}
#kunena.layout .kunena-topic-item h1{margin-top: 2rem !important; margin-bottom: 1rem !important}
#kunena.layout .kunena-topic-item h2{margin-top: 2rem; font-weight: 600}
#kunena.layout .kunena-topic-item #poll-vote .card-body{background-color: #ffffec}

/* EDocman */
#edocman-category .edocman-page-sub-box{padding: 20px}

#edocman-category-page-default .field-calendar{margin-right: 15px}
#edocman-category-page-default .submitBtn.btn-primary{background-color: var(--linkColor)}
#edocman-category-page-default .submitBtn.btn-primary:hover{background-color: var(--linkHoverColor)}

#edit-document-form .form-row{margin-bottom: 30px}
#edit-document-form .form-control{max-width: inherit}
#edit-document-form .js-editor-tinymce .tox-tinymce{height: 240px !important}

#edocman-document-page .col-md-12.licensebox{margin: 0 15px; width: calc(100% - 30px); background-color: #e9decd}
#edocman-document-page .col-md-12.licensebox a.btn{background-color: var(--linkColor); color: #FFF}
#edocman-document-page .col-md-12.licensebox a.btn:hover{background-color: var(--linkHoverColor)}

/* Event Booking - Event list */
.eb-container .input-large{width: 165px !important}
#eb-events .eb-event-date-container{margin: 0 15px 0 -105px}
#eb-events .eb-event-date{height: 80px; width: 80px}
#eb-events .eb-event-date-day{padding-top: 8px}
#eb-events .bg-primary{background-color: var(--SecondaryBg) !important}
#eb-events h2.eb-even-title-container{font-size: 1.625rem; padding-top: 1.5rem}
#eb-events .eb-event-date-info{font-size: 1.125rem}
#eb-events p.text-info.eb-notice-message,
#eb-event-page p.text-info.eb-notice-message{font-size: 1rem; color: var(--body-text-color) !important; font-weight: normal; background-color: #fff4dd; padding: 0 15px; display: inline-block}
#eb-events p.text-info.eb-notice-message::before,
#eb-event-page p.text-info.eb-notice-message::before{font-family: var(--fontAwesome6); content: "\f05a"; font-weight: 600; margin-right: 5px}
#eb-events .eb-event-price-container{font-size: 1.125rem}
#eb-events .eb-event-price-container .eb-individual-price{padding: .25rem 1.5rem}
#eb-events h3.eb-event-tickets-heading,
#eb-event-page h3{font-size: 1.25rem; font-weight: 600; margin-top: 2rem}
table.eb-ticket-information thead th{padding: .5rem 1rem !important}
table.eb-ticket-information tbody td{padding: 1rem}
/* Event Booking - Event detail */
#eb-event-page .eb-box-heading{color: var(--body-text-color); font-weight: 600; padding: .75rem 1rem; background-color: #ecf0f4}
#eb-event-page h1.eb-page-heading{font-size: 2rem}
#eb-event-page .eb-description{padding: 1rem}
/* Event Booking - Event Calandar */
body.view-calendar .tooltip{opacity: 1 !important}
body.view-calendar .tooltip .tooltip-inner{background-color: #29363e !important; color: var(--body-text-color) !important; max-width: none !important; width: 400px !important; padding: .75rem .75rem .25rem .75rem}
body.view-calendar .tooltip .tooltip-inner table td{color: #eee !important}
/* Event Booking - Event categories */
#eb-categories-page .eb-box-heading{border-radius: 0; background-color: inherit}
#eb-categories-page h2.eb-category-title{font-size: 1.5rem}
#eb-categories-page h2.eb-category-title .badge{position: absolute; right: 5%; margin-top: 5px}
#eb-categories-page h2.eb-category-title .bg-info{background-color: var(--SecondaryBg) !important}
/* Event Booking - Form */
h1.eb-page-heading{font-size: 1.75rem}
.eventDateAndTitle{background-color: #ecf0f4; padding: .25rem .5rem; font-size: 1.125rem; margin-bottom: .75rem}
.eventDateAndTitle::before{font-family: var(--fontAwesome6); content: "\f101"; font-weight: 600; margin-right: 5px}
/* Event Booking - Participant list */
#eb-registrants-management-page table th{text-align: center}
#eb-registrants-management-page table th.eb-event-column,
#eb-registrants-management-page table th.eb-event-date-column,
#eb-registrants-management-page table th.eb-registration-date-column{min-width: 180px}
#eb-registrants-management-page table td.eb-event-date-column{text-align: center !important}
/* Event Booking - History */
#eb-registration-history-page h1{margin-bottom: 1.5rem}
#eb-registration-history-page .text-info{color: #477cdd !important; margin-top: 1rem}
#eb-registration-history-page .list_event,
#eb-registration-history-page .list_event_date,
#eb-registration-history-page .list_event_date{min-width: 120px}
/* Membership Pro - plan */
.osm-pricing-table .osm-plan .osm-plan-header h2{text-transform: unset}
.planFeature{display: flex; flex-direction: row; justify-content: space-between; padding: .5rem}
.planFeature.even{background-color: #d9dce2}
.planFeature .que{font-weight: 600}
.planFeature .ans{align-items: flex-end}
.planInfo{font-size: 0.8125rem; text-align: left; margin-top: 20px; border: 1px dotted #c4c4c4; padding: .5rem; background-color: #dee8fa; max-height: 110px; overflow: auto}
/* Membership Pro - plan list */
.osm-pricing-table .osm-plan.osm-plan-1 p.price sub{display: none}
#osm-plans-list-columns .osm-pricing-table .col-md-3{display: flex; align-items: stretch; margin-bottom: 2rem}
.osm-pricing-table .osm-plan{width: 100%}
.osm-pricing-table .osm-plan .osm-plan-header{padding: 1rem}
.osm-pricing-table .osm-plan .osm-plan-header h2{font-size: 1.25rem}
.osm-pricing-table .osm-plan .osm-plan-price h2{font-size: 1.75rem}
.osm-pricing-table .osm-plan ul.osm-signup-container{padding: 1.5rem; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: .5rem}
.osm-pricing-table .btn.btn-primary.btn-singup{padding: 6px 12px; font-size: 1rem; background-color: #dd4747; border: 1px solid #dd4747}
.osm-pricing-table .osm-plan-recommended .plan-recommended{background-color: #e7cd19 !important; opacity: .9}
/* Membership Pro - Form */
#os_form .form-control{max-width: 480px}
.osm-field-description{color: #848484}
.osm-privacy-policy-message.alert-info{font-size: 0.875rem; background-color: #f1f6fd; border: 1px solid #d6dbe2; padding: .5rem}
#os_form .osm-captcha-container .form-control-label{display: none}
/* Membership Pro - Member Status */
h1.osm-page-title{font-size: 1.75rem}
/* Minitek Live Search */
.mls h1{text-align: center; font-size: 2rem}
.mls-input-bar{max-width: 580px; margin: auto}
/* Newsletter */
#acym_wrapper .adminform.acy_user_info{display: none}
#acym_wrapper legend{font-size: 1.25rem}
#acym_wrapper .acystatus .acym_radio_group{margin-right: 40px}
.acym_front_page .acym_list .acystatus .acym_radio_group label{margin-right: 20px}
.acym_front_page fieldset{margin-bottom: 3rem}

/* JSitepmap Pro */
#jmap_sitemap div.jmapcolumn>ul>li>span.folder,
#jmap_sitemap div.jmapcolumn span.folder,
#jmap_sitemap div.jmapcolumn ul li a{align-content: center}
select.filter-date-operator{padding: 0 30px; cursor: pointer; color: var(--linkColor)}
select.filter-date-operator:hover{color: var(--linkHoverColor)}
#jmap_sitemap div.jmapcolumn>ul{width: 24%}
#jmap_sitemap div.jmapcolumn ul li a, #jmap_sitemap div.jmapcolumn span.folder{border-width: 1px !important}
#jmap_sitemap div.jmapcolumn ul li a:hover{color: var(--linkHoverColor)}

/* JSitemap */
#jmap_sitemap h1{font-size: 1.75rem}

/* Users (log in) */
.other-links ul li:last-child{display: none}

/* Web Links */
.weblink-category .bg-info{background-color: var(--SecondaryBg) !important}

/* -- MODULE ------------------------------------------------------------------- */
.siteName{font-size: 1.125rem}
.contact-name h2.contactName{font-size: 1.25rem; font-weight: 600; margin: 0; padding-bottom: .5rem; text-align: start}
.contact-name h2.contactName small{font-weight: normal}
.contact-name .officeAddress{font-size: .875rem}
.contact-name .contactUs{margin-top: 15px; font-size: .875rem}
/* Slider */
.flickity-button{background: hsla(205.18, 25.78%, 54.86%, .75)}
#t4-showcase .container-fluid{--t4-gutter-x: 0}
.mslider-s-desc, .mslider-desc{font-size: inherit; line-height: inherit; font-weight: inherit; padding: 0 70px 28px}
.mslider_article_slider_5 .mslider-detail-box{text-align: inherit}
#slide-01 h2{font-family: var(--secondFont); font-weight: 600; font-size: 3.75rem; text-shadow: 2px 2px 5px #555}
#slide-01 h2 span{font-size: 4.5rem}
#slide-02 h2{font-weight: 600; font-size: 3rem; text-shadow: 2px 2px 5px #555; text-align: end}
#slide-03 h2{font-weight: 600; font-size: 3rem; text-shadow: 2px 2px 5px #555; border-bottom: 2px solid #fff; display: inline-block}
#slide-03 .disc{font-size: 1.5rem; padding-left: 30px}
/* Breadcrumb */
.t4-section.t4-breadcrumbs .breadcrumb{margin: 20px 0 50px; background-color: #f1f6fd; --t4-breadcrumb-padding-y: 0;
padding: 1px 12px; border-radius: 5px}
.t4-section.t4-breadcrumbs .breadcrumb li{padding: 0; font-size: .875rem}
/* Latest News */
#t4-updates{margin-bottom: 20px}
#t4-updates .t4-col{margin: 10px; width: calc(100% - 1rem)}
#t4-updates .t4-col .module-ct{max-height: 268px; overflow: auto}
#t4-updates h3.module-title{font-size: 1.375rem; border-bottom: none; border-left: 15px solid #9ab8de; padding-left: 8px}
#t4-updates h3.module-title span{padding: 5px 0}
#t4-updates .latestnews li{border-bottom: 1px dotted #ccc; padding-bottom: 5px; margin-bottom: 10px}
#t4-updates .latestnews li a{padding: 0}
#t4-updates .latestnews li a::before{content: none}
#t4-updates .latestnews li:last-child{border-bottom: none}
#t4-updates .article-date{margin-right: 10px}
#t4-updates .article-date, #t4-updates .article-category{font-size: .8125rem; display: inline-block}
#t4-updates .article-category .category-name a{padding-left: 10px}
#t4-updates .article-category .category-name a::before{font-family: var(--fontAwesome6); content: "\f0da"; font-weight: 600}
/* About Us, Membership */
#t4-feature .section-4{margin-bottom: 80px}
#t4-feature .section-5{margin-bottom: 120px}
#t4-feature h2{margin-top: 0; font-weight: 500}
/* Book */
#t4-publicity{background-color: #f4f4f4; padding: 40px 0; margin-bottom: 80px}
#t4-publicity #SEFBook{text-align: center}
#t4-publicity #SEFBook h2{font-weight: 600; margin-bottom: 20px}
#t4-publicity #SEFBook ul{margin: 10px 0; list-style: none}
#t4-publicity #SEFBook ul li{font-size: 1.125rem; font-style: italic}
#t4-publicity img{max-height: 310px; box-shadow: 5px 5px 15px #d2d2d2}
/* Benefit */
#t4-benefit{margin-bottom: 80px}
#t4-benefit .benefitBox{border: 1px solid #ccc; padding: 35px 25px; border-radius: 30px; margin-bottom: 2rem}
#t4-benefit .benefitBox:hover{background-color: #fffde4}
#t4-benefit h2{text-align: center; font-weight: 600}
#t4-benefit .benefitInfo{margin: 20px 0 30px}
#t4-benefit .icon{text-align: center; color: #9ab8de}
#t4-benefit h3{text-align: center; font-size: 1.5rem}
/* Sponsor */
#t4-sponsor{margin-bottom: 100px}
#t4-sponsor h2{font-weight: 600; margin-bottom: 20px; text-align: center}
#t4-sponsor ul{list-style: none; padding-left: 1.5rem}
#t4-sponsor .sponsorA, #t4-sponsor .sponsorB{column-count: 3}
#t4-sponsor .sponsorA{padding: 0 10px 15px; font-size: 1.125rem}
#t4-sponsor .sponsorB{background-color: #f6f6f6; padding: 20px 10px; font-size: .875rem; box-shadow: 2px 2px 5px #ddd inset}
#t4-sponsor .banner{margin-top: 2.5rem}
#t4-sponsor .banner img{margin: .5rem}
/* Latest Events */
.up-event-item{font-size: .8125rem}
.ebm-upcoming-events .ebm-event-link{font-size: 1rem; font-weight: normal}

/* -- PLUGIN ------------------------------------------------------------------- */
.top-away #back-to-top{z-index: 2}
/* Falang */
.falang-missing{color:#7692c6}

/* -- PAGES -------------------------------------------------------------------- */
.t4-main-body .item-page{padding: 0 1rem}
.item-page [itemprop=articleBody]{margin-bottom: 50px}
.blog .blog-items .item{padding: 2rem 1.5rem}
.blog .blog-items .items-row .item .item-content .page-header{margin-bottom: 0}
.blog .blog-items.items-leading{border: 1px solid #c0c6cf; border-radius: .5rem; padding: 1.5rem; margin-bottom: 1.5rem}
.blog .blog-items.items-leading .blog-item{margin-bottom: 0}
p.readmore a, p.readmore .btn{background-color: var(--SecondaryBg); color: #fff; padding: .5rem 1rem; border-radius: .25rem}
p.readmore a:hover, p.readmore .btn:hover{background-color: var(--linkHoverColor)}
.page-header h1, .page-header .h1, .categories-list h1, .categories-list .h1{font-size: 2.125rem; font-weight: normal}
.item-page .page-header h1{font-size: 1.25rem; margin-bottom: .5rem}
/* pbulish calandar (bug fix)*/
.t4-edit-layout .calendar-container select.form-select{min-width: auto}
.t4-edit-layout .field-calendar input.form-control{max-width: 240px}
.t4-edit-layout .field-calendar .btn.btn-primary{background-color: var(--primaryBg)}
.t4-edit-layout .field-calendar .btn [class^=icon-]{opacity: 0.9}
/* Terms */
.terms h2, .ethics h2, .privacy-policy h2{text-align: center}
h3.terms{font-size:1.75rem; padding-top: 3rem; font-weight: 600; text-align: center}
h4.terms{font-size: 1.25rem; margin-top: 2rem; font-weight: 600}
.bracketed-list {list-style: none; padding-left: .25rem; counter-reset: list-counter}
.bracketed-list li {position: relative; margin-bottom: 0.25em; padding-left: 2rem; counter-increment: list-counter}
.bracketed-list li::before {content: "(" counter(list-counter) ") "; position: absolute; left: 0; top: 0; width: 1.5rem; text-align: right}
  
/* Privacy Policy */
h3.policy{font-size: 1.5rem; margin-top: 3rem; font-weight: 600}
h4.policy{font-size: 1.25rem; margin-top: 2rem; font-weight: 600}
/* join-us */
.row.joinUs, .joinUsDisc{align-items: center}
#benefit{margin-top: 1.5rem}
#benefit .benefitBox{border: 1px solid #c0c6cf; padding: 35px 25px; border-radius: 8px; margin-bottom: 2rem}
#benefit .benefitBox:hover{background-color: #fffde4}
#benefit h2{text-align: center; font-weight: 600}
#benefit .benefitInfo{margin: 20px 0 30px}
#benefit .icon{text-align: center; color: #9ab8de}
#benefit h3{text-align: center; font-size: 1.5rem}
/* Join Us - Application Proccess */
.appProcess{display: flex; align-items: center; justify-content: space-between; border: 1px solid #d2d2d2; border-radius: 5px; padding: 1rem; margin-bottom: 20px; flex-wrap: wrap}
.appProcess.odd{background: #eef7ff}
.appProcess.even{background: #fff7e9}
.appProcess .appHeader{display: flex; align-items: center; max-width: 250px}
.appProcess .apStep{font-size: 2.25rem; font-style: italic; font-weight: 600; color: #bdc3d1; width: 2rem; text-align: center}
.appProcess .apTitle{font-size: 1.25rem; font-weight: 600; flex-grow: 1; padding-left: 1rem; min-width: 200px;}
.appProcess .apDesc{font-size: 1rem; flex-basis: 75%}
.appProcess ul{margin-bottom: 0}
.infoList{display: grid; grid-template-columns: max-content 1fr; gap: .5rem 1rem; align-items: start}
.infoList dt{font-weight: bold; padding-top: 1rem; font-size: 1.125rem}
.infoList dd{margin: 0; padding: .5rem 0 .5rem 1rem; border-left: 8px solid #dce3f2}
/* Past Events */
.pastEventItem{border-bottom: 1px dashed #b5b5b5; padding: 1.5rem 1rem; margin-bottom: 0}
.pastEventItem .peHeader{display: contents}
.pastEventItem .peMonth{grid-column: 1; text-align: right}
.pastEventItem .peDay{grid-column: 2}
.pastEventItem .peTitle{grid-column: 3; font-weight: 600;}
.pastEventItem .peDesc{grid-column: 4; padding: 0 15px}
.pastEventItem .peNote{grid-column: 5; text-align: right}
.pastEventItem .posterImg{max-width: 150px}
/* About Us */
.youtube-container {position: relative; width: 100%; max-width: 934px; aspect-ratio: 16 / 9; overflow: hidden;}
.youtube-placeholder {position: absolute; width: 100%; height: 100%; background-color: #111; color: #eee; display: flex; align-items: center; justify-content: center; font-size: 1.25rem}
.youtube-container iframe {width: 100%; height: 100%; border: none}
/* Our History */
.ourHistory-wrap .ourHistory{padding: 0 0 1.75rem}
.ourHistory-wrap .ourHistory .ourHistoryTime{font-size: 2.5rem; font-style: italic; color: #555; font-weight: 600; position: absolute; left: 2rem;}
.ourHistory-wrap .ourHistory .ourHistoryInfo{background: #f8f9fa; border-radius: 5px; flex: 1; padding: 1rem 2.5rem}
.ourHistory-wrap .ourHistory .ourHistoryInfo ul{margin-bottom: 0; list-style: none; padding-left: 0}
.ourHistory-wrap .ourHistory .ourHistoryInfo .eDate{font-weight: 600; min-width: 180px; display: inline-block}
.ourHistory-wrap .ourHistory .ourHistoryInfo .eTitle{font-weight: 400; min-width: 400px; display: inline-block}
/* committees-and-board */
table.managers tr td .manager{margin-bottom: 1rem}
.mName{min-width: 180px; display: inline-block}
/* honorary-advisors-and-special-members */
.sMembers ul{column-count: 4; column-gap: 1rem; list-style: none; padding-left: 0; margin-bottom: 0}
.sMembers ul li{line-height: 2.5}
.sMembers tr th, .sMembers tr td{padding: 2rem 1rem}
.sMembers tr th{font-size: 1.125rem; font-weight: 600}
/* sense-and-nonsense */
.item-intro .photoLeft img{max-width: 160px}
.article-body .photoLeft img, .item-page .photoLeft img{max-width: 300px}
.item-page{min-height: 400px}
.worksCited{border: 1px solid #eee; padding: 0; background-color: #f8f8f8; font-size: .875rem; color: #555; margin-top: 80px}
.worksCited h5{font-size: .875rem; color: #eee; background-color: #666; padding: 3px 15px; margin: 0 0 10px}
/* english-proofreading */
.boxS{border: 1px solid #c0c6cf; padding: 0; margin: 1rem 2rem; background-color: inherit}
.boxS .table{margin-bottom: 0}
.boxS table, .boxS .table tbody,.boxS .table tr, .boxS .table tr td{background-color: #FFF}
.boxS .table tr:last-child{border-bottom: 1px solid #FFF}
td.ss{min-width: 120px; text-align: end; font-weight: 600}
.under{text-decoration: underline}
/* statistical-tips */
.procedure{display: flex; flex-wrap: wrap; margin-bottom: 20px}
.procedure .order{flex: 0 0 auto; width: 15%; text-align: right; padding-right: 20px; box-sizing: border-box; font-weight: 600}
.procedure .way{flex: 1 1 auto; width: 85%; box-sizing: border-box}
.math-expression {display: flex; align-items: center; gap: 8px; font-size: 1.125rem; font-weight: 600; margin-bottom: 20px; font-size: clamp(12px, 2.5vw, 16px); max-width: 100%; overflow: auto; white-space:nowrap; -webkit-overflow-scrolling: touch}
.fraction {display: inline-flex; flex-direction: column; align-items: center; text-align: center}
.fraction .numerator {border-bottom: 1px solid black; width: 100%}
.fraction .denominator {margin-top: 2px}
/* statistical-tips - Arrows in table (vol-36) */
.table-container {position: relative;}
.arrowDown {position: absolute; top: 77%; left: 67%; width: 8px; height: 35px; background-color: #477cdd; transform: translate(-50%, -50%)}
.arrowDown::after {content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 15px solid #477cdd}
.arrowUp {position: absolute; top: 80%; left: 67%; width: 8px; height: 35px; background-color: #dd4747; transform: translate(-50%, -50%)}
.arrowUp::after {content: ''; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 15px solid #dd4747}
.arrowDown2 {position: absolute; top: 55%; left: 55%; width: 8px; height: 35px; background-color: #477cdd; transform: translate(-50%, -50%)}
.arrowDown2::after {content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 15px solid #477cdd}
.arrowUp2 {position: absolute; top: 58%; left: 55%; width: 8px; height: 35px; background-color: #dd4747; transform: translate(-50%, -50%)}
.arrowUp2::after {content: ''; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 15px solid #dd4747}
/* contributions */
.com-content-categories__item .icon-plus{font-family: inherit; -webkit-font-smoothing: inherit}


/* -- UTILITY ------------------------------------------------------------------ */
.anchor{margin-top: -64px; padding-top: 120px}
.anchor2{margin-top: -64px; padding-top: 64px}


/* -- TYPOGRAPHY ---------------------------------------------------------------- */
.clr{clear: both}

.font150{font-size: 1.50em}
.font120{font-size: 1.2em}
.font110{font-size: 1.1em}
.font95{font-size: .95em}
.font90{font-size: .9em}
.font85{font-size: .85em}
.font80{font-size: .8em}
.font75{font-size: .75em}
.font70{font-size: .7em}
.mgt0{margin-top: 0}
.mgt10{margin-top: 10px}
.mgt20{margin-top: 20px}
.mgt30{margin-top: 30px}
.mgt40{margin-top: 40px}
.mgt50{margin-top: 50px}
.mgt60{margin-top: 60px}
.mgt70{margin-top: 70px}
.mgt80{margin-top: 80px}
.mgt90{margin-top: 90px}
.mgt100{margin-top: 100px}
.mgb0{margin-bottom: 0}
.mgb10{margin-bottom: 10px}
.mgb20{margin-bottom: 20px}
.mgb30{margin-bottom: 30px}
.mgb40{margin-bottom: 40px}
.mgb50{margin-bottom: 50px}
.mgb60{margin-bottom: 60px}
.mgb70{margin-bottom: 70px}
.mgb80{margin-bottom: 80px}
.mgb90{margin-bottom: 90px}
.mgb100{margin-bottom: 100px}
.fontB{font-weight: bold}
.listMgb20 li{margin-bottom: 20px}
.text-red{color: #dd4747}
.text-blue{color: #477cdd}
.text-gray, .text-grey{color: #8b8b8b}

.photoLeft{float: left; margin-right: 20px; margin-bottom: 10px}
.photoRight{float: right; margin-left: 20px; margin-bottom: 10px}
img.center{display: block; max-width: 100%; margin: 0 auto}
img.shadow{box-shadow: 1px 2px 5px 2px #AAA}
.uLine{text-decoration: underline}
ul.mLeft{margin-left: -20px}
ul.mBottom{margin-bottom: 0}

.boxG{border: 1px solid #EEE; padding: 1rem; margin: 1rem; background-color: #f8f8f8}
.boxW{border: 1px solid #EEE; padding: 1rem; margin: 1rem; background-color: #fff}
.boxB{border: 1px solid #d6dae3; padding: 1rem; margin: 1rem; background-color: #f0f4ff}
.boxR{border: 1px solid #e1d6e3; padding: 1rem; margin: 1rem; background-color: #f9f0ff}

table td.middle, table th.middle{vertical-align: middle !important}

/* -- RESPONSIVE DESIGN ----------------------------------------------- */
@media screen and (max-width: 990px){
    /* Our History */
    .ourHistory-wrap .ourHistory .ourHistoryInfo{padding: 1rem}
    .ourHistory-wrap .ourHistory .ourHistoryTime{font-size: 1.5rem; position: relative; left: 0}
    .ourHistory-wrap .ourHistory .ourHistoryInfo .eDate{display: block}
    .ourHistory-wrap .ourHistory .ourHistoryInfo .eTitle{min-width: inherit}
    /* committees-and-board */
    .mName{display: block}
    .cName{font-size: .8125rem}
}
@media screen and (min-width: 768px){
    .t4-main-body{padding-top: 0}
    /* Past Events */
    .pastEventItem{display: grid; grid-template-columns: 40px 90px 250px 1fr 70px; grid-template-rows: auto auto; gap: .5rem;}
}

@media screen and (min-width: 1201px) and (max-width: 1399px){
    /* Membership Pro */
    #osm-plans-list-columns .osm-pricing-table .col-md-3{width: 33.333333%}
}

/* Tablet - horizontal */
@media screen and (min-width: 768px) and (max-width: 1200px){
    .t4-offcanvas .t4-off-canvas-body .navbar .dropdown-menu .dropdown-item{white-space: inherit}
    #slide-01 h2{font-size: 2.75rem}
    #slide-01 h2 span{font-size: 3.25rem}
    #slide-02 h2, #slide-03 h2{font-size: 2.25rem}
    #slide-03 .disc{font-size: 1.25rem}
    #t4-sponsor .sponsorA, #t4-sponsor .sponsorB{column-count: 2}
    /* honorary-advisors-and-special-members */
    .sMembers ul{column-count: 3}
    /* Join Us - Application Proccess */
    .appProcess .appHeader{max-width: 100%}
    .appProcess .apDesc{flex-basis: 100%}
    /* Past Events */
    .pastEventItem{grid-template-columns: 1fr; grid-template-rows: auto auto auto; gap: .5rem}
    .pastEventItem .peHeader{display: grid; grid-template-columns: 40px 90px auto; gap: .5rem}
    .pastEventItem .peDesc, .pastEventItem .peNote{grid-column: 1}
    .pastEventItem .peNote{text-align: center; background-color: #f4f4f4}
    /* Membership Pro */
    #osm-plans-list-columns .osm-pricing-table .col-md-3{width: 50%}
}
/* Smart Phone and Tablet (horizontal)  */
@media screen and (max-width: 767px){
    .t4-main-body{padding-bottom: 2rem}
    .t4-offcanvas .t4-off-canvas-body .navbar .dropdown-menu .dropdown-item{white-space: inherit}
    .item-page .page-header h2, .item-page .page-header .h2{font-size: 1.375rem}
    h1{font-size: 1.75rem}
    h2{font-size: 1.5rem}
    #t4-publicity img{max-width: 150px}
    #t4-sponsor .sponsorA, #t4-sponsor .sponsorB{column-count: 1}
    .photoLeft, .photoRight{float: none; margin: 0}
    .photoLeft img, .photoRight img{display: block; margin: 0 auto}
    /* honorary-advisors-and-special-members */
    .sMembers ul{column-count: 2}
    /* JSitemap Pro */
    #jmap_sitemap div.jmapcolumn>ul{width: 48%}
    /* Join Us - Application Proccess */
    .appProcess{flex-direction: column; align-items: flex-start}
    .appProcess .appHeader{max-width: 100%}
    .appProcess .apStep{width: auto; text-align: left}
    .appProcess .apDesc{flex-basis: 100%}
    .infoList{grid-template-columns: 1fr}
    /* Past Events */
    .pastEventItem .peHeader{display: grid; grid-template-columns: auto auto; grid-template-rows: auto auto; gap: .5rem}
    .pastEventItem .peMonth{grid-column: 1; grid-row: 1}
    .pastEventItem .peDay{grid-column: 2; grid-row: 1}
    .pastEventItem .peTitle{grid-column: 1 / span 2; grid-row: 2; text-align: center}
    .pastEventItem .peDesc{grid-column: 1 / -1; margin-top: .5rem}
    .pastEventItem .peNote{text-align: center; background-color: #f4f4f4; margin-top: 10px}
    /* Event Booking */
    .eb-container .input-large{margin-bottom: 10px}
    .eb-container .input-large.form-control{width: 100% !important; max-width: 100%}
}

/* Tablet - vertical */
@media screen and (min-width: 576px) and (max-width: 767px){
    #slide-01 h2{font-size: 2.5rem}
    #slide-01 h2 span{font-size: 3.0rem}
    #slide-02 h2, #slide-03 h2{font-size: 2rem}
    #slide-03 .disc{font-size: 1.25rem}
    
}
/* Smart Phone */
@media screen and (max-width: 575px){
    #t4-bottom{background: linear-gradient(to bottom right, #ffffff 3%, var(--primaryBg) 0%)}
    .dropdown-item{white-space: inherit}
    #slide-01 h2{font-size: 2.25rem}
    #slide-01 h2 span{font-size: 2.75rem}
    #slide-02 h2, #slide-03 h2{font-size: 1.75rem}
    #slide-03 .disc{font-size: 1.125rem}
    /* honorary-advisors-and-special-members */
    .sMembers ul{column-count: 1}
    /* JSitemap Pro */
    #jmap_sitemap div.jmapcolumn>ul{width: 100%}
}
/* -- RESPONSIVE DESIGN : Smart Phone or Not --------------------------- */
@media (max-width: 575px) {
    .rBR {display: block}
}
  
@media (min-width: 576px) {
    .rBR {display: none}
}