/* enter here your custom CSS code */
/* this edit - 22 August 2025 */

@import url("color.css");
@import url("scale.css");
@import url("print.css");

/* HEADINGS */
h1 { letter-spacing: -0.01ch; }

/* LINKS within main body, footer and sidebar  
*/
/* LINKS */
.link, a, .main-body a, .sidebar a, footer a, #subfooter a { 
  font-weight: 500;
}
.link:hover, .link:active , a:hover, a:active,
.main-body a:hover, .main-body a:active, 
footer a:hover, footer a:active, #subfooter a:hover, #subfooter a:active {
  text-decoration: underline;
}

#tbar-upmenu .upmenu-content span a { color: #fff !important; }
/* SEARCH BOX - hide until functional */
.upmenu-right > form.mod-finder.js-finder-searchform.form-search  { display: none; }

.upmenu-right > form.mod-finder.js-finder-searchform.form-search {
  display: inline-block;
  padding-left: 10px;
}
.upmenu-right > form.mod-finder.js-finder-searchform.form-search > label { float: left; clear: none; width: 7ch; ; text-transform: lowercase; margin: 0; }

.upmenu-right .awesomplete > input,
.upmenu-right > form.mod-finder.js-finder-searchform.form-search > input { display: inline-block !important; float: right !important; width: 22ch !important; line-height: 1em !important; padding: 1px 4px !important; font-size: 12px !important; }

div.search.small input[type="text"] { background-color: #fff; }
.mod-finder__advanced js-finder-advanced, 
div.filter-branch, .awesomplete > input[type="hidden"] { display: none !important; }
/* ensure on-page search box fits */
 .awesomplete > input[type="text"].js-finder-search-query.form-control  {
   width: 200px;
   line-height: 1.25;
   padding: 15px 25px;
   border-color: #d9a36a;
 }

/* BLOCK THIS TEMPORARILY body.homepage a, .main-body .link, .main-body a, footer a, #subfooter a, a.noshow { 
  text-decoration: none;
} */

.link:active, a:active, body.homepage a:active, .main-body .link:active, .main-body a:active, footer a:active, #subfooter a:active {
  text-decoration: underline !important;
}

.main-body .link[href^="http"], .main-body a[href^="http"]::after,
section#upcontent a[href^="http"]::after { 
   content: url(../../../images/link-external.png);
   margin-inline-start: 0.3ch;
   margin-right: 0.2ch;
   vertical-align: baseline;
}
.main-body a.btn[href^="http"]::after { 
     content: url(../../../images/link-external-btn.png);
}
footer a[href^="http"]::after,
/* .btn a[href^="http"]::after, */
a.no-show[href^="http"]::after { content: none; }

/* bring JEvents page heading h2 to match general h1 */
h1, h2.contentheading {
    font-size: 2em;
    letter-spacing: -0.01ch;
    font-weight: bold;
    padding: 2px 0 0.3em;
    text-transform: none; }

/* replacement style to control anchor link scrolling */
html {
  scroll-padding-top: 118px !important;
}
h2[id], h3[id], h4[id], h5[id], h6[id],
h2.anchor, h3.anchor, h4.anchor, h5.anchor, h6.anchor {
  scroll-margin-top: -30px !important;
}

/* module header */

.sidebar h3, .sidebar h4 { margin-top: 0; padding-top: 0; }

/* Facebook */
.sidebar .custom h4:first-child { padding-top: 0; margin-top: 0; }

/* LINKS end */

/* HEADINGS start */
/* h5 { font-size: 1.1rem; } */

/* HEADINGS end */

/* MENUS */
/* Layout - Widen initial menu */
.menu-normal { padding: 10px 40px; }
/* lessen vertical space on logo */
.head-top-part .fx-menu-slide #tbar-logo,
.head-top-part .fx-menu-slide #tbar-logo > p { margin: 0; padding: 0; }
/* .menu-normal #lmpart { margin: 0 auto  5px; } */
.menu-normal #lmpart { margin: 0 auto; }


/* THE FOLD-UP FULL MENU DEPENDS ON THIS */
/* then, when elevated & minimised */
/* .head-top-part .fx-menu-slide #tbar-logo { padding: 3px 0 5px; margin-top: 20px; } */
.head-top-part .fx-menu-slide #tbar-logo::before { content:"Root Institute"; 
display: block; position: relative; top: 8px; left: 10px; margin-right: 10px; white-space: nowrap; color: #fff; font-family: Lato; font-size: 28px; text-transform: uppercase; font-weight: 500; }
.head-top-part .fx-menu-slide #tbar-logo img { position: absolute !important; top: 32px !important; left: 42px !important; width: 220px; height: 22px; opacity: 0; }

/* Menu */
.mainmenu .nav > li > *, .mainmenu .moduletable h3, .nav-devices-list .nav > li > *, .nav-devices-list .moduletable > h3 { font-size: 14px !important; }

.fx-menu-slide .mainmenu .l-inline {  
   width: 100%;
   margin-top: 2px;
   padding-bottom: 2px;
   text-align: right;
}
.menu-splitted .mainmenu, .menu-normal .mainmenu { 
  width: 100%; margin-left: 10px; z-index: 9999;
}
/* with logo, margin top pushing down mainmenu  */
.logomenupart.fixedmenu .mainmenu.moduletable { margin-top: 41px; } 
/* without logo, no margin top pushing mainmenu down  */
.logomenupart.fixedmenu.fx-menu-slide .mainmenu.moduletable {
  margin-top: 0;
  margin-top: 0 !important;
  margin-bottom: -17px;
} 
.logomenupart.e4j-mainmenu.fixedmenu.fx-menu-slide,
#headt-part .fx-menu-slide, .fx-menu-slide {border-bottom: none; }
.l-inline li > a, .l-inline li ul li > a, .l-inline li ul li > span {
  text-decoration: none !important;
}
/* add left border to active child menu items (not just underline active tabs)
.l-inline .mainmenu li > ul li.nav-item.current.active {

}
.l-inline .mainmenu li > ul li.nav-item.current.active a {
  border-bottom: solid 4px #D9A36A;
  border-radius: 2px !important;
  margin-bottom: -4px !important;
}
*/

/* MOBILE DEVICES MENU start */
.nav-devices-inner .moduletable .nav > li > ul > li {
  text-transform: none; 
}

/* MOBILE DEVICES MENU end */

/* UPMENUS */
/* mobile tooltips for title attributes of upmenu-left links */
@media (pointer: coarse), (hover: none) {
      [title] {
        position: relative;
        display: inline-flex;
        justify-content: center;
        white-space: wrap;
      }
      [title]:focus::after {
        content: attr(title);
        position: absolute;
        top: 90%;
        color: #000;
        background-color: #fff;
        border: 1px solid #266086;
        width: fit-content;
        padding: 2px;
        z-index: 10001;
      }
    }

/* .upmenu-content { padding-right: 10px; } */
.upmenu-content.moduletable { margin: 2px 15px 0; }
.upmenu-content .moduletable:last-child { margin-right: 15px; }
.upmenu-left span { display: inline-block; margin-top: -10px; white-space: nowrap; }


/* SEARCH RESULTS hide authors & categories */
/* .com-finder__tips.card.card-outline-secondary.mb-3 { margin-bottom: none !important; } this didn't work */
#finder-filter-window { visibility: collapse; height: 0; }

.result__taxonomy-item.result__taxonomy--Category
.result__taxonomy-item.result__taxonomy--Category
/* SEARCH RESULTS end */


/* MAIN MENU start */

/* MOBILE DISPLAY ONLY start */
/* #menumob-btn.menuresp-on { margin-right: 12px; } */

/* MOBILE DISPLAY ONLY end */

/* Menu & submenu */
ul.mod-menu__sub * { color: #fff; text-decoration: none; !important; text-transform: none; }

/* Submenu */
.l-inline li > ul li { text-transform: none; font-size: 1rem;  }
.l-inline li > ul li a {  font-weight: 400; }

/* donate menu button */
.mainmenu .nav > li a.hiviz {
  background: #D9A36A;
  border-radius: 2px !important;
  padding: 5px 8px 5px 8px;
  margin: 6px 0 5px 0;
}
/* onmouseover donate menu button */
.mainmenu .nav > li a.hiviz:hover, .mainmenu .nav > li a.hiviz:active,
.nav-devices-list .nav > li a.hiviz:hover, .nav-devices-list .nav > li a.hiviz:active { background: transparent; 
  padding: 5px 0 0 0;
  margin: 6px 8px 10px 8px;
}
/* MAIN MENU end */

/* remove slider space on pages except home */
:not(body.homepage) #contentheader { margin-bottom: 0 !important; height: 0 !important;}
.cnt-main-part #cnt-container { margin: 0 auto 0; }

/* ----------------------------------- */
/* HOMEPAGE */
.nowrap { white-space: nowrap; }

/* .grid-module > .moduletable /* reduce from these defaults:
   margin: 5px 10px; padding: 50px 20px; */
.grid-module > .moduletable {
  margin: 5px 10px;
  padding: 40px 10px;
}
.grid-module.trim-top, .grid-module.trim-top > .moduletable  {
  margin: 0 !important; 
  padding-top: 10px;
}
.grid-module.trim-bottom, 
.grid-module.trim-bottom > .moduletable { 
  margin: 0 !important;
  padding-bottom: 10px;
}
.grid-module.max-trim-top, .grid-module.max-trim-top > .moduletable { 
  padding-top: 0 !important;
}
.grid-module.max-trim-bottom, .grid-module.max-trim-bottom > .moduletable { 
  padding-bottom: 0 !important;
}
  
.moduletable > h3 { text-align: center !important;
padding-bottom: 10px !important;
}

h3.page-header { 
  font-size: 1.6em;
  font-weight: bold;
  line-height: 1.2em;
}

/* 5 HOMEPAGE FLEXBOXES start */
/* 4 FLEXBOX CONTAINERS - 6 icons, Spiritual Programm & Social service */
/* strip padding, margins from homepage flex containers */
section#module-box1 .flex-icons-container, /* 6 icons */
section#subcontent.grid-block > .grid-block, /* Spiritual Programme */
section#module-box2 > .module-fullwidth-cont > .grid-block /* Social service */ { 
  display: flex !important;
  flex-flow: row wrap;
/* added 2 new rules */
  justify-content: flex-start;
  align-content: flex-start;
/* justify-content: space-around; */
  padding: 0 !important;
}
/* Specific gaps */
/* FLEXBOX gap for 6 icons */
section#module-box1 .flex-icons-container {
  gap: 10px 30px;
} 

/* FLEXBOX gap for Spiritual Programme */
section#subcontent.grid-block > .grid-block {
  gap: 0 20px;
}
/* FLEX ITEMS */
/* 6 icons */
section#module-box1 .flex-icons-container > .flex-icon {
  flex-basis: 30%;
  flex-grow: 1;
  text-align: center;
  width: 320px;
  min-width: 320px;
}
section#module-box1 .flex-icon > a > h5 { 
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* rm space from parent of Spiritual Programme flex items */
#subcontent .grid-block .moduletable  {
  padding-top: 0 !important;
  flex-basis: auto;
}
/* Prevent vertical sibling flex - full width */
section#module-box2 > .module-fullwidth-cont > .grid-block > .grid-module.no-flex.no-flex {
/*   flex-basis: 100%; */
}

/* 2) FLEX ITEMS - Spiritual Programme & Social service */
section#subcontent.grid-block > .grid-block > .module.grid-module.latest-events,
section#module-box2 > .module-fullwidth-cont > .grid-block > .grid-module.social-service-item {
  flex: 1;
  align-items: center;
  text-align: left;
  min-width: 320px;
}
/* 2 columns for Spiritual Programme */
section#subcontent.grid-block > .grid-block > .module.grid-module.latest-events {
  flex-basis: 40% !important;
}
/* 2 columns for Social Service */
section#module-box2 > .module-fullwidth-cont > .grid-block > .grid-module.social-service-item {
  flex-basis: 30% !important;
}

/* 3) FLEX ITEMS - Social service  - shared settings plus ordering */
section#module-box2 > .module-fullwidth-cont > .grid-block > .grid-module.social-service-item { text-align: center; }
section#module-box2 > .module-fullwidth-cont > .grid-block > .grid-module.clinic.social-service-item { order: 1; }
section#module-box2 > .module-fullwidth-cont > .grid-block > .grid-module.school.social-service-item { order: 2; }
/* give the galleries a border radius */
section#module-box2 > .module-fullwidth-cont > .grid-block > .grid-module.social-service-item :is(#clinic-gallery,#school-gallery) a.sigplus-image > img {
  border-radius: 4px 4px 0 0;
}

/* 4) FLEXBOX - Soon, Drop-In & FLAM container */
/* see scale.css for consistent-reduced width on wide screens */
 /* Drop-in, Soon, then FLAM */
section#upcontent >  .module-fullwidth-cont > .grid-block > .module > .upcontent.moduletable[aria-label^='Drop-in'],
section#upcontent >  .module-fullwidth-cont > .grid-block > .module > .upcontent.moduletable[aria-label^='Drop-In'],
section#upcontent >  .module-fullwidth-cont > .grid-block > .module > .upcontent.moduletable[aria-label^='Events'],
section#module-box3 >  .module-fullwidth-cont > .grid-block > .module > .module-box3.moduletable[aria-label^='Festivals'] { 
  display: flex !important;
  justify-content: center;
  align-items: center !important;
} 
.special-announcements,
section#upcontent >  .module-fullwidth-cont > .grid-block > .module > .upcontent.moduletable[aria-label^='Drop-in'] > div.mod_events_latest_data,
section#upcontent >  .module-fullwidth-cont > .grid-block > .module > .upcontent.moduletable[aria-label^='Drop-In'] > div.mod_events_latest_data,
section#upcontent >  .module-fullwidth-cont > .grid-block > .module > .upcontent.moduletable[aria-label^='Events'] > div.mod_events_latest_data,
section#module-box3 >  .module-fullwidth-cont > .grid-block > .module > .module-box3.moduletable[aria-label^='Festivals'] > div.mod_events_latest_data { 
  width: 90% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 4) FLEX ITEMS - Soon, Drop-In & FLAM lists */
/* Matching Soon & Drop-In */
section#upcoming >  .module-fullwidth-cont > .grid-block > .module > .upcontent.moduletable[aria-label^='Events'] > .mod_events_latest_data.grid-module,
section#upcoming >  .module-fullwidth-cont > .grid-block > .module > .upcontent.moduletable[aria-label^='Drop-in'] > .mod_events_latest_data.grid-module,
section#upcoming >  .module-fullwidth-cont > .grid-block > .module > .upcontent.moduletable[aria-label^='Drop-In'] > .mod_events_latest_data.grid-module,
/*FLAM*/
section#module-box3 >  .module-fullwidth-cont > .grid-block > .module > .module-box3.moduletable[aria-label^='Festivals'] > .mod_events_latest_data.grid-module { 
  align-self: center;
  flex-shrink: 1;
}

/* 5 HOMEPAGE FLEXBOXES end */

/* CONTENT */
.item-page .page-header {
  text-align: left !important;
  margin-bottom: 1em;
}

div.pagebanner { margin-bottom: 1.3em; }

/* Normalise heading sizes */

/* BUTTONS */
a.btn { padding: 13px 22px !important; 
       white-space: wrap;
       display: inline-block; 
       text-decoration: none;
       text-transform: uppercase;
       color: #ffffff;
       font-weight: 800;
       letter-spacing: 2px; 
      }

a.btn:hover, a.btn:active {
  color: #ffffff !important;
  background: #266086 !important;
  text-decoration: none;
}

/* LISTS */
.item-page ul, .item-page ol, .item-page dl,
ol, ul, dl {
  margin-left: -6px;
  margin-top: 0;
  margin-bottom: 1rem;
/*  padding: 0 0 0 27px; */
  padding-left: 27px;
}

/* SIGPLUS GALLERIES start */
div.gallery { 
  margin: 0 auto 1.2rem 0;
}
div.gallery * { list-style-type: none !important; }

/* lightbox on top of menu */
.fancybox-container { z-index: 10000; 
}
/* fixed slider navigation */
.slideplus-navigation[dir=ltr]>* { width: 22px; height: 19px; }
.slideplus-navigation[dir=ltr]>.slideplus-first {
  background-image: url('../../../images/gallery/nav/slideplus-nav-first.png') }
.slideplus-navigation[dir=ltr]>.slideplus-previous {
  background-image: url('../../../images/gallery/nav/slideplus-nav-previous.png'); }
.slideplus-navigation[dir=ltr]>.slideplus-next {
  background-image: url('../../../images/gallery/nav/slideplus-nav-next.png'); }
.slideplus-navigation[dir=ltr]>.slideplus-last  {
  background-image: url('../../../images/gallery/nav/slideplus-nav-last.png'); }


.slideplus-below>.slideplus-content, .slideplus-slot.slideplus-below { padding-bottom: 0; }
/* all 3 levels bgcolor needed */
.slideplus-container > .slideplus-navigation.slideplus-bottom { 
  padding: 4px 0 0 8px; background-color: #fbebd3 !important; }
.slideplus-container > .slideplus-navigation.slideplus-bottom > * { background-color: #fbebd3 !important; } 
/* .slideplus-container {background-color: #fbebd3 !important; } */

.slideplus-container > .slideplus-pager.slideplus-current {
   color: #fff;
}
.slideplus-paging { margin-top: -2px; }
.slideplus-pager {
  font-weight: 800;
  height: 19px;
  border: 1px solid #00608d;
}
.slideplus-pager.slideplus-current {
    background-color: #00608d;
}
/* fixed pane with nav */
.slideplus-navigation>a, .slideplus-paging>a {
    width: 1em;
    height: 1em;
    background-size: 1em 1em;
}
/* replace nav arrows on fixed panes */
.slideplus-pager>span {
   font-size: 9px;
   vertical-align: text-top;
}
.slideplus-container>.slideplus-viewport.slideplus-horizontal>.slideplus-previous,
.slideplus-container>.slideplus-viewport.slideplus-horizontal>.slideplus-next,
.slideplus-container>.slideplus-viewport.slideplus-horizontal>.slideplus-next,
.slideplus-container>.slideplus-viewport.slideplus-horizontal>.slideplus-previous {
  background-image: none !important;
}

.slideplus-previous.slideplus-button,
.slideplus-next.slideplus-button { 
  font-size: 40px;
  font-weight: 800;
  color: #fff;
  padding-top: 30%;
}
.slideplus-previous.slideplus-button::after { 
  content: '\27E8'; font-size: 24px; font-weight: 800; text-align: left; margin-left: 8px; }
.slideplus-next.slideplus-button::after { 
  content: '\27E9'; font-size: 24px; font-weight: 800; float: right; margin-right: 8px; margin-top: 18px; }

/* stop horizontal scroll on reduced widths */
@media screen and (max-width: 1350px) {
    #main {
        overflow: hidden !important;
    }
}
@media screen and (max-width: 1640px) {
    #main {
     overflow: hidden !important;
    }
}
@media screen and (max-width: 1680px) {
    #main {
     overflow: hidden !important;
    }
}
/* SIGPLUS GALLERIES end */

blockquote {
  position: relative;
  display: block;
  border-width: 0 0 0 7px;
  border-style: solid;
  height: auto;
  overflow: auto;
  margin: 1.2em 0 1.2em 0;
  padding: 1.2em 1.2em 0.5em 15px;
  overflow: hidden; 
}
blockquote * {
  font-style: italic;
  font-size: .9em;
  line-height: 1.6em;
}
.pull-left {
  float: left;
  clear: left !important;
  margin-right: 1.3em;
  margin-left: 0;
  margin-bottom: 1.2em;
}
.pull-right {
  float: right;
  clear: right !important;
  margin-left: 1.3em;
  margin-right: 0;
  margin-bottom: 1.2em;
}
.center {
  text-align: center;   
  margin-left: auto;
  margin-right: auto;
}

/* captioning */
figure {
  display: table;
}
figure figcaption {
  display: table-caption;
  caption-side: bottom;
  white-space: wrap;
  font-size: 0.8em !important;
  font-weight: normal !important;
  font-style: italic;
  padding: 5px;
}

/*  Responsive iframes start */
/* iframe itself; */
/* container div on default & small screens */
/* refer to scale.css small screen style rules  */
.contain-embed { 
  position: relative;
  margin-top: 0 !important;
  padding-top: 0 !important;
  width: 100%;
  margin-bottom: 1.2rem;
  clear: none !important;
}
.contain-embed.center {
  text-align: center;   
  margin-left: auto;
  margin-right: auto;
}
.embed {
  position: relative;
  aspect-ratio: 16 / 9;
  width: 66%; /* override width inline case-by-case;
  scale.css sets small device to 100% */
}
/* figure inside contain-embed */
.contain-embed figure { width: 66%; } 
.contain-embed.pull-right figure  {
  float: right;
  clear: right !important;
  margin-top: 0 !important;
  margin-left: 1.3em;
  margin-right: 0;
}
.contain-embed.pull-left figure  {
  float: left;
  clear: left !important;
  margin-top: 0 !important;
  margin-right: 1.3em;
  margin-left: 0;
}
.contain-embed figure figcaption { margin-top: -3px; }
.contain-embed figure .embed { width: 100%; }

/*  Responsive iframes end */

/* Regular Labs Modals - capitalise title */
data-modals-title { text-transform: capitalize; }

/* Regular Labs Accordions start - plugin theme: custom */
div[data-rlta-type="accordions"] { 
  border-style: solid;
  border-color: rgba(250, 230, 200, 1);
  border-width: 1px 2px 3px 1px;
}

[data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions]>[data-rlta-element=button]>[data-rlta-element=heading], [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs]>[data-rlta-element=button-list]>[data-rlta-element=button]>[data-rlta-element=heading] {
  font-size: 1rem;
  font-weight: 400;
}
[data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=closed],
[data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions]>[data-rlta-element=button]:not([data-rlta-state=closed]) {
    border-width: 1px 1px 0;
    border-style: solid;
    border-color: #fbebd3;
    border-radius: 0;
    margin-bottom: -1px;
    padding: .5rem 1.25rem .5rem 1.25rem;
}
[data-rlta-element=container]>[data-rlta-element=panel]>[data-rlta-element=panel-content] {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

[data-rlta-element=container]>[data-rlta-element=button][data-rlta-state='closed'] {
    background-color: #ffffff;
    border-width: 1px 1px 0;
    border-style: solid;
    border-color: #fbebd3;
}
[data-rlta-element=container]>[data-rlta-element=button][data-rlta-state='closed']::after {
   content: '+';
   color: #d9a36a;
   font-size: 1.5em;
   float: right;
   margin: 0 5px 0 0;
   line-height: 1em;
}
[data-rlta-element=container]>[data-rlta-element=button][data-rlta-state='open'] {
    background-color: #fff6ea;
    border: 1px 1px 0 solid #fbebd3;
}
[data-rlta-element=container]>[data-rlta-element=button][data-rlta-state='open']::after {
   content: '–';
   color: #d9a36a;
   font-size: 1.5em;
   float: right;
   margin: 0 5px 0 0;
   line-height: 1em;
}

[data-rlta-element=container]>[data-rlta-element=panel] {
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    padding-left: 3px;
    padding-right: 3px;
}
[data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions]>[data-rlta-element=button] {
   margin-bottom: 0;
}

/* Regular Labs end */
/* Accordions end */

/* SEARCH RESULTS - hide un-SEO link display */

cite.result__title-url { visibility: collapse; line-height: 0; }
time.result__date { visibility: collapse; }

/* MAINBODY CONTENT end */

/* FOOTER start */
footer .moduletable > h3.page-header
  { text-align: left !important;}

footer .grid-module > .moduletable {
  margin: 5px 10px;
  padding: 40px 10px 40px 10px;
}
footer .grid-module > .moduletable:last-child {
  margin: 5px 10px 0 10px;
  padding: 40px 10px 0 10px;
}

  
/* match other module headings */
.itp-socialbuttons-mod h3,
.itp-socialbuttons-mod h4  {
  font-size: 1.2em;
}
/* FOOTER end */

/* --------------------------------------*/
/* Small Screens */
/*
 media="only screen and (min-width: 80px) and (max-width: 1024px)" {
@media screen and (max-width: 715px) { 
   .main-body {
        margin: 0;
        padding: 20px 0;
   }      
   
   }
   
@media screen and (max-width: 550px) {
        .main-body { padding: 15px 0 15px 0;
  }
   }
   
    @media screen and (max-width: 400px) {
      
        #tbar-left {
          line-height: 1em;
      }
        .tbar-cnt > .l-inline {
          border: red solid 1px;
          flex-wrap: wrap-reverse;
        }

        .item-page {
           border: red solid 1px !important;
           padding: 0 !important;
        }
      
      #menumob-btn.menuresp-on { 
        margin-left: 0 !important;   
        border-right: solid transparent 15px !important;
        }
    }
}
*/

@media="screen and (min-width: 426px) and (max-width: 1023px)"  {
a.sigplus-image>img{box-sizing:border-box !important;max-width:60%;height:auto;}
}