@charset "UTF-8";

:root{
    --priaryFont: 'Noto Sans JP', 'Noto Sans SC', 'Noto Sans', 'PingFang SC', 'Microsoft YaHei', sans-serif;
    --keyColor: #23609c;
    --keyColorHover: #2b73ba;
    --fontAwesome6: "Font Awesome 6 Free";
    --primary-edocman-color: #6e7a86;
}


/* -- GENERAL ------------------------------------------------------------------- */
body{font-family: var(--priaryFont)}
mark, .mark{background-color: #fff9c2}
.table>thead{background-color: #c2d6e9}
.table{--t4-table-accent-bg: rgba(0, 0, 0, 0.02); caption-side: top}
.page-header h1,
.page-header .h1,
.categories-list h1,
.categories-list .h1{font-size: var(--h1-font-size); font-weight: 500; padding-top: 1.5rem}
.com-users-reset .page-header, .com-users-remind .page-header{padding: 0}
.page-header h1{padding: 0 0 .5rem; border-bottom: 2px solid #eee; margin-bottom: .75rem}
.page-header h2 a,
.page-header .h2 a,
.categories-list h2 a,
.categories-list .h2 a,
h2.item-title a,
.item-title.h2 a,
.item-title h2 a,
.item-title .h2 a{color: var(--body-link-color)}
.page-header h2,
h2.item-title, .item-title.h2,
.item-title h2, .item-title .h2,
.items-row .item .item-content h2,
.items-row .item .item-content .h2{font-size: 1.75rem; font-weight: 500; margin-top: 1rem}
.blog-items .items-row .item .item-content h2{font-size: 1.5rem}
.item-page .page-header h2,
.item-page .page-header .h2,
h1.eb-page-heading{font-size: var(--h2-font-size); font-weight: 500}
.com-content-category-blog__children{border-top: .25rem dotted var(--body-bg-color); padding: 1rem 0}
.com-content-category-blog__children h3{font-size: var(--h4-font-size); font-weight: 500}
.com-content-category-blog__child h3.page-header{font-size: 1.125rem; font-weight: 500}
.com-content-category-blog__child h3.page-header::before{font-family: var(--fontAwesome6); content: "\e185"; font-weight: 600; margin-right: .5rem}
.com-content-category-blog__child h3.page-header span.badge-info{margin-left: 2rem; background-color: #6a9bcd; font-size: .75rem; font-weight: 400}
.com-content-category-blog__child .category-desc{margin: 0; padding: 0 0 0 1.75rem; border: none; font-size: .875rem}
.pagenavigation{margin-top: 3rem}
.categories-list .base-desc{background-color: inherit; border-radius: inherit; padding: 0}
.article-index{width: 33.333%; font-size: .875rem; padding: 0}
.article-index h3, .article-index .h3{font-size: 1rem; margin-top: 0; font-weight: 600}
/* Read more -------- */
p.readmore a.register{padding: .5rem 1rem; border-radius: .25rem; border: 1px solid var(--keyColor)}
p.readmore a.register,
p.readmore a.btn,
p.readmore .blog-list .item-readmore a,
.blog-list .item-readmore p.readmore a{background-color: var(--keyColor); padding: .5rem 1rem; color: #fff; font-size: 0.9375rem}
p.readmore a::before,
p.readmore .blog-list .item-readmore a::before,
.blog-list .item-readmore p.readmore a::before{font-family: var(--fontAwesome6); content: "\f138"; font-weight: 600; margin-right: .5rem}
p.readmore a:hover.register,
p.readmore a:hover.btn,
p.readmore .blog-list .item-readmore a:hover,
.blog-list .item-readmore p.readmore a:hover{background-color: var(--keyColorHover)}
/* Button ----------- */
.btn.btn-info{color: #e6ecf1}
.btn-xg{font-size: 1.25rem; padding: .75rem; margin-bottom: .25rem}
/* Layout ----------- */
#t4-top{background-color: #333; padding: .375rem 0}
body.view-featured #t4-main-body{padding-bottom: 0}
h2.item-title::before{font-family: var(--fontAwesome6); content: "\f02e"; font-weight: 600; margin-right: .5rem}
#t4-main-body{padding: 0}

#t4-main-body .t4-section-inner .blog,
#t4-main-body .t4-section-inner .item-page,
#t4-main-body .t4-section-inner .com-content-article,
#t4-main-body .t4-section-inner .com-content-category,
#t4-main-body .t4-section-inner .com-content-categories,
body.com_osmembership #t4-main-body .t4-section-inner,
body.com_eventbooking.view-upcomingevents #t4-main-body .t4-section-inner,
body.com_eventbooking.view-register #t4-main-body .t4-section-inner,
body.com_eventbooking.view-category #t4-main-body .t4-section-inner,
body.com_convertforms #t4-main-body .t4-section-inner,
#acym_wrapper{background-color: #fff; padding: 1rem 2rem 2rem; margin-bottom: 1rem; border-radius: .5rem}

#t4-main-body .t4-section-inner .blog-featured{background-color: #fff; padding: 0 2rem 1rem}
#t4-main-body .t4-section-inner .blog-featured .items-row .item{padding: 2rem 1.5rem}
#t4-main-body .t4-section-inner .item-page .page-header{padding: .5rem 0 0}
#t4-main-body .t4-section-inner .item-page .page-header h1{display: none}
#t4-news .t4-section-inner .row{background-color: #fff; margin: 0; padding: .75rem 0 2rem; border-bottom: .25rem dotted var(--body-bg-color); border-radius: .5rem .5rem 0 0}
#t4-footer-area{background-color: var(--keyColor); margin-top: 3rem}
/* Create/Edit article */
.t4-edit-layout .container{max-width: 1320px}
.t4-edit-layout #triggerButton.btn{background-color: inherit}

/* Page scroll */
.offset::before{content: ""; display: block; height: 132px; margin-top: -132px}

/* -- 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 --------------------------------------------------------------------- */
/* Top Bar */
#t4-top h1.siteName{margin: .75rem 2rem; font-size: 1rem; line-height: 1}
#t4-top h1.siteName a{color: #ebebeb}
#t4-top h1.siteName a:hover{color: var(--mainnav-link-color)}
#t4-top .mod-languages{margin: .5rem 0; line-height: 1; display: flex; ; justify-content: flex-end}
#t4-top .mod-languages ul::before{font-family: var(--fontAwesome6); content: "\f0ac"; font-weight: 600; color: #eee; font-size: .75rem; margin-right: .5rem}
#t4-top .mod-languages ul li{background-color: #424242; font-size: .75rem; display: inline-flex; color: #555; border-radius: .25rem}
#t4-top .mod-languages ul li a{color: #fff; padding: .5rem; display: block}
#t4-top .mod-languages ul li.lang-active a{background-color: #c92f4c; border-radius: .25rem}
#t4-top .mod-languages ul li a:hover{background-color: var(--color-danger); border-radius: .25rem}
#t4-top .top-menu .navbar-nav{flex-direction: inherit}
#t4-top .top-menu .navbar-nav li.nav-item{margin: 0 .25rem}
#t4-top .top-menu .navbar{padding: .5rem 1rem}
#t4-top .top-menu .navbar a.nav-link{font-size: .75rem}
#t4-top .top-menu .navbar a.nav-link.contact .menu-item-title::before{font-family: var(--fontAwesome6); content: "\f0e0"; font-weight: 600; margin-right: .5rem}
#t4-top .top-menu .navbar a.nav-link.join-us{color: #e6f1eb}
#t4-top .top-menu .navbar a.nav-link.join-us .menu-item-title::before{font-family: var(--fontAwesome6); content: "\f234"; font-weight: 600; margin-right: .5rem}
/* Logo */
#t4-mainmenu{background-color: rgba(245, 245, 240, 0.9)}
#t4-mainmenu .logo .logo-image{margin: 1rem 0; max-width: 140px}
/* Main Menu */
#t4-mainmenu .megamenu.mainMenu{margin: 2.5rem 0; padding-right: 0}
#t4-mainmenu .megamenu.mainMenu .navbar-expand-lg{border-radius: 1.5rem 0 0 1.5rem; background-color: var(--keyColor)}
#t4-mainmenu .t4-megamenu .navbar-nav.level0{padding-left: 1rem}
#t4-mainmenu .t4-megamenu .navbar-nav.level0>li>a,
#t4-mainmenu .t4-megamenu .navbar-nav.level0>li>.nav-link{padding: .5rem .625rem; height: 3.25rem}
.t4-megamenu .dropdown-toggle .item-caret::before{border-top-color: var(--mainnav-link-color)}
/* Main Menu - Drop down menu */
.t4-megamenu .dropdown-menu{padding: .5rem 0}
.t4-megamenu .mega-inner{padding: 0}
.t4-megamenu.animate.slide .dropdown .dropdown-menu .mega-dropdown-inner .mega-sub-1{padding-right: 0}
.t4-megamenu.animate.slide .dropdown .dropdown-menu .mega-dropdown-inner .mega-sub-2{padding-left: 0}
.t4-megamenu .dropdown-menu li>a,
.t4-megamenu .dropdown-menu li>.nav-link,
.t4-megamenu .dropdown-menu li .dropdown-item,
.t4-megamenu .mega-col-module .navbar li.nav-item a{color: var(--body-text-color); padding: .5rem 1.5rem; font-size: .875rem; font-weight: normal}
.t4-megamenu .dropdown-menu li>a:hover,
.t4-megamenu .dropdown-menu li>.nav-link:hover,
.t4-megamenu .dropdown-menu li .dropdown-item:hover,
.t4-megamenu .mega-col-module .navbar li.nav-item a:hover{color: var(--mainnav-link-color); background-color: var(--keyColor)}
.t4-megamenu .dropdown-menu li.active>a{color: var(--keyColor)}
/* Members Menu */
#t4-mainmenu .megamenu.membersMenu{margin: 2.5rem 0; padding-left: 0}
#t4-mainmenu .megamenu.membersMenu .navbar-expand-lg{border-radius: 0 1.5rem 1.5rem 0; background-color: var(--keyColor)}
#t4-mainmenu .megamenu.membersMenu .navbar #t4-megamenu-membersmenu{justify-content: flex-end; padding-right: 1rem}
#t4-mainmenu .megamenu.membersMenu .navbar #t4-megamenu-membersmenu ul.nav li .nav-link{font-size: .825rem}
#t4-mainmenu .megamenu.membersMenu .navbar #t4-megamenu-membersmenu ul.nav li .joinUs.nav-link .menu-item-title{border: 1px solid #b2c6da; padding: .25rem 1rem; border-radius: 3px}
#t4-mainmenu .megamenu.membersMenu .navbar #t4-megamenu-membersmenu ul.nav li .joinUs.nav-link .menu-item-title:hover{background-color: #ed782a; color: #fff}
#t4-mainmenu .megamenu.membersMenu .navbar #t4-megamenu-membersmenu ul.nav li .members.nav-link{padding: .25rem .125rem .25rem .75rem; border-radius: 3px; background-color: #ed782a; color: var(--mainnav-link-color); height: 2rem; margin: .625rem 1rem}
#t4-mainmenu .megamenu.membersMenu .navbar #t4-megamenu-membersmenu ul.nav li .members.nav-link .menu-item-title::before{font-family: var(--fontAwesome6); content: "\f007"; font-weight: 600; margin-right: .5rem}
.t4-megamenu .dropdown-menu li .logout.dropdown-item{border-top: 1px dashed #ddd}
.t4-megamenu .dropdown-menu li .logout.dropdown-item .menu-item-title::before{font-family: var(--fontAwesome6); content: "\f2f5"; font-weight: 600; margin-right: .5rem}
/* Members Menu - Log in form */
.t4-megamenu .dropdown-menu.loginForm{padding: 1rem 2rem}
.t4-megamenu .dropdown-menu.loginForm .mega-dropdown-inner .mega-sub-1{padding: 1rem !important}
.t4-megamenu .dropdown-menu.loginForm li>a{color: var(--body-text-color)}
.t4-megamenu .dropdown-menu.loginForm li>a:hover{background-color: inherit; color: var(--body-link-hover-color-color)}
/* Off-Canvas Menu */
.t4-offcanvas-toggle{display: flex; justify-content: flex-end; padding: 2rem .5rem 0 0}
.t4-offcanvas-toggle i{font-size: 2.25rem; color: var(--keyColor)}


/* FOOTER --------------------------------------------------------------------- */
#t4-footer-area a.nav-link{color: #fff; font-size: .875rem; opacity: 0.75}
#t4-footer-area a:hover.nav-link{opacity: 1}
.footer-menu .navbar{display: flex; justify-content: center; padding: .75rem 0 .25rem}
.footer-menu .navbar ul.nav{display: flex; flex-direction: row; gap: 0 1.25rem}
.copyright{display: flex; justify-content: center; margin-bottom: .5rem; font-size: .75rem; color: #fff; opacity: 0.65}


/* -- MODULE ------------------------------------------------------------------- */
/* Common */
.module-title{font-size: 1.25rem; font-weight: 500; margin: 0 0 .5rem 0; border-bottom: 1px solid #ebebe4}
.module-title span{padding: 0 .25rem .5rem}
.module-ct{padding: 0 .5rem}
.categories-module>li{border-bottom: none}
.categories-module a:hover, .categories-module a:focus, .categories-module a:active{color: var(--keyColorHover)}
.com-content-category-blog .items-leading{border: 1px solid #ddd; border-radius: .5rem; padding: .5rem 1.5rem; background-color: #fffef1; margin-bottom: 1rem}
/* Breadcumbs */
.t4-section.t4-breadcrumbs{border-top: none}
.t4-section.t4-breadcrumbs .breadcrumb{padding: 0; margin-bottom: .5rem}
.t4-section.t4-breadcrumbs .breadcrumb li{font-size: .9375rem}
/* Log in box */
#login-form ul.mod-login__options{border-top: 1px dashed #ced4da; margin-top: 1rem !important; padding-top: .5rem}
#login-form ul.mod-login__options li:first-child{display: none}
#login-form .mod-login__options li{padding: 0}
#login-form .mod-login__options li a{padding: .25rem 0 0}
#login-form .mod-login__submit .btn{font-size: .875rem}
#login-form .plg_system_webauthn_login_button svg{width: 1.25rem}
#login-form .mod-login__remember .form-check .form-check-input{margin-top: .5rem; border-color: #ced4da}
.t4-megamenu .dropdown-menu a{color: var(--body-text-color); font-size: .875rem}
.t4-megamenu .dropdown-menu a:hover{color: var(--body-link-hover-color)}
/* Custom HTML - MOLBOT HERO */
#molbotHero{background: radial-gradient(#1e66b2, #1f5488 60%, #10236c); position: relative; overflow: hidden; border-radius: .5rem}
#molbotHero .heroInner{position: relative; z-index: 2; padding: 3.5rem 2rem}
#molbotHero .heroInner .heroContent{color: #fff; display: grid; position:relative}
#molbotHero .heroInner .heroContent .heroStage{opacity:0; transition: opacity 2.2s ease; pointer-events:none; grid-area: 1 / 1; position: relative}
#molbotHero .heroInner .heroContent .heroStage.active{opacity:1; pointer-events:auto}
/*#molbotHero .heroInner .heroContent .heroStage.stage2{position:absolute; top:0; left:0; width:100%}*/
#molbotHero .heroInner .heroContent h2.heroTitle{margin: 0 0 .5rem; font-weight: 600}
#molbotHero .heroInner .heroContent .btn.btn-outline-light{padding: .375rem 1.5rem; font-size: .875rem}
#nanoField{position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; display: block; z-index: 1; pointer-events: none}
.extraBtn.OFF, .extraBtn.off, .extraBtn:empty{display: none}
/* Custom HTML - Header area button */
.headerBtn::before{font-family: var(--fontAwesome6); content: "\f05a"; font-weight: 600; margin-right: .5rem}
.molbotInfo{margin-top: .75rem; /*background-color: #e0e0e6;*/ border-radius: .25rem; padding: .75rem}
.molbotInfo h2{font-size: 1.125rem; margin-top: 0}
.molbotInfo h2::before{font-family: var(--fontAwesome6); content: "\f1ad"; font-weight: 600; margin-right: .5rem}
.molbotInfo .message{font-size: .875rem}
/* Custom HTML - Join Us */
.joinUsInfo{background: url("../../../../images/join_us_bg.jpg") no-repeat center center / cover; padding: 3rem 2rem; color: #332000}
.joinUsInfo .boxShadow{background: linear-gradient(to bottom, rgba(173, 176, 215, 0.15), rgba(93, 93, 109, 0.45)); padding: 1.5rem 4rem; border-radius: 2rem 0 2rem 0}
.joinUsInfo h2{text-align: center; font-size: 1.75rem; margin-bottom: 1rem}
.joinUsInfo h2::after {content: ""; display: block; width: 3.5rem; height: .25rem; background-color: rgba(242, 238, 231, 0.55); margin: 1rem auto 0; border-radius: 2px}
.joinUsInfo .joinUsButton{text-align: center; margin-top: 1.5rem}
.joinUsInfo .joinUsButton a::before{font-family: var(--fontAwesome6); content: "\f138"; font-weight: 600; margin-right: .5rem}
/* Custom HTML - Payment Button */
.paymentBtn{margin-bottom: 1.25rem; padding: .5rem}
.paymentBtn .btn.btn-danger{background-color: #c92f4c; border-color: #c92f4c}
.paymentBtn .text-red{color: #c92f4c}

/* News (common) */
#t4-news section.moduletable{height: 300px; border: inherit; overflow: auto}
#t4-news section.moduletable h3{color: var(--body-text-color); font-size: 1.25rem; font-weight: 500; border-left: .75rem solid var(--keyColor); border-bottom: .5rem; padding-left: .5rem; margin-top: 0}
#t4-news section.moduletable ul.mod-articles-items.mod-list{height: 220px; overflow: auto}
/* Latest News (common) */
ul.mod-articles-items.mod-list{list-style: none; padding-left: 0}
ul.mod-articles-items.mod-list .mod-articles-link{font-size: .9375rem}
.mod-articles-item dl.list-unstyled{display: flex; font-size: .75rem; margin-bottom: .75rem; padding: 1px 0}
.mod-articles-item dl.list-unstyled dd{margin-bottom: 0; line-height: 1.4}
.mod-articles-item dl.list-unstyled dd.mod-articles-category{display: inline-block; order: 2; margin-left: .75rem}
.mod-articles-item dl.list-unstyled dd.mod-articles-category [class^=icon-]{color: #777}
/*.mod-articles-item dl.list-unstyled dd.mod-articles-category a{color: #777}*/
.mod-articles-item dl.list-unstyled dd.mod-articles-category a:hover{color: var(--body-link-color)}
.mod-articles-item dl.list-unstyled dd.mod-articles-date{display: inline-block; order: 1; margin-left: .75rem; color: #777}
/* Upcoming Events */
.ebm-upcoming-events{font-size: .75rem; color: #777; height: 220px; overflow: auto}
.ebm-upcoming-events .ebm-event-link{font-size: .9375rem; font-weight: normal}
.ebm-upcoming-events > div{margin: 0; border-bottom: none}
/* list Btn */
.btn.btn-outline-secondary.listbtn{font-size: .75rem; padding: 1px .5rem}

/* Banner */
.moduletable.sponsorLogo{border: none; margin:0; padding: 4.5rem 0; background-color: #fff; border-radius: 0 0 .5rem .5rem}
.moduletable.sponsorLogo h3{color: inherit; font-size: 1.75rem; font-weight: 400; text-align: center; margin-bottom: 1.75rem}
.mod-banners.bannergroup {display: flex; flex-wrap: wrap; justify-content: center; gap: 1.5rem; margin-top: 1rem}
.mod-banners__item.banneritem {flex: 1 1 calc(25% - 1.5rem); max-width: calc(25% - 1.5rem); box-sizing: border-box; text-align: center}
.mod-banners__item.banneritem img {max-width: 100%; height: auto; display: inline-block; border-radius: .25rem; transition: transform 0.2s ease}
.mod-banners__item.banneritem img:hover {transform: scale(1.05)}


/* -- COMPONENT ---------------------------------------------------------------- */
/* AcyMailing */
.acym_front_page fieldset{margin-bottom: 0}
#acym_wrapper .acy_subscription_list legend,
#acym_wrapper .acy_user_info legend,
#acym_wrapper .acy_user_info .fieldacy1,
#acym_wrapper .acy_user_info .fieldacy2{display: none}
#acym_wrapper .acy_user_info .fieldacy3 .acym__users__creation__fields__title{margin-right: 2rem; font-size: 1.125rem}
#acyusersubscription{margin: 1rem 0}
#acyusersubscription .acym_list{display: flex; align-items: center; justify-content: flex-start; gap: 1rem; padding: .375rem 0}
#acyusersubscription .acym_list .list_name{flex: 1 1 280px; max-width: 280px; order: 1; min-width: 0; line-height: 1.2; font-size: 1.125rem}
#acyusersubscription .acym_list .acystatus{flex:0 0 auto; order:2}
#acyusersubscription .acym_radio_group input[type="radio"]{position: absolute; opacity: 0; pointer-events: none}
#acyusersubscription .acym_radio_group{position: relative; width: 120px; height: 36px; border-radius: 1.5rem; background: #e5e5e1; padding: 2px; display: flex; align-items: center; justify-content: space-between; box-shadow: 2px 2px 3px #8c8c8c inset}
#acyusersubscription .acym_radio_group::before{content: ""; position: absolute; top: 2px; left: 2px; width: calc(50% - 2px); height: calc(100% - 4px); border-radius: 1.5rem; background: var(--keyColorHover); transition: transform .2s ease}
#acyusersubscription .acym_radio_group:has(input[value="1"]:checked)::before{transform: translateX(calc(100% + 0px))}
#acyusersubscription .acym_radio_group label{position: relative; z-index: 1; width: 50%; text-align: center; font-size: .875rem; line-height: 1; cursor: pointer}
#acyusersubscription .acym_radio_group label{color:#8f8f8f}
#acyusersubscription .acym_radio_group label:hover{color: var(--body-link-hover-color)}
#acyusersubscription .acym_radio_group:has(input[value="-1"]:checked) label[for^="status"][for$="-1"]{color: #eee; font-weight: 600}
#acyusersubscription .acym_radio_group:has(input[value="1"]:checked) label:not([for$="-1"]){color: #eee; font-weight: 600}

/* Covert Forms */
.convertforms .cf-control-input-desc{font-size: .75rem; color: #777; opacity: 1}
.convertforms .cf-control-input-desc::before{font-family: var(--fontAwesome6); content: "\f05a"; font-weight: 600; margin-right: .25rem; color: var(--color-danger)}
.convertforms .cf-checkbox-group, .convertforms .cf-radio-group{gap: .75rem}
/* Covert Forms: 以下は各フォーム内の custom CSS に記述する必要あり */
.convertforms .cf-label{font-weight: 600}
.convertforms .cf-footer{margin-top: .5rem}
.convertforms .cf-footer .formNote{font-size: .875rem; text-align: center; color: var(--color-danger)}
.convertforms.cf-success .cf-response{background-color: #fff; padding: 4rem .5rem; color: var(--keyColor); font-weight: 500; font-size: 1.25em}
/* EDocman */
#edocman-category .edocman-page-sub-heading{position: absolute; right: 1rem}
#edocman-category-page-default .sortPagiBar-layoutswicher .btn{margin: .25rem 0 0 0}
#edocman-document-page .document-card .doc-icon{font-size: 1.25rem}
#edocman-categories-page h1.edocman-page-heading{margin-bottom: 1rem !important}
#edocman-categories-page{margin-bottom: 4rem}
/* EDocman - Documents */
#edocman-documents .edocman-description-details img{max-width: 160px}
/* EDocman - Document */
#edocman-document-page .copy-link-dropdown{top: calc(100% - 5.5rem)}
#edocman-document-page .document-card .btn-light.copy-link-btn,
#edocman-document-page .document-card .btn-light.copy-link-dropdown-toggle{background-color: #f1b356; border: 1px solid #dfa650}
/* EDocman - my liblary */
#edocman-category-page-default .btn{margin-bottom: .25rem}
#edocman-category-page-default .calendarfilter .filter-field{margin-top: 1rem}
#edocman-category-page-default .calendarfilter .filter-field #filter_category_id.form-select{max-width: 400px}
#edocman-category-page-default .calendarfilter .ed-filters .filter-fields{display: flex}
#edocman-category-page-default .calendarfilter .ed-filters .filter-fields .filter-field{margin: .5rem 1rem .5rem 0}
#edocman-category-page-default .calendarfilter .ed-filters .filter-fields .filter-field .btn{margin-bottom: 0}
#edocman-category-page-default .calendarfilter .ed-filters .filter-fields .filter-field .btn [class^=icon-]{margin-right: 0}
/* EDocman 3.3 - my liblary */
.calendarfilter .filter-field button.btn-primary, .calendarfilter .filter-field .btn-primary,
#userdocumentstable thead th{background: var(--primary-edocman-color)  !important}
.calendarfilter .filter-field input[type="text"]:focus, .calendarfilter .filter-field .hasTooltip:focus{border-color: var(--primary-edocman-color)}
#edocman-category-page-default .calendarfilter,
#edocman-category-page-default .calendarfilter .ed-filters{margin: 0}
/* EDocman 3.3 - my liblary - Filter - calendar */
#edocman-category-page-default .calendarfilter .ed-filters .filter-fields .filter-field .btn, #edocman-category-page-default .calendarfilter .filter-field input[type="text"]{font-size: .875rem; line-height: 1.2; padding: .25rem}
/* EDocman - upload */
#edit-document-form .form-group{margin-bottom: 1rem}
#edit-document-form .form-group br{display: none}
#edit-document-form .tox .tox-editor-header{z-index: inherit}
#edit-document-form .form-control{max-width: inherit}
#edit-document-form .toggle-editor{background: none}
#edit-document-form .js-editor-tinymce .tox{min-height: 200px}
/* EDocman - Mass Download */
.mass-download-system [title]:hover::after{left: 0%; white-space: unset; width: 120px}
/* EDocman - Manage categories */
body.view-managecategories table#categoryList{background-color: #FFF; margin-top: 1rem}
body.view-managecategories #filter-bar input{padding: 0 .5rem; font-size: .875rem; border-radius: .5rem 0 0 .5rem; border: 1px solid #ced4da}
body.view-managecategories #filter-bar .btn-primary{border-radius: 0}

/* Event Booking */
#eb-upcoming-events-page-timeline .eb-event-date{height: 4.5rem; width: 4.5rem}
#eb-upcoming-events-page-timeline .eb-event-date-day{padding-top: .375rem}
#eb-upcoming-events-page-timeline .eb-event-date-year{font-size: .75rem}
#eb-upcoming-events-page-timeline .bg-primary{background-color: var(--color-primary) !important}
#eb-upcoming-events-page-timeline .eb-event-price-container{font-size: 1.125rem}
#eb-upcoming-events-page-timeline table.eb-ticket-information thead{background-color: #f4e2ae}
#eb-event-page .eb-description{padding: 2rem}
#eb-individual-registration-page .eb-privacy-policy-message{font-size: .875rem}
/* Event Booking - customize: quick link */
body.view-upcomingevents h1.eb-page-heading,
body.com_eventbooking.view-category h1.eb-page-heading{display: inline-block}
body.view-upcomingevents .eb-category-description,
body.com_eventbooking.view-category .eb-category-description{display: inline-block; margin-left: 2rem; font-size: .875rem; border-bottom: 1px dotted #ced4da; padding: 0 .5rem}
/* Event Booking - Cateagories */
.eb-category .eb-box-heading{background: linear-gradient(to bottom,#fff,#f5f7fa); padding: 15px 20px} 
.eb-box-heading h2{font-size: 1.5rem; font-weight: 400}
.eb-box-heading h2 span{margin-left: 2rem}
/* Event Booking - Event list */
#eb-events .eb-box-heading h2{font-size: 1.25rem; font-weight: 600}
#eb-upcoming-events-page-timeline h2.eb-event-title-container{font-size: 1.75rem; font-weight: 600}
#eb-upcoming-events-page-timeline .eb-event-date-info{font-size: 1.125rem}
/* Event Booking - Event page */
#eb-event-page h1.eb-page-heading{font-size: 1.75rem; font-weight: 600}
/* 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}
#eb-calendar-legend ul{padding-left: .5rem}
#eb-calendar-legend ul li{margin-right: 1rem}
#eb-calendar-legend ul li a{font-size: .875rem}
/* Event Booking - Past Events */
#eb-category-page-table .btn.btn-primary{font-size: .875rem}
#eb-category-page-table .text-info.eb-notice-message{font-size: .875rem; font-weight: normal; color: inherit}
.eb-search-bar-container{background-color: inherit; padding: 1rem 0 0}
/* Event Booking - Past Events: before-2025 / past-activity */
.bf2024 .categories-list h1,
.pastActivity .categories-list h1{padding-top: 0}
/*.pastActivity .categories-list .com-content-categories__items .com-content-categories__item{flex-basis: 50%}*/
/* Event Booking - registration */
#eb-individual-registration-page .eventDateAndTitle{background-color: #fae2dc; border-radius: .25rem; padding: .5rem .75rem; margin-bottom: 1rem}
#eb-individual-registration-page .eventDateAndTitle::before{font-family: var(--fontAwesome6); content: "\f783"; font-weight: 600; margin-right: .375rem;}
#eb-individual-registration-page .form-control{max-width: 380px}
#eb-individual-registration-page .eb-field-description{font-size: .75rem; color: #cb8c8c}
/* Event Booking - Manage events, Registrants Management, Event history */
#eb-events-manage-page table,
#eb-registrants-management-page table,
#eb-registration-history-page table{background-color: #FFF}
/* Event Booking - Registrants Management */
#eb-registrants-management-page table{font-size: .875rem}
#eb-registrants-management-page table thead,
#eb-registrants-management-page table thead th.list_amount{line-height: 1; text-align: center}
#eb-registrants-management-page .list_registrant_number,
#eb-registrants-management-page .eb-tickets-column,
#eb-registrants-management-page .list_amount,
#eb-registrants-management-page .eb-ticket-number-column,
#eb-registrants-management-page .list_id,
#eb-registrants-management-page .eb-invoice-number-column,
#eb-registrants-management-page .eb-id-column{width: inherit !important}
#eb-registrants-management-page .list_event_date,
#eb-registrants-management-page .eb-registration-date-column{min-width: 130px}
#eb-registrants-management-page .eb-tickets-column{min-width: 100px}
#eb-registrants-management-page .center.eb-registration-date-column{text-align: left}
#eb-registrants-management-page .list_event{min-width: 180px}
#eb-registrants-management-page
/* Membership Pro - Members Plan */
.osm-pricing-table .col-md-4{align-items: stretch; display: flex}
.osm-pricing-table .osm-plan{width: 100%}
.osm-pricing-table .osm-plan .osm-plan-header{min-height: 5rem; display: flex; align-items: center; justify-content: center; padding: .75rem 1rem}
.osm-pricing-table .osm-plan .osm-plan-header h2.osm-plan-title{font-size: 1.25rem; margin: 0; text-align: center; line-height: 1.2}
.osm-pricing-table .osm-plan .osm-plan-price h2{font-size: 1.75rem}
.osm-pricing-table .osm-plan.osm-plan-6 .osm-plan-price .price sub{display: none}
.osm-pricing-table .osm-plan-recommended .plan-recommended{background-color: #c41b35 !important; opacity: .85}
.osm-pricing-table .osm-plan .osm-plan-short-description{padding: 1rem}
.osm-pricing-table .osm-plan .osm-plan-short-description .planFeatures{text-align: left}
.osm-pricing-table .osm-plan .osm-plan-short-description .planFeatures .planFeature{display: flex; margin: .5rem 0; padding-bottom: .5rem; border-bottom: 1px dotted #aaa}
.osm-pricing-table .osm-plan .osm-plan-short-description .planFeatures .planFeature .que{width: 35%; font-weight: 600}
.osm-pricing-table .osm-plan .osm-plan-short-description .planInfo{margin-top: 1rem; font-size: .875rem; min-height: 100px}
.osm-pricing-table .osm-plan ul.osm-signup-container{display: flex; padding-bottom: 1.25rem}
.osm-pricing-table .osm-plan ul.osm-signup-container li{margin: 0 .25rem}
.osm-pricing-table .btn-singup{font-size: 1rem; padding:.375rem .75rem}
/* Membership Pro - Members Plan: supporter */
.osm-pricing-table .osm-plan.osm-plan-4 .osm-plan-price .price::after{content: "〜"; font-size: 1.25rem}
body.com_osmembership.view-plan.item-229 .osm-item-description .col-md-7{width: 100%}
body.com_osmembership.view-plan.item-229 .osm-item-description .col-md-5{display: none}
/* Membership Pro - sign-up */
#osm-signup-page .form-control{max-width: 380px}
#osm-signup-page .osm-privacy-policy-message{font-size: .875rem}

/* Snippets */
.remark{border: 1px solid #f1cece; padding: .5rem .75rem; margin: .75rem 0; background-color: #f6e5e5; font-size: .8125rem; color: #988989}

/* -- PLUGIN ------------------------------------------------------------------- */
/* FaLang - Missing Translation */
.falang-missing{color: #b4b4ad; margin-bottom: -1.5rem}
.falang-missing::before{font-family: var(--fontAwesome6); content: "\f05a"; font-weight: 600; margin-right: .25rem; color: #b4b4ad}

/* -- PAGES -------------------------------------------------------------------- */
/* research-insights */
body.view-category.item-174 .sidebar-r{display: none}
/* News */
table.com-content-category__table th{background-color: #696969}
table.com-content-category__table th a{color: var(--mainnav-link-color)}
/* Past Events - Before 2024 */
body.bf2024 .categories-list .com-content-categories__items .com-content-categories__item .item-inner{background-color: #fff}
body.bf2024 .categories-list h3.page-header{border-bottom: none; margin: 0; padding: 0}
body.bf2024 #t4-main-body .t4-section-inner .com-content-article .page-header h1{display: none}
body.bf2024 .category .list-title a{color: var(--body-text-color); padding-left: 1rem}
body.bf2024 .category .list-title a:hover{color: var(--keyColorHover)}
/* rules-and-bylaws */
#rules h3, #bylaws h3{font-size: 1rem; font-weight: 600; margin-top: 1.5rem}
/* join-us */
#about_molbot{border: 1px solid #d5deee; border-radius: .75rem; padding: 1.5rem; margin-top: .5rem}
#about_molbot h3{margin-top: 0}
#benefits, #membership_precess{margin-top: 4.5rem}
#benefits h3, #membership_precess h3{text-align: center; font-size: 1.875rem; font-weight: 600}
.membership_benefits{display: flex; flex-wrap: wrap; gap: 1.25rem; margin-top: .75rem}
.membership_benefits .type{width: 100%; display: flex; flex-direction: row; align-items: flex-start; gap: 1rem; padding: 1rem; border-bottom: 1px solid #ddd}
.membership_benefits .typeName{font-weight: 600; min-width: 120px}
.appProcess{display: flex; align-items: center; justify-content: space-between; border: 1px solid #e9e9e9; border-radius: .25rem; padding: 1rem; margin-bottom: 1.25rem; flex-wrap: wrap}
.appProcess.odd{background: #eef5ff}
.appProcess.even{background: #fff}
.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 #d0d8e4}
/* about-us */
.sice{float: inline-end}
.siceLink{margin: 0 0 .5rem .5rem; border: 1px solid #d6dae3; padding: .25rem .75rem; border-radius: .25rem; font-size: .875rem; background-color: #f0f4ff}
#relatedEvents, #supporters{margin-top: 4.5rem}
#relatedEvents h3::before, #supporters h3::before{font-family: var(--fontAwesome6); content: "\f192"; font-weight: 600; margin-right: .25rem}
.eventsList{display: flex; flex-wrap: wrap; gap: 1.25rem}
.eventsList .event{width: 100%; display: flex; flex-direction: row; align-items: flex-start; gap: 1rem; padding: .25rem; border-bottom: 1px dashed #ccc}
.eventsList .event .season{min-width: 100px; text-align: end; padding-right: 1rem}
.eventsList .event .details{min-width: 420px; font-weight: 600}
.supportersList{display: grid; gap: 1rem; grid-template-columns: repeat(4,1fr); margin-bottom: .75rem}
.supportersList .supporter{border: 1px solid #d6d6d6; padding: .75rem; border-radius: .25rem}
.supportersList .supporter .name{font-size:1.125rem; font-weight:600}
.supportersList .supporter .affiliation{font-size: .875rem}
/* presidents-message */
.presidentsPhoto{float: left; margin: 0 1rem .25rem 0}
.presidentsPhoto img{max-width: 200px}
.blog-items .presidentsPhoto img{max-width: 120px}
.presidentsSign{text-align: end; margin-top: 2.5rem; font-size: .875rem}
.presidentsSign .name{font-size: 1.125rem}
/* executive-members */
.memberWrap{display:grid; gap:1.5rem; grid-template-columns:repeat(4,1fr); margin-bottom: .75rem}
.memberCard{border:1px solid #d6d6d6; padding:1rem; border-radius: .5rem; background-color: #f8f8f8}
.memberCard.sp{background-color: #f1f8fe}
.memberCard .role{font-weight:600; line-height: 1.2; color: var(--keyColor)}
.memberCard .role small{font-size: .75rem}
.memberCard .name{font-size:1.125rem; font-weight:600}
.memberCard .org, .memberCard .term{font-size:.875rem}
/* logo-and-guidelines */
.logoMark{float: right; margin: 0 0 .25rem 1rem}
.logoMark img{max-width: 280px; border: 1px solid #ccc; padding: 1rem}
#logoDownload{margin-top: 2rem}
#logoDownload .boxW{margin: 0 0 1rem 0; border-color: #ccc}
#logoDownload .boxW h3{margin: 0 0 .5rem 0}
/* excellence-award */
#award .award{margin-top: 2rem}
#award .award{display: grid; grid-template-columns: 6fr 4fr; grid-template-rows: auto auto}
#award .awardName{grid-column: 1; grid-row: 1; background: #f8f8f8; padding: .5rem 1rem; border: 1px solid #ccc; border-radius: .5rem 0 0 .5rem; border-right: none; font-weight: 600}
#award .number{grid-column: 2; grid-row: 1; padding: .5rem 1rem; border: 1px solid #ccc; border-radius: 0 .5rem .5rem 0}
#award .note{grid-column: 1 / span 2; grid-row: 2; margin-top: .5rem}
#award .note ul{margin: .5rem 0 0 1.5rem;}
/* legal-notice */
.legalNote{margin: 0 3rem}
.legalNoteRow{display: flex; flex-wrap: wrap; border-bottom: 1px solid #ddd; padding: .75rem 0}
.legalNoteHead{width: 30%; min-width: 150px; font-weight:bold; padding-left: 1rem}
.legalNoteBody{width: 70%; padding-right: 1rem}
.legalNoteBody ul{margin-bottom: 0}
/* privacy-policy */
.term h3{font-size: 1.125rem; margin-top: 1.75rem; margin-bottom: .5rem; font-weight: 600}
.privacy-contact{border-top: 1px solid #ddd; margin-top: 3rem; padding-top: .75rem}
/* online-election - Sexy Polling */
.election .polling_container .polling_name{color: inherit; font-size: 1.125rem; border-bottom: 1px dotted #ccc; margin-bottom: 2rem}
.election .polling_container .election1{font-size: 1rem; font-weight: 600; padding-bottom: .25rem}
.election1 .polling_container .election2{font-size: .875rem}
.election .polling_container .election3{font-size: .75rem; padding-bottom: .75rem}
.election .polling_container{font-family: var(--priaryFont) !important}
.election .polling_container ul{display: grid; grid-template-columns: repeat(4, 1fr)}


/* -- TYPOGRAPHY ---------------------------------------------------------------- */
.clr{clear: both}
hr.dashed{border-style: dashed; border-color: #777}
.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: -1rem}
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: 1200px){
    .osm-pricing-table .col-md-4{width: 50% !important; margin-bottom: 1.75rem}
}
@media screen and (max-width: 990px){
    #t4-mainmenu .logo .logo-image{max-width: 6rem}
    .mod-banners__item.banneritem {flex: 1 1 calc(50% - 1.5rem); max-width: calc(50% - 1.5rem)}
    .categories-list .com-content-categories__items .com-content-categories__item{margin-bottom: 0}
    .appProcess, .infoList, .eventsList, .eventsList .event{display: block}
    .eventsList .event .season{text-align: left}
    .eventsList .event .details{min-width: inherit}
    .election .polling_container ul{grid-template-columns: repeat(3, 1fr)}
}

/* Tablet - horizontal */
@media screen and (min-width: 768px) and (max-width: 1200px){
    .memberWrap, .supportersList{grid-template-columns:repeat(3,1fr)}
}
/* Just for Main Menu */
@media screen and (min-width: 990px) and (max-width: 1200px){
}
/* Smart Phone and Tablet (horizontal)  */
@media screen and (max-width: 767px){
    h1, .h1 { font-size: calc(var(--h1-font-size) * 0.8125); }
    h2, .h2 { font-size: calc(var(--h2-font-size) * 0.8125); }
    h3, .h3 { font-size: calc(var(--h3-font-size) * 0.8125); }
    .module-title{margin-top: .75rem}
    .membership_benefits .type{flex-direction: column; align-items: flex-start}
    .membership_benefits .typeName{min-width: auto}
    .logoMark img{max-width: 140px}
    .legalNote{padding:1rem}
    .legalNoteRow{flex-direction:column}
    .legalNoteHead{width:100%;margin-bottom:.25rem; padding-left: 0}
    .legalNoteBody{width:100%; padding-right: 0}
    .election .polling_container ul{grid-template-columns: repeat(2, 1fr)}
    .btn-xg{margin-top: .5rem}
    #molbotHero .heroInner{padding: 2rem}
    .sice{max-width: 10rem}
    .joinUsInfo{padding: 1.5rem}
    .joinUsInfo .boxShadow{padding: 1.5rem}
    .osm-pricing-table .col-md-4{width: 100% !important; margin-bottom: 1.75rem}
    body.view-upcomingevents .eb-category-description{margin-left: 0}
    /* Event Booking - filter */
    .eb-container .input-large{width: auto !important}
    .eb-container #category_id.input-large{max-width: 160px}
    /* Acy Mailing */
    #acyusersubscription .acym_list{justify-content:space-between}
    #acyusersubscription .acym_list .list_name{flex:1 1 auto}
    /* EDocman Filter */
    #edocman-category-page-default .calendarfilter .ed-filters .filter-fields{flex-wrap: wrap}
    #edocman-category-page-default .calendarfilter .ed-filters .filter-fields .filter-field .btn,
    #edocman-category-page-default .calendarfilter .filter-field input[type="text"]{border-radius: 0}
    #edocman-category-page-default .calendarfilter .filter-field:nth-child(1),
    #edocman-category-page-default .calendarfilter .filter-field:nth-child(2){flex: 1 1 calc(50% - 4.5rem)}
    #edocman-category-page-default .calendarfilter .filter-field:nth-child(3){flex: 1 1 auto}
    #edocman-category-page-default .calendarfilter .filter-field:nth-child(4){flex: 0 0 auto}
}

/* Tablet - vertical */
@media screen and (min-width: 576px) and (max-width: 767px){
    .memberWrap, .supportersList{grid-template-columns:repeat(2,1fr)}
}

/* Smart Phone */
@media screen and (max-width: 575px){
    .offset::before{height: 1rem; margin-top: 1rem}
    #t4-main-body .t4-section-inner .blog, #t4-main-body .t4-section-inner .item-page, #t4-main-body .t4-section-inner .com-content-article, #t4-main-body .t4-section-inner .com-content-category, #t4-main-body .t4-section-inner .com-content-categories{padding: 1rem 1rem 2rem}
    #t4-main-body .t4-section-inner .blog-featured .items-row .item{padding: 2rem 1rem}
    .moduletable, #t4-main-body .t4-section-inner .blog-featured .items-row .item{padding: 1rem .5rem}
    #t4-top h1.siteName{font-size: 1.375rem; text-align: center}
    #t4-top .mod-languages{justify-content: flex-start; padding-left: .5rem}
    #t4-top .t4-col.top-menu.col-12{padding-right: .5rem}
    #t4-top .top-menu .navbar{justify-content: flex-end; padding: .5rem}
    .article-index{width: 100%}
    #osm-signup-page .form-control, #eb-individual-registration-page .form-control{max-width: inherit}
    .osm-pricing-table .col-md-3{width: 100% !important; margin-bottom: 1.75rem}
    .mod-banners__item.banneritem {flex: 1 1 100%; max-width: 85%}
    [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions]>[data-rlta-element=panel]{padding: 0}
    .memberWrap, .supportersList{grid-template-columns:1fr}
    body.com_eventbooking.view-category .eb-category-description{margin-left: 0}
}