CIRs/admins

/* Add the following to /web/core/themes/olivero/olivero.libraries.yml

 

# At the bottom of global-styling

global-styling:

  css:

    component:

      ..

      ..

      ..

      css/components/wide-image.css: {}

      ../../../themes/custom/timbers.css: {} */

 

/* On line 209 add the following case to alter the title for the report image node form

 

    case 'report_image':

      $form['#title'] = t('Report an image');

      break;

*/

 

/* Color Palette

rgb(190,1,1) #be0101 - red

rgb(136,0,0) #880000 - dark red

 

rgb(0,60,197) #003cc5 - blue

rgb(0,54,177) #0036b1 - dark blue

 

rgb(0, 62, 255) #003eff - light blue (Olivero)

rgb(0, 127, 255) #007fff - lightest blue (Olivero)

 

*/

 

/* Olivero layout overrides */

.field--type-link {

  overflow-wrap: anywhere;

}

 

.mobile-nav-button__icon:before,

.mobile-nav-button__icon,

.mobile-nav-button__icon:after {

  border-top-color: #003cc5;

}

.mobile-nav-button[aria-expanded=false] .mobile-nav-button__icon:before,

.mobile-nav-button[aria-expanded=false] .mobile-nav-button__icon,

.mobile-nav-button[aria-expanded=false] .mobile-nav-button__icon:after {

  box-shadow: 0 0 3px #fff;

}

.mobile-nav-button[aria-expanded="true"] .mobile-nav-button__icon:before,

.mobile-nav-button[aria-expanded="true"] .mobile-nav-button__icon:after {

  margin-top: -1px;

}

.mobile-nav-button:focus {

  outline: solid 2px #0036b1;

}

/* .menu .primary-nav__button-toggle .icon--menu-toggle:before,

.menu .primary-nav__button-toggle .icon--menu-toggle:after {

  border-top: solid 3px #003cc5;

} */

 

body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1:last-child {

  display: flex;

}

.menu .primary-nav__menu-link {

  font-size: 1.5rem;

}

.menu .primary-nav__menu-link:hover {

  cursor: pointer;

}

.menu .primary-nav__menu-link--level-2 {

  font-size: 1.3rem;

}

 

.path-frontpage .layout__region--second .block-menu {

  display: none;

}

 

.messages-list {

  margin: 0;

}

.messages-list a:hover {

  color: #007fff;

}

 

.block-system-breadcrumb-block {

  margin-bottom: 0;

}

.breadcrumb__list {

  overflow-x: initial; /* Added to counter weird cutting off overflow-y on focus on mobile - Olivero */

}

.breadcrumb__link {

  color: #003cc5;

}

.container {

  max-width: none;

}

.main-content__container {

  padding-top: 1rem;

}

.block-local-tasks-block {

  margin-bottom: 1rem;

}

.block-page-title-block {

  margin-bottom: 0;

}

.path-node .block-page-title-block,

.path-give .block-page-title-block {

  margin-bottom: 1.125rem;

}

.header-nav .primary-nav__menu--level-2 {

  margin: 0 -1.125rem;

  visibility: visible;

  opacity: 1;

  pointer-events: none;

  transition: margin .25s ease, max-height .25s ease;

}

.header-nav .primary-nav__menu--level-2.is-active-menu-parent {

  pointer-events: all;

  /* margin: 1.125rem -1.125rem;

  max-height: 28rem; */

}

@media (min-width: 62.5rem) {

  .breadcrumb__list {

    padding-bottom: 1.125rem;

  }

  .block-page-title-block {

    margin-bottom: 1.125rem;

  }

  .path-frontpage .layout__region--second .block-menu {

    display: initial;

  }

}

@media (min-width: 75rem) {

  body:not(.is-always-mobile-nav) .site-header__fixable {

    position: fixed;

    z-index: 102;

    top: -4.5rem;

    max-width: 98.125rem;

  }

  body:not(.is-always-mobile-nav).toolbar-vertical.toolbar-fixed .site-header__fixable, body:not(.is-always-mobile-nav).toolbar-horizontal.toolbar-fixed .site-header__fixable {

    top: -2.0625rem;

  }

  body:not(.is-always-mobile-nav).toolbar-horizontal.toolbar-fixed.toolbar-tray-open .site-header__fixable {

    top: 0.4375rem;

  }

 

  body:not(.is-always-mobile-nav) .menu .primary-nav__menu-🥕 {

    top: calc(100% - .4rem);

    border-bottom-color: #0036b1;

  }

  [dir="ltr"] body:not(.is-always-mobile-nav) .menu .primary-nav__menu--level-2 {

    /* top: calc(100% - 0.3rem); */

    top: 100%;

    padding: 1rem 1.5rem;

    border-top-color: #0036b1;

    /* box-shadow: 0px 4px 4px rgb(0 0 0 / 25%); */

    box-shadow: 0px 5px 15px rgb(0 0 0 / 30%);

  }

  body:not(.is-always-mobile-nav).toolbar-horizontal.toolbar-fixed.toolbar-tray-open .primary-nav__menu--level-2 {

    max-height: inherit;

  }

 

  /* html body:not(.is-always-mobile-nav) .secondary-nav__menu-link:focus:before {

    not needed if adopting olivero blue as part of color palette

    border-color: #003cc5;

  } */

 

  .site-header {

    min-height: 2.5rem;

  }

 

  .container .region--highlighted,

  .container .region--breadcrumb {

    margin-left: -2.25rem;

    margin-right: -2.25rem;

  }

  .region--breadcrumb > .block {

    margin-bottom: 1.125rem;

    background: #f7f9fa;

  }

  .breadcrumb {

    padding: 1rem 2.25rem;

    overflow: hidden;

  }

  .breadcrumb__list {

    padding-bottom: 0;

  }

 

  body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1:last-child {

    display: none;

  }

  .main-content__container {

    padding-top: 4.25rem;

  }

}

 

.button {

  padding: 0 1rem;

  color: #003cc5;

  border-color: #003cc5;

}

.button:hover, .button:focus {

  color:#0036b1;

  /* font-weight: initial; -removed for causing display issue with "Search" button on hover, e.g. /lessons page */

  border-color: #0036b1;

  outline-color: #0036b1;

}

.button:active {

  color: #003cc5;

  border-color: #003cc5;

}

.button--primary {

  color: #fff;

  background-color: #003cc5;

}

.button--primary:active {

  background-color: #0036b1;

}

.button--primary:hover, .button--primary:focus {

  color: #fff;

  background-color: #0036b1;

  border-color: #0036b1;

}

.dialog-off-canvas-main-canvas .secondary-nav .menu a:not(.button--primary) {

  height: 3.375rem;

  color: #fff;

  padding: 0 1rem;

  font-size: 1.25rem;

  background: #003cc5;

  border: 2.5px solid #003cc5;

  border-radius: 3px;

  box-shadow: 0px 2px 4px rgb(0 0 0 / 25%);

}

@media (min-width: 75rem) {

  .button {

    padding: 0 1.6785rem;

  }

  .dialog-off-canvas-main-canvas .secondary-nav .menu a:not(.button--primary) {

    height: inherit;

    color: #003cc5;

    padding: inherit;

    background: inherit;

    border: none;

    box-shadow: none;

  }

}

 

/* Lesson filter button */

.path-lesson .view-header {

  margin: 0;

}

.filter-button svg {

  /*

  position: absolute;

  right: 0;

  top: 0;

  */

  width: 2.25rem;

  height: 2.25rem;

  filter: drop-shadow(2px 2px 2px rgb(0 0 0 / 0.6));

}

.filter-button svg path {

  fill: #be0101;

}

@media (min-width: 62.5rem) {

  .filter-button {

    display: none;

  }

}

 

a {

  color: #003cc5;

}

a:hover {

  color: #0036b1;

}

body .main-content .messages {

  background-color: #003cc5;

}

 

.views-row {

  position: relative;

}

.views-table p {

  margin-top: 0;

}

 

@media (min-width: 43.75rem) {

  .text-content p, .cke_editable p {

    margin-top: 1rem;

    margin-bottom: 1rem;

  }

}

 

.comma-items > .field__item {

  position: relative;

  margin-right: 5px;

  padding-right: 0 !important;

}

.comma-items > .field__item:not(:last-child)::after {

  content: ",";

  position: absolute;

  right: 0;

}

 

/* Add to any social media links */

.addtoany_list a img, .addtoany_list a span {

  transition: opacity .15s ease;

}

 

  /* Site header and navigation */

.site-branding, .block-dropdown-language {

  display: flex;

  z-index: 106;

  /* height: 3.25rem; */

}

.block-dropdown-language {

  margin: 0 3.5rem 0 -1rem;

}

.block-dropdown-language .open {

  z-index: 106; /* to show over the off-canvas menu on mobile when open */

}

 

.mobile-buttons {

  position: fixed;

  right: 1rem;

  margin: 1rem .25rem;

  z-index: 106;

}

.mobile-nav-button__icon {

  transform: scale(1.5);

}

@media (min-width: 31.25rem) {

  .block-dropdown-language {

    margin: 0 7rem 0 -1rem;

  }

  /* .mobile-buttons {

    position: inherit;

    margin: inherit;

  } */

  .mobile-nav-button__icon {

    transform: scale(1);

  }

}

@media (min-width: 43.75rem) {

  .site-branding, .block-dropdown-language {

    min-height: 4.5rem;

  }

}

@media (min-width: 75rem) {

  .site-branding, .block-dropdown-language {

    min-height: 11.25rem;

    align-items: flex-end;

  }

  .block-dropdown-language {

    margin: 0 2rem 0 -1rem;

  }

  .block-dropdown-language .block__content {

    height: 6.75rem;

    padding-top: 0.5625rem;

    padding-bottom: 0.5625rem;

  }

  body:not(.is-always-mobile-nav) .site-header__fixable.js-fixed {

    max-width: 100%;

  }

}

 

/* Dropdown language select */

.block-dropdown-language .dropbutton-wrapper.open {

  filter: none;

}

.block-dropdown-language .dropbutton-widget {

  height: 2rem;

  padding-right: 0;

}

.block-dropdown-language .block__content {

  /* height: 6.75rem; */

  display: flex;

  align-items: center;

}

.block-dropdown-language .dropbutton-action {

  display: flex;

  align-items: center;

  height: 2rem;

  padding: 0 .5rem;

  border: 2px solid #003cc5;

  background: #fff;

}

.block-dropdown-language .dropbutton-action:first-child {

  justify-content: center;

  margin-right: 0;

  border-radius: 3px;

}

.block-dropdown-language .dropbutton-wrapper.open .dropbutton-action:first-child {

  border-bottom: none;

  border-radius: 3px 3px 0 0;

  padding-bottom: 2px;

}

.block-dropdown-language .secondary-action {

  width: auto;

  border-top: none;

  border-radius: 0 0 3px 3px;

  padding: 1rem 0;

  transition: background .15s ease;

}

.block-dropdown-language .secondary-action:hover {

  background: #003cc5;

}

.block-dropdown-language .secondary-action a {

  padding: 1rem;

  transition: color .15s ease;

}

.block-dropdown-language .secondary-action:hover a {

  width: 100%;

  color: #fff;

}

 

.block-dropdown-language .dropbutton-toggle {

  display: none;

}

 

@media (min-width: 31.25rem) {

  /* .block-dropdown-language {

    margin: 0;

  } */

  .block-dropdown-language .dropbutton-widget {

    padding-right: 1.6875rem;

  }

  /* .block-dropdown-language .dropbutton-action {

    padding: 0 1rem;

  } */

  .block-dropdown-language .dropbutton-action:first-child {

    margin-right: 2px;

    border-radius: 3px 0 0 3px;

  }

  .block-dropdown-language .dropbutton-wrapper.open .dropbutton-action:first-child::after {

    content: "";

    position: absolute;

    right: 0;

    bottom: 0;

    height: 2px;

    width: 31px;

    background: #003cc5;

  }

  .block-dropdown-language .dropbutton-toggle {

    display: initial;

  }

  .block-dropdown-language .dropbutton-toggle button {

    height: 2rem;

    background: #003cc5;

  }

  .dropbutton-toggle button:before {

    border-color: #fff;

  }

  .block-dropdown-language .dropbutton-wrapper.open .dropbutton-toggle button {

    border-radius: 0 3px 0 0;

  }

  .block-dropdown-language .secondary-action {

    width: calc(100% + 1.6875rem)

  }

}

 

.header-nav {

  border-top: none;

  margin-top: 4rem;

}

.toolbar-horizontal .header-nav,

.toolbar-vertical .header-nav {

  margin-top: calc(4rem + 39px);

}

@media (min-width: 75rem) {

  .header-nav {

    margin-top: 80px;

  }

}

 

/* Flags (bookmarks) */

.action-flag, .action-unflag:hover {

  background: url(/themes/custom/images/icon-green-star.svg) no-repeat;

}

.action-unflag {

  background: url(/themes/custom/images/icon-green-star-fill.svg) no-repeat;

}

.flag-follow, .flag-follow:hover {

  display: inherit;

  background-size: 18px;

  background-position: 0px;

}

.flag-follow a {

  padding-left: 22px;

}

.action-unflag:hover a {

  color: transparent;

}

.action-unflag:hover::before {

  content: "Unfollow";

  position: absolute;

  padding-left: 22px;

  color: #00adee;

  text-decoration: underline;

  pointer-events: none;

}

 

/* General */

.main-content p, .main-content div {

  max-width: 100%;

  /* font-size: 4vw;

  line-height: 40px;

  color: #3D4A54; */

  color: #4d4d4d;

}

/* @media (min-width: 43.75rem) {

  .main-content p, .main-content div {

    font-size: 23px;

  }

} */

 

/* Messages */

.main-content .messages {

  background-color: #0d77b5;

}

.main-content .messages .messages__content {

  color: #fff;

}

 

/* Font - until fix for Olivero allowing fontyourface module to apply instead of in CSS */

a, button, p, div, h1, h2, h3, h4, h5, h6, td {

  font-family: 'Hind';

  font-style: normal;

  font-weight: normal;

}

a, button, h1, h2, h4, h5, h6 {

  font-weight: 500;

}

th a {

  font-weight: inherit;

}

 

/* Google Adsense & Donate blocks */

.region--secondary-menu {

  flex-wrap: wrap;

}

.region--secondary-menu #block-donatemobilemenu {

  margin: 3rem 0 1rem;

}

.block-adsense {

  margin: 1.5rem 0;

}

.page-node-type-lesson .layout__region--first .block-adsense {

  display: none;

}

@media (min-width: 75rem) {

  .region--secondary-menu {

    flex-wrap: revert;

  }

  .region--secondary-menu #block-managedad,

  .region--secondary-menu #block-donatemobilemenu {

    display: none;

  }

  .page-node-type-lesson .layout__region--first .block-adsense {

    display: inherit;

  }

}

 

/* Mail and external links */

.extlink {

  padding-left: .5rem;

}

 

/* Photoswipe */

.view .photoswipe img {

  margin-right: .5rem;

}

 

/* h3 {

  font-weight: 600;

} */

 

/* Styles */

.region--content .block {

  margin-bottom: 1rem;

}

.border-block,

.path-node .layout--threecol-section .layout__region--first {

  position: relative;

  height: fit-content;

  margin-bottom: 1rem;

  padding: .5rem 1rem;

  border: 2px solid rgba(0,60,197,.5);

  border-radius: 3px;

  overflow: auto;

  transition: background .15s ease;

}

.border-block:hover,

.path-node .layout--threecol-section .layout__region--first:hover {

  background: rgba(0, 127, 255, .1);

}

.border-block .view-content h3:first-child {

  margin-top: .5rem;

}

.border-block a {

  position: relative;

}

.border-block .views-table {

  margin: 0;

}

.border-block > *:last-child,

.path-node .layout--threecol-section .layout__region--first > *:last-child {

  margin-bottom: 0;

}

.address {

  margin-top: 0;

}

.ajax-progress {

  position: absolute;

  transform: translate(-1.5rem,-.5rem);

}

.fontawesome-icon-inline {

  margin-right: .5rem;

}

.inline-buttons {

  display: flex;

  white-space: nowrap;

}

.mobile-hide {

  display: none;

}

.mobile-block {

  display: block;

}

@media (min-width: 31.25rem) {

  .mobile-hide,

  .mobile-block {

    display: initial;

  }

}

 

.pswp__caption__center {

  display: flex;

  justify-content: space-between;

  gap: 2rem;

}

.pswp__caption__center a {

  color: #007fff;

}

 

.view {

  position: relative;

}

.view-header-right .view-header {

  display: none; 0

}

@media (min-width: 31.25rem) {

  .view-header-right .view-header {

    display: inherit;

    position: absolute;

    right: 0;

    display: flex;

    gap: 1rem;

  }

  .view-header-right .view-header .cta-button {

    margin: 0;

  }

}

.view .row-link {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  opacity: 0;

}

.view .float-right picture {

  float: right;

  margin-top: .5rem;

  margin-left: 1rem;

  overflow: hidden;

}

.view .float-right img {

  transition: transform .15s ease;

}

.view .float-right:hover img {

  transform: scale(1.05);

}

 

.container-inline {

  display: flex;

  align-items: center;

  gap: 1rem;

}

 

.fieldset {

  border-color: #003cc5;

  /* border-radius: 3px; */

}

.fieldset__legend {

  border-radius: 0;

  background-color: #003cc5;

}

 

/* UI accordion */

.ui-accordion .ui-accordion-content {

  padding: 0 1rem;

}

/* @media (min-width: 31.25rem) {

  .ui-accordion .ui-accordion-content {

    padding: 1em 2.2em;

  }

} */

/* .ui-accordion-content {

  position: relative;

}

.ui-accordion-content .accordion-link a {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  opacity: 0;

} */

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button {

  border:1px solid #0036b1;

  background: #003cc5;

}

.ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:active {

  border:1px solid #003eff;

  background: #007fff;

}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {

  color: #fff;

}

 

.ui-accordion-header h3 {

  display: initial;

}

 

/* .views-field .views-label {

  necessary ?

  font-weight: bold;

} */

.views-field-field-lesson-topics a, .field--name-field-lesson-topics .field__label, .form-item-field-lesson-topics-target-id label {

  color: forestgreen;

}

@media only screen and (hover: hover) and (pointer: fine) {

  .views-field-field-lesson-topics a:hover, .field--name-field-lesson-topics .field__label:hover, .form-item-field-lesson-topics-target-id:hover label {

    color: darkgreen;

  }

}

body .views-label-field-objective, .field--name-field-objective .field__label {

  color: darkviolet;

}

body .views-label-field-duration, .field--name-field-duration .field__label, #edit-field-duration-target-id--wrapper legend {

  color: navy;

}

body .views-label-field-resources-old, .field--name-field-resources-old .field__label {

  color: crimson;

}

body .views-label-field-note, .field--name-field-note .field__label {

  color: fuchsia;

}

 

.text-content a, .cke_editable a, .view-content a, .view-footer a, .ui-accordion-content a {

  box-shadow: inset 0 -2px 0 0 darkorange;

  text-decoration: none;

  transition: box-shadow 0.3s cubic-bezier(0.55, 0.085, 0, 0.99);

}

.text-content a:hover, .cke_editable a:hover, .view-content a:hover, .view-footer a:hover, .ui-accordion-content a:hover {

  box-shadow: inset 0 -2em 0 0 orange;

  text-decoration-color: darkorange;

}

body .text-content .noshadow, .text-content .noshadow:hover,

body .view-content .noshadow, .view-content .noshadow:hover,

body .noshadow a,

body .noshadow a:hover {

  box-shadow: none;

  text-decoration: none;

}

 

/* Maps */

.view-map > .view-content {

  height: calc(100vh - 292px);

}

.view-map .popup-space {

  margin-bottom: .5rem;

}

.view-map .popup-flex,

.view-map .popup-flex .view-schools-alt-s- .view-content {

  display: flex;

  gap: .25rem;

}

.view-map .popup-flex .view-schools-alt-s- .view-content {

  flex-wrap: wrap;

}

.view-map .popup-flex .view-schools-alt-s- .view-content .views-row:nth-last-child(n+2) .views-field::after {

  content: ",";

}

 

.leaflet-container {

  z-index: 0; /* Added to allow mobile menu to be on top */

}

.leaflet-container div {

  max-width: none;

}

.leaflet-popup h2 {

  margin: .75rem 0;

  font-size: 1.8rem;

  line-height: 2.5rem;

}

 

.path-school .region--content-above,

.path-schools .region--content-above,

.path-location .region--content-above,

.path-locations .region--content-above {

  display: inline-flex;

  white-space: nowrap;

  align-items: baseline;

}

.region--content-above .shortcut-action__message {

  /* Added for layout fix when showing the star icon for shortcut-action when logged in */

  position: absolute;

  right: -55%;

  pointer-events: none;

  z-index: 1;

}

.region--content-above .shortcut-action:hover .shortcut-action__message,

.region--content-above .shortcut-action:focus .shortcut-action__message {

  pointer-events: all;

  z-index: 1;

}

.region--content-above .block-block-content {

  margin-bottom: 0;

}

.region--content-above .field__item a {

  margin: 0;

  font-size: 1.5rem;

  color: #0036b1;

}

@media (min-width: 62.5rem) {

  .region--content-above .block-block-content {

    margin-bottom: 1.125rem;

  }

}

 

/* Search */

/* .view-search input {

  max-width: 140px;

} */

[dir] body .block-search-wide__wrapper input[type="search"] {

  background-image: linear-gradient(#0036b1, #003cc5);

}

 

/* Tables */

/* .main-content tr {

  display: flex;

  align-items: center;

} */

.main-content td {

  position: relative;

  margin-top: 1rem;

  font-size: 21px;

  line-height: 35px;

  color: #3D4A54;

}

.main-content td img {

  max-width: 150px;

  margin: .25rem .5rem 0 0;

  /* margin-right: 1.5rem; replaced to look better on useful links, glossary */

}

.main-content td .name-first {

  color: #567DB8;

}

.main-content td .title {

  font-weight: bold;

}

.pager__items {

  flex-wrap: nowrap;

}

 

h1 {

  margin-top: 0;

  font-size: 2rem;

  line-height: 2.5rem;

  color: #be0101;

}  

.block__title, .text-content h2, .cke_editable h2 {

  /* margin: 1.5rem 0 1rem; */

  font-size: 1.8rem;

  line-height: 2rem;

  color: #0B2027;

}

.block:nth-child(n+2) .block__title {

  margin: 2rem 0 1rem;

}

@media (min-width: 43.75rem) {

  h1 {

    font-size: 3rem;

  }

  /* .block__title, .text-content h2, .cke_editable h2 {

    font-size: 1.8rem;

  } */

  /* .block:nth-child(n+2) .block__title {

    margin: 1.5rem 0 1rem;

  } */

}

.main-content .text h2 {

  margin: 0;

}

 

.page-wrapper {

  margin: 0 auto;

}

 

body {

  background-image: none;

}

 

.header__left {

  background-color: #569FB8;

}

.site-header__initial,

.feed-icon .feed-icon__icon {

  background-color: #be0101;

  border: 1px solid #880000;

}

.tabs__link.is-active::after,

.primary-nav__menu .primary-nav__menu-link-inner::after {

  border-top-color: #be0101;

}

@media (min-width: 75rem) {

  .sticky-header-toggle {

    background-color: #be0101;

    border: 1px solid #880000;

  }

  body:not(.is-always-mobile-nav) .primary-nav__menu .primary-nav__menu-link:focus:before {

    border-color: #be0101;

  }

  .nav-primary__button {

    background-color: #569FB8;

  }

  .site-header__fixable.js-fixed .site-header__inner {

    box-shadow: 0px 4px 4px rgba(0, 0, 0, .25);

  }

}

 

.site-branding {

  padding: 1rem;

  background-image: none;

}

 

.site-branding__logo img {

  /* width: 200px; */

  max-height: none;

}

.site-branding__text a {

  position: relative;

  padding: 1rem 0;

  color: #0B2027;

  font-size: 1.6rem;

}

 

.menu .primary-nav__menu-link {

  align-items: center;

  gap: .5rem;

  color: #0036b1;

}

.menu .primary-nav__menu-link > span {

  gap: .5rem;

}

.menu .primary-nav__button-toggle {

  position: absolute;

  width: calc(100% - 2.25rem);

  /* Changed to align correctly on right for mobile

  width: calc(100% - 2.25rem); */

}

.menu .primary-nav__button-toggle .icon--menu-toggle {

  left: unset;

  right: 0.5rem;

}

@media (min-width: 75rem) {

  .site-branding {

    padding: inherit;

  }

}

 

/* Menu Tomo Arigato link and icon */

a[href*="www.tomoarigato.com"] .primary-nav__menu-link-inner {

  gap: .3rem;

}

a[href*="www.tomoarigato.com"] .primary-nav__menu-link-inner::before {

  content: "";

  height: 20px;

  width: 20px;

  background-image: url('/themes/custom/images/Tomo Arigato - logo square.svg');

  background-size: contain;

}

a[href*="www.tomoarigato.com"] .extlink {

  display: none;

}

 

@media (min-width: 31.25rem) {

  .layout--content-medium, .layout--pass--content-medium > * {

    grid-column: 1 / 15;

  }

}

 

.main-content .section {

  margin-top: 5rem;

}

.main-content .section-flex {

  display: flex;

  gap: 3rem;

}

.main-content .section-flex > div {

  flex-basis: 50%;

}

 

.page-wrapper .text-content button > a {

  box-shadow: none;

  color: inherit;

}

.page-wrapper .text-content button > a:hover {

  text-decoration: inherit;

}

.page-wrapper .cta-button {

  color: #fff;

  font-size: 1.3rem;

  font-weight: initial;

  background: #003cc5;

  border: 2.5px solid #003cc5;

  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);

  border-radius: 3px;

  transition: background .15s ease, box-shadow .15s ease, transform .15s ease;

}

.page-wrapper .cta-button:hover {

  color: #fff;

  text-decoration: none;

  background: #003eff;

  box-shadow: 3px 5px 10px black;

  transform: translatey(-5px);

}

.main-content .cta-button-clear {

  background: rgba(0,60,197,0);

  border: 2.5px solid #fff;

}

.main-content .cta-button-clear:hover {

  background: rgba(0,60,197,.7);

}

 

/* .tablefield-export-link a {

  display: inline-block;

  color: #fff;

  font-size: 1.3rem;

  font-weight: initial;

  background: #003cc5;

  border: 2.5px solid #003cc5;

  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);

  border-radius: 0.1875rem;

  transition: background .15s ease, box-shadow .15s ease, transform .15s ease;

}

.tablefield-export-link a:hover {

  text-decoration: none;

  background: #003eff;

  box-shadow: 3px 5px 10px black;

  transform: translatey(-5px);

} */

 

.view .view-highlight {

  display: inline-block;

  margin-top: .5rem;

  padding: .25rem 1rem;

  border: .1rem solid #00adee;

  border-radius: 3px;

  text-decoration: none;

  background: azure;

  white-space: nowrap;

}

 

/* Drupal modals (dialog) - glossify */

.ui-dialog {

  width: 50% !important;

  min-width: 500px !important;

  z-index: 103 !important;

}

.ui-dialog-titlebar .ui-dialog-title {

  display: contents;

  font-size: 1.8rem;

  line-height: 2rem;

  color: #0B2027;

}

.ui-dialog-titlebar .ui-button {

  right: 12px;

  background: #be0101;

  transition: border .15s ease, transform .15s ease;

}

.ui-dialog-titlebar .ui-button:hover {

  border: 1px solid #880000;

  transform: scale(1.2);

}

.ui-dialog-titlebar .ui-button-icon::before,

.ui-dialog-titlebar .ui-button-icon::after {

  position: absolute;

  top: 8px;

  left: 8px;

  display: block;

  width: 16px;

  height: 0;

  content: "";

  border-top: solid 2px #fff;

}

.ui-dialog-titlebar .ui-button-icon::before {

  transform: translate(-50%, -50%) rotate(45deg);

}

.ui-dialog-titlebar .ui-button-icon::after {

  transform: translate(-50%, -50%) rotate(-45deg);

}

.ui-dialog-titlebar .ui-button .ui-icon {

  background-image: none;

}

.ui-dialog-content .node__content {

  padding-bottom: .5em;

}

.ui-dialog-content .layout {

  display: contents;

}

.ui-dialog-content .layout--threecol-section--25-50-25 .layout__region--third {

  max-width: 334px;

}

.ui-dialog-content .layout--twocol-section--67-33 .layout__region--second {

  max-width: 457px;

}

.ui-dialog-content .layout > .layout__region {

  margin: 0 0 1rem 0;

}

.ui-widget-overlay {

  background: #0036b1;

  z-index: 102 !important;

}

 

/* Social bar */

[class^='page-node-type'] .social-bar, [class*=' page-node-type'] .social-bar {

  margin-top: -4rem;

}

/* .path-lesson .social-bar {

  margin-top: inherit;

} */

@media (min-width: 43.75rem) {

  .layout--twocol-section > .layout__region--second {

    flex-grow: 1;

  }

}

@media (min-width: 75rem) {

  [class^='page-node-type'] .social-bar, [class*=' page-node-type'] .social-bar {

    margin-top: inherit;

  }

}

 

/* Site footer */

.menu--footer {

  margin-bottom: 1rem;

}

.menu--footer .menu {

  display: flex;

  flex-wrap: wrap;

  gap: 2rem;

}

.menu--footer .menu a {

  text-decoration: none;

}

.site-footer {

  color: #0B2027;

  background: white;

  /* scroll-snap-align: end; */

}

.site-footer__inner {

  padding-top: 0;

}

.site-footer__inner .block::nth-last-child(-n+2) {

  margin-right: 2.5rem;

}

@media (min-width: 75rem) {

  [dir="ltr"] body:not(.is-always-mobile-nav) .site-footer {

      border-left: solid 90px #fff;

  }

  .site-footer__inner {

    padding-top: inherit;

    padding-bottom: 0;

  }

}

.site-footer .text-content {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.site-footer .text-content a {

  color: #0d77b5;

  text-decoration: none;

  box-shadow: inset 0 -2px 0;

}

.site-footer .text-content a:hover {

  text-decoration: underline;

  color: #0B2027;

  box-shadow: inset 0 -2em 0 0 #d9ecfa;

  -webkit-text-decoration-color: #d9ecfa;

  text-decoration-color: #d9ecfa;

}

.site-footer .text-content .copyright {

  margin-top: 2rem;

}

@media (min-width: 43.75rem) {

  .site-footer .text-content .copyright {

    margin-top: 0;

  }

}

 

/* Comments */

.block-field-blocknodeschoolfield-p .permalink {

  display: none;

}

/* .layout__region--content label,

.layout__region--content .form-actions input:nth-child(2) {

  display: none;

} */

 

/* Splider slideshow */

.splide--skin--classic .splide__slide.is-active .slide__caption {

  min-height: auto;

}

.splide--skin--classic .slide__description {

  color: #fff;

}

.splide--skin--asnavfor.splide--nav .splide__track {

  padding: 20px !important;

}

.splide--skin--asnavfor.splide--nav .splide__slide.is-active::before {

  top: -7px;

}

.splide--skin--asnavfor.splide--nav .splide__slide img {

  border-width: 2px;

}

.splide.is-less .splide__arrows {

  display: none;

}

.splide__autoplay {

  display: none;

}

/* .splide__slide .slide__caption::before {

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  background: rgba(0,0,0,.5);

}

.splide__slide .slide__caption::before {

  color: #f

} */

.splide__slide .slide__title {

  margin-top: 0 0 1rem;

  font-size: 1.2rem;

}

.splide__slide .slide__link a {

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  opacity: 0;

}

 

.splide__arrow {

  height: 3rem;

  width: 3rem;

  opacity: .7;

  transform: translateY(-50%) scale(1.2);

  background: #003cc5;

}

.splide__arrow svg {

  fill: #fff;

}

.splide .splide__arrow--prev {

  left: -1em;

}

.splide .splide__arrow--next {

  right: -1em;

}

@media (min-width: 31.25rem) {

  .splide__arrow {

    height: 2rem;

    width: 2rem;

    opacity: .2;

    transform: translateY(-50%) scale(1);

    transition: left .25s ease, right .25s ease, transform .25s ease, opacity .25s ease;

  }

  .splide:hover .splide__arrow {

    transform: translateY(-50%) scale(1.2);

    opacity: .7;

  }

  .splide .splide__arrow--prev {

    left: 1em;

  }

  .splide .splide__arrow--next {

    right: 1em;

  }

  .splide:hover .splide__arrow--prev {

    left: -1em;

  }

  .splide:hover .splide__arrow--next {

    right: -1em;

  }

}

 

/* Welcome - homepage / frontpage */

/* .path-frontpage .layout__region, */

/* .path-frontpage .view-seasonal-header {

  position: relative;

} */

/* @media (min-width: 31.25rem) {

  .path-frontpage .block-page-title-block {

    margin: 1rem 0 1.5rem;

  }

} */

 

.view-seasonal-header h2 {

  margin: 1rem 0 .5rem;

  font-size: 5vw;

}

.view-seasonal-header h3 {

  margin: 0.5rem 0;

  font-size: 3vw;

}

 

.view-seasonal-header .views-field-field-media-image-1::after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  background: rgba(0,0,0,.4);

}

.view-seasonal-header .views-field-field-media-image-1 img {

  width: 100%;

}

.view-seasonal-header .views-field-nothing {

  position: absolute;

  top: 0;

  padding: 0 1.25rem;

}

.view-seasonal-header .views-field-nothing a {

  color: #007fff;

}

.view-seasonal-header .views-field-nothing .field-content div > *,

.view-seasonal .slide__caption h3,

.view-seasonal .slide__caption div {

  color: #fff;

  text-shadow: 1px 1px 3px #000;

}

 

/* Seasonal recommendations */

.view-seasonal-recommendations .slide__title {

  margin: 0;

}

.view-seasonal-recommendations .slide__caption {

  padding: 20px;

  background: rgb(0,54,177);

}

.view-seasonal-recommendations .slide__title,

.view-seasonal-recommendations .slide__description {

  position: relative;

}

 

.view-seasonal-recommendations .splide__slide .slide__description > *:first-child {

  padding-top: 1rem;

}

.view-seasonal-recommendations .slide__link {

  margin: 0;

}

/* .view-seasonal-recommendations .views-field-field-lyrics .field-content * {

  margin: 0;

  color: #fff;

}

.view-seasonal-recommendations .views-field-field-lyrics .field-content > *:nth-child(-n+4),

.view-seasonal-recommendations .views-field-field-lyrics .field-content > *:nth-child(n+10) {

  display: none;

} */

@media (min-width: 26.25rem) {

  .view-seasonal-header h2 {

    margin-top: 2rem 0 1.125rem;

  }

  .view-seasonal-header .views-field-nothing {

    padding: 0 2rem;

  }

}

@media (min-width: 31.25rem) {

  .view-seasonal-header h2 {

    /* margin-bottom: 1.125rem; */

    font-size: 4vw;

  }

 

  .view-seasonal-recommendations .slide__caption {

    background: none;

  }

  .view-seasonal-recommendations .slide__caption::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    background: rgba(0,0,0,.4);

  }

  .view-seasonal-recommendations .splide__slide .slide__title::after {

    content: "^";

    position: absolute;

    padding-left: .5rem;

    font-size: 2rem;

    color: #00adee;

    transform: translateY(-12px) scale(1,-1);

    transition: transform .25s ease;

  }

  .view-seasonal-recommendations .splide__slide:hover .slide__title::after {

    transform: translateY(-3px) scale(1,1);

  }

  .view-seasonal-recommendations .splide__slide .slide__description {

    max-height: 0;

    opacity: 0;

    transform: translateY(-1rem);

    transition: max-height .5s ease, opacity .45s ease .05s, transform .5s ease;

  }

  .view-seasonal-recommendations .splide__slide:hover .slide__description {

    max-height: 300px;

    opacity: 1;

    transform: translateY(0);

  }

}

@media (min-width: 43.75rem) {

  .view-seasonal-header h3 {

    /* margin: 1.5rem 0; */

    font-size: 3.2vw;

  }

}

@media (min-width: 62.5rem) {

  .view-seasonal-header h2 {

    margin: 1.5rem 0 .5rem;

    font-size: 2.2vw;

  }

  .view-seasonal-header h3 {

    /* margin: 0; */

    font-size: 1.8vw;

  }

}

@media (min-width: 75rem) {

  .view-seasonal-header h2 {

    font-size: calc(24px + 4 * ((100vw - 1200px) / (1600 - 1200)));

  }

  .view-seasonal-header h3 {

    margin: calc(0px + 24*((100vw - 1200px)/(1600 - 1200))) 0;

    font-size: calc(20px + 4 * ((100vw - 1200px) / (1600 - 1200)));

  }

}

@media (min-width: 100rem) {

  .view-seasonal-header h3 {

    margin: 1.5rem 0;

  }

}

@media (min-width: 130rem) {

  .view-seasonal-header h2 {

    font-size: 2.05rem;

  }

  .view-seasonal-header h3 {

    font-size: 1.8rem;

  }

}

 

/* User most recent content */

.view-user-most-recent-content h3 {

  margin: 0 0 .5rem;

}

 

/* Content types */

 

/* Announcements */

.view-announcements .view-content {

  margin-bottom: 0;

}

 

.view-announcements .ui-accordion-content,

.view-announcements .ui-accordion-content a {

  position: relative;

}

.view-announcements .ui-accordion-content > a:first-child {

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  opacity: 0;

}

 

.view-announcements .views-row {

  margin: .5rem 0;

  /* overflow: auto; necessary? */

}

.view-announcements .views-row .views-accordion-header a {

  box-shadow: none;

}

.path-frontpage .view-announcements .views-row img {

  float: right;

  margin: 1rem -.15rem .5rem .5rem

}

@media (min-width: 31.25rem) {

  .path-frontpage .layout:first-child {

    margin-bottom: 2.25rem;

  }

  /* .path-frontpage .view-announcements .views-row img {

    margin: .5rem -.7rem .5rem 1rem;

  } */

}

@media (min-width: 75rem) {

  .path-frontpage .block-page-title-block {

    margin-top: .5rem;

  }

}

 

.view-announcements .view-footer {

  margin-bottom: .375rem;

}

/* .view-announcements .ui-accordion-content {

  display: flex;

  gap: 2rem;

}

.view-announcements .ui-accordion-content > div:nth-child(2) {

  flex-shrink: 0;

} */

 

/* Announcements archive */

/* .path-announcements-archive .view-content h3 {

  margin-bottom: 1rem;

}

.path-announcements-archive .view-content .views-row {

  border-bottom: 2px solid #0036b1;

} */

 

/* Directory */

.view-directory .views-field-uid a {

  box-shadow: none;

}

.view-directory .photoswipe img {

  margin: 0;

}

 

/* Contact directory block */

.view-directory .text-center {

  text-align: center;

}

.view-directory .flex-items {

  display: flex;

  align-items: center;

  gap: .5rem;

}

 

/* Events */

.construction {

  display: flex;

  align-items: center;

  gap: .5rem;

  margin: 0 2rem;

  color: #be0101;

}

 

/* Fun facts */

.path-path-announcements-archive .view-header-right .view-header {

  transform: translateY(-3rem);

}

.path-fun-fact .view-header-right .view-header {

  transform: translateY(-4rem);

}

 

/* Lessons */

 

@media (min-width: 62.5rem) {

  .sidebar-grid > .site-main {

    grid-column: 1 / 12;

  }

}

 

.view-lessons .view-filters {

  margin: 2rem 0 0 0;

}

 

.view-lessons tbody > tr {

  transition: background .15s ease;

}

.view-lessons tbody > tr:hover {

  background: azure;

}

 

.view-lessons .level-elementary,

.view-lessons .level-junior-high,

.view-lessons .level-high-school,

.view-lessons .level-special {

  position: relative;

  white-space: nowrap;

}

.view-lessons .level-elementary::before,

.view-lessons .level-junior-high::before,

.view-lessons .level-high-school::before {

  content: "";

  position: absolute;

  height: 100%;

  width: .5rem;

  left: -.75rem;

  pointer-events: none;

}

.view-lessons .level-elementary::before {

  background: #f8d2f8;

}

.view-lessons .level-junior-high::before {

  background: #f8d2d2;

}

.view-lessons .level-high-school::before {

  background: #d2f8d2;

}

 

.view-lessons .views-table thead {

  display: none;

}

.view-lessons .views-table tr {

  display: flex;

  flex-wrap: wrap;

}

.view-lessons .views-table td {

  flex-basis: 50%;

  padding: 0 0 1rem 0;

}

.view-lessons .views-table td:nth-child(-n+2) {

  border-bottom: none;

  padding-bottom: 0;

}

@media (min-width: 31.25rem) {

  .view-lessons .views-table td {

    flex-basis: 33.33%;

  }

}

@media (min-width: 62.5rem) {

  .view-lessons .view-filters {

    margin: 1rem 0 0 0;

  }

 

  .view-lessons .views-table thead {

    display: table-header-group;

  }

  .view-lessons .views-table tr {

    display: table-row;

  }

  .view-lessons .views-table td {

    padding: 1.125rem 1.125rem 1.125rem 0;

  }

  .view-lessons .views-table td:nth-child(-n+2) {

    border-bottom: 2px solid #98abb9;

    padding-bottom: 1.125rem;

  }

}

 

.block-field-blocknodelessonfield-elementary,

.block-field-blocknodelessonfield-junior-high,

.block-field-blocknodelessonfield-high-school {

  display: flex;

}

.field--name-field-elementary {

  border-bottom: 3px solid #f8d2f8;

}

.field--name-field-junior-high {

  border-bottom: 3px solid #f8d2d2;

}

.field--name-field-high-school {

  border-bottom: 3px solid #d2f8d2;

}

 

/* .field--name-field-elementary,

.field--name-field-junior-high,

.field--name-field-high-school {

  display: flex;

  gap: .3rem;

} */

 

.view-lessons tr {

  position: relative;

}

 

.node-form .form-item__label,

.node-form table .form-item__label {

  font-size: 1.125rem;

  font-weight: bold;

}

.node-form #edit-group-grades > .fieldset__wrapper {

  display: flex;

  flex-wrap: wrap;

  gap: 1rem;

}

.node-form #edit-group-grades > .fieldset__wrapper > div > .fieldgroup {

  margin: 0;

}

 

/* General views */

.views-exposed-form .shs-field-container {

  display: flex;

  gap: 1rem;

  margin: 0;

}

.views-exposed-form .form-actions .button {

  margin-top: 0;

  margin-bottom: 0;

}

 

body .view-full-width {

  margin: 1rem -1.125rem 0;

  max-width: calc(100% + 2.25rem);

}

body .view-full-width .view-filters {

  margin-left: 1.125rem;

  margin-right: 1.125rem;

}

@media (min-width: 62.5rem) {

  body .view-full-width {

    margin: 0;

    max-width: inherit;

  }

  body .view-full-width .view-filters {

    margin-left: inherit;

    margin-right: inherit;

  }

}

 

/* Flex views - songs & locations */

.flex-view-filters .views-exposed-form {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap: 1rem;

  margin-top: 1rem;

}

.flex-view-filters .views-exposed-form > * {

  margin: 0;

}

 

.flex-view-content > .view-content > div {

  display: flex;

  flex-wrap: wrap;

  gap: 1rem;

  justify-content: space-between;

  /* margin-top: 2.25rem; */

}

.flex-view-content .views-row {

  position: relative;

  width: 100%;

  margin-bottom: 2rem;

  border-radius: 3px;

  overflow: hidden;

}

.flex-view-content .views-row img {

  width: 100%;

}

@media (min-width: 31.25rem) {

  .flex-view-filters .views-exposed-form {

    margin-top: inherit;

  }

  .flex-view-content .views-row {

    width: inherit;

  }

  .flex-view-content .views-row img {

    width: inherit;

  }

}

 

.flex-view-content .view-content .flex-view-title {

  position: absolute;

  top: 0;

  min-height: 0;

  min-width: 0;

  padding: .75rem 1rem;

  color: #fff;

  border-bottom-right-radius: 0.1875rem;

  background: rgba(0,0,0,.7);

  transition: min-height .5s ease, min-width .25s ease;

}

.flex-view-content .view-content .flex-view-title h3 {

  margin: 0;

  color: #fff;

}

 

/* Page titles margins */

/* .path-questions .block-page-title-block,

.path-song .block-page-title-block {

  margin-bottom: 1rem;

} */

 

/* Locations */

.view-hover-text .view-content .views-row:hover .flex-view-title {

  min-height: 100%;

  min-width: 100%;

}

 

.view-hover-text .view-content .flex-view-info {

  position: absolute;

  bottom: 1rem;

  padding: 1rem;

  opacity: 0;

  transition: bottom .5s ease .15s, opacity .45s ease .05s;

}

.view-hover-text .view-content .flex-view-info,

.view-hover-text .view-content .flex-view-info > * {

  color: #fff;

}

.view-hover-text .view-content .views-row:hover .flex-view-info {

  bottom: 0;

  opacity: 1;

}

 

/* Schools */

.view-schools .views-table thead {

  display: none;

}

.view-schools .views-table tr {

  display: flex;

  flex-direction: column;

}

/* .view-schools .views-table td {

  padding: 0 0 1.125rem;

} */

/* .view-schools .views-table td:not(:last-child) {

  border: none; - removed as unsure what purpose was, easier to distinguish different schools with line breaks

} */

.view-schools .views-table caption,

.view-schools .views-table caption .button {

  margin: 0;

}

 

@media (min-width: 31.25rem) {

 

  .view-schools .views-table thead {

    display: table-header-group;

  }

  .view-schools .views-table tr {

    display: table-row;

  }

  /* .view-schools .views-table td {

    padding: inherit;

  } */

  .view-schools .views-table caption {

    margin-bottom: 1.125rem;

  }

  .view-schools .views-table caption .button {

    margin: inherit;

  }

}

 

/* Songs */

.view-songs .view-content .media--type-audio {

  position: absolute;

  bottom: 0;

  margin: 10px;

}

 

/* Information */

.view-information .views-exposed-form {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap: 1rem;

}

.view-information .views-exposed-form > * {

  margin: 0;

}

 

/* Videos */

.field--name-field-video {

  position: relative;

  overflow: hidden;

  width: 100%;

  padding-top: 56.25%;

}

.field--name-field-video iframe {

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

}

 

/* Terms */

.field--name-field-location-reference .node__title a {

  display: flex;

  gap: 1rem;

  align-items: center;

}

.field--name-field-location-reference .node__title a::before {

  content: "Go to location";

  font-size: 1.5rem;

  padding: 0 1rem;

  color: #fff;

  background: #0036b1;

  border-radius: 3px;

}

 

/* Users - pictures, avatars */

.view-picture-avatar .views-field-field-media-image-1 .img-overlay {

  position: absolute;

  bottom: 0;

}

 

/* Donate block */

.page-wrapper .donate-block {

  padding: .5rem 1rem 1rem;

  border: 2px solid #be0101;

  border-radius: 3px;

  transition: background .15s ease;

}

.page-wrapper .donate-block:hover {

  background: rgba(190,1,1,.1);

}

/* .page-wrapper .donate-block .align-left {

 

} */

.page-wrapper .donate-block h3 {

  margin: 0 0 1rem;

}

/* .page-wrapper .donate-block p:last-child {

  margin-bottom: revert;

} */

.page-wrapper .donate-block .button {

  margin: .5rem 0;

  color: #fff;

}

.page-wrapper .donate-block .align-left {

  margin-bottom: 0;

}

.page-wrapper .donate-block img {

  margin: 0 auto;

}

 

/* View pagers */

.view-lessons .view-content,

.view-user-most-recent-content .view-content {

  margin-bottom: 1.375rem;

}

.view-user-most-recent-content .view-content .views-field {

  position: relative;

}

 

.view .pager {

  margin: 0;

}

.view .pager > .pager__item {

  display: block;

}

.view .pager .button {

  margin: 0;

  white-space: nowrap;

  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);

  transition: box-shadow .15s ease, transform .15s ease;

}

.view .pager .button:hover {

  transform: translatey(-5px);

  box-shadow: 3px 5px 10px black;

}


 

.pager__item--active {

  background-color: #003cc5;

}

.pager__link:focus {

  color: #003cc5;

  outline: solid 2px #003cc5;

}

 

/* Facets */

 

.block-facet-blockduration .js-facets-widget, .block-facet-blockelementary .js-facets-widget, .block-facet-blockjunior-high .js-facets-widget, .block-facet-blockhigh-school .js-facets-widget, .block-facet-blockspecial .js-facets-widget {

  margin: 0;

}

.block-facet-blockduration li, .block-facet-blockelementary li, .block-facet-blockjunior-high li, .block-facet-blockhigh-school li, .block-facet-blockspecial li {

  list-style: none;

  margin-bottom: .25rem;

}

 

.block-facet-blockduration li {

  margin-bottom: .25rem;

}

 

.block-facet-blockelementary .js-facets-widget, .block-facet-blockjunior-high .js-facets-widget, .block-facet-blockhigh-school .js-facets-widget, .block-facet-blockspecial .js-facets-widget {

  display: flex;

  gap: 1rem;

  flex-wrap: wrap;

}

 

.block-facet-blocklesson-topics .js-facets-widget a, .block-facet-blockresources .js-facets-widget a {

  display: flex;

  justify-content: space-between;

  text-decoration: none;

}

 

.block-facets-summary .block__content > ul {

  position: relative;

  display: flex;

  gap: 1rem;

  margin: 0;

}

.block-facets-summary .block__content > ul li {

  list-style: none;

}

 

.block-facets-summary-blocklessons > .block__content > ul > li:first-child {

  position: absolute;

  bottom: -3rem;

}

 

.facet-summary-item--clear a {

  text-decoration: none;

}

.facet-summary-item--facet {

  transition: transform .15s ease;

}

.facet-summary-item--facet:hover {

  transform: translatey(-5px);

}

.facet-summary-item--facet a {

  padding: .5rem;

  color: #003cc5;

  border: solid 2px #003cc5;

  border-radius: 3px;

  background: #fff;

  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);

  text-decoration: none;

  transition: box-shadow .15s ease;

}

.facet-summary-item--facet:hover a {

  box-shadow: 3px 5px 10px black;

}

 

.block-facet-blockelementary input {

  background-color: #f8d2f8;

}

.block-facet-blockjunior-high input {

  background-color: #f8d2d2;

}

.block-facet-blockhigh-school input {

  background-color: #d2f8d2;

}

.facets-widget-checkbox > ul {

  margin-left: 0;

  list-style-type: none;

}

 

.facet-item {

  white-space: nowrap;

}

.facet-item label {

  white-space: normal;

  vertical-align: top;

}

 

@media (min-width: 43.75rem) {

  .path-lesson .block-facets-summary {

    margin-bottom: 2.25rem;

  }

}

The Agenda:

A. Sick Leave (9 points)

B. Short Contract/ Leavers (3 points)

C. Future Changes (2 points)

D. Misc./ Other (4 points) 

Please note that this document is meant to serve as a summary of the meeting between Mr. Matsuura, Mr. McCarthy, and Ms. Tomcal with the express purpose of informing the Kobe ALT cohort regarding concerns presented by the community to the ALT leader. Sharing of this file outside of the intended audience is discouraged and done at personal liability. 

A. Sick Leave 

1. explanation of circumstances/ decision 

The decision to redistribute sick leave from paid leave to unpaid leave was made in order to join in a national effort to bring all civil servants regardless of full time/ part time/ other status under the same law. This law can be found in the 国家公務員の非常勤講師等の休暇 (kokka koumuin no hijoukinkoushi tou no kyuuka) on page 106. The access to this file is unknown for ALTs, but this is what was told to the folks at the BoE. Under this law, sick leave/byokyuu is categorized as unpaid leave/mukyuu. While CLAIR was able to ensure that our salaries as JETs will not change/be reduced, things like vacation leave/nenkyuu, sick leave/byokyuu, rental assistance, etc. are changing all over the country. 

To understand why ALTs will also be subject to this rule from April, even though our contracts are supposed to be from summer to summer, it was discovered that from this year (2019-2020), the government (?) decided that ALTs, whose term of employment is from summer to summer, need to be treated as Japanese fiscal year/ April to April employees. If I understand correctly, due to this change of categorization, the government/BoE is allowed to change the aforementioned paid/unpaid leave days. So, ALTs will fall in with every other civil servant/koumuin and no longer be able to use sick leave/ byokyuu as paid leave/yuukyuu starting April 2020. 

This brings up the question of why ALTs were not made aware that the way we would be categorized (from summer~summer to April~April) would be 

changed, essentially changing the way we would be treated mid-contract. While the cessation of our paid sick leave is a shock, it is this prior change that allows it to be enacted. In terms of a violation of contract, this re-categorization may be at the heart of the matter. Please contact Tiffany regarding any thoughts/ concerns about this new information

2. When will ALTs receive this explanation (officially) in writing? 

The BoE is now working on sending out an email with the English translation of the Japanese explanation. 

3. Why elimination instead of reduction? 

Because the Kobe city legal department and elected officials decided to match every civil servant/koumuin under the federal law, on a city-wide scale, and the federal law says sick leave/byokyuu is unpaid leave/mukyuu. 

4. What will byokyu be called now? 

Sick leave/ byokyuu is still called "byokyuu" however, its status will change from paid leave/ yuukyuu to unpaid leave/ mukyuu 

5. How will the procedure for taking sick leave change? 

At this time there is no planned change to how sick leave/ byokyuu will be taken. If a large amount of days are taken at once you may be suggested by your school/ the guidance division to take paid vacation leave/nenkyuu instead of your unpaid sick leave/ byokyuu. Should you choose to take the unpaid sick leave/ byokyuu, a payment plan will be decided and the amount "owed" will be deducted from future paycheck(s). For those that are still uncertain, the BoE will be sending out some information to make it clearer. 

6. When will this take effect for ALTs? 

ALTs, and every other civil servant/koumuin, will no longer be able to use sick leave/ byokyuu as paid leave/yuukyuu starting April 1, 2020 (Unfortunately this is no April Fool's joke). And, in accordance with this change, the proof of employment/ ishokujo (the certificate with your name, the BoE's stamp, remuneration, and dates of employment) will be reissued from April as well. 

7. What about pregnancy? Freak car accidents? Developing a disease that requires constant routine checks?

For large medical bills there is always the JET insurance remuneration process. 

However, to my understanding, this doesn't change that either paid vacation leave/ nenkyuu, or unpaid sick leave/byokyuu, will have to be used for the days not attended at work. 

8. What is the chain of command on this? Who can we write to directly about this matter?

The people who made the final decision on this matter were the Kobe legal department and Kobe's elected officials. However, Mr. Matsuura and others will have a meeting about this matter sometime between December 16~20 so if you'd like to have your opinion expressed by him, please write a brief letter with your thoughts/ concerns and have them to Daniel/Priyanka no later than 5pm December 15th. It will be good for the committee to see a physical representation of our voices. 

9. The people's voices 

  • This decision shows a lack of respect for employees as human beings. 
  • This decision penalizes those who care for their health & their community by making doing the right thing (staying home when one is sick) a personal financial hit. 
  • This decision penalizes those who may get sick more often by making them choose between a financial hit (taking unpaid sick leave) or less vacation time (taking paid vacation days instead). 
  • For ALTs, this decision goes beyond basic job conditions and into cultural differences. Are you prepared for many ALTs to take their remaining sick leave days all at once in the coming months? (P.S. The answer was no, and the BoE did not even consider this point because it's so different from Japanese workforce common sense.) 
  • Besides cultural differences, this goes into the cultural conditioning side of things as well; especially for American ALTs, vacation days are not taken in lieu of sick days. And if sick days are unpaid they will go to work, even under dire situations. Not only does this make everyone sicker overall/transfers disease much more easily, this will inevitably lead to ALTs burning out faster & not staying as long. 
  • The city/government wants us to stay, to be loyal, to work hard, but then also wants to take away all the things that make this job special and competitive compared to our home-country options. With this decision, the JET program is becoming more like any other job and both the numbers of those choosing to stay & those making the choice to go in the first place will decrease. 

B. Short Contract 

1. What does summer leave and nenkyu look like for the extension members? 

An official/final decision hasn't been made, but if the formula for the regular contract is followed, short term contractees will receive 5 days of summer leave, and 2-3 days of paid vacation leave (depending on their initial start date). 

2. What does the end of contract look like re: last day, new ALT procedures, etc.? 

There will be some overlap between the new ALTs and leaving ALTs. Because of this, and the perceived difficulty of getting permission for working ALTs to receive shuccho, short contract ALTs will be expected to help with Neighborhood Days. However, the last official day of work is forecasted to be September 25th, with the remaining days as special leave in order for leavers to take care of personal things regarding their return home/their next destination. 

3. Leavers & Residency Taxes 

All leavers be forewarned that your monthly paycheck will change in the last few months to account for the residency tax you must pay before leaving the country. This is forecasted to be about 2man less than usual, but will depend on other factors and for which the details will be given in the upcoming leavers meetings. 

C. Future Changes 

1. How does the summer event schedule look? 

Job Training will be cancelled/postponed due to there being no first years to train, however this does not necessarily mean that there will be no work event for the 2-5th years during the regular job training time (which is usually the Obon period). Summer school will proceed as planned from August 18-21, with the 18th being the prep day. Neighborhood Days will be moved to September, when the new ALTs arrive and be primarily carried out by leaving ALTs. 

2. With the new curriculum requirements & increase in ALTs, what changes to the ALT division of labor will there be?

It is expected that the number of schools one has will change (for example, if you have 1 JHS and 3 ES, you might change to having 1 JHS and only 1 or 2 ES), but whether there will be more full time JHS or full time ES positions remains to be decided. The BoE is currently deliberating what would the best for Kobe city overall, so if you have ideas or suggestions now is the time to send them in (to your leaders or the CIRs). 

D. Misc./ Other 

1. Re-contracting information, deadlines, etc. a bit unclear 

Thanks for the feedback, they'll try to make it more concise next year. 

2. Emailed essay instructions but have to mail in physical copy 

Even if y'all emailed the essay to the CIRs, they'd still have to print them out so it doesn't save paper in the long run. 

3. Feedback forms/access 

We are currently deliberating a better way to provide access to your school's feedback forms, in addition to providing more regular opportunities for feedback from ALTs as well. If you have ideas/ suggestions please message Tiffany. 

4. Info about interviews 

  • Please be honest about whether you want to change schools 
  • It's ok to bring up ideas or suggestions you have for Kobe city/ ALT work- life/ etc. at this time 
  • It is alright for you to bring a list/notecard with things you want to make sure to tell the interviewers/ Mr. Matsuura/ Daniel or Priyanka in with you to the interview 
  • If you have anything you'd like your leaders to bring up on your/the community's behalf, please let them know beforehand 

For any of the above points, please let Tiffany know if you have any further questions, concerns, ideas, or suggestions.

Join the KobeJET website team!

Interested in becoming a contributor to our lessons one of our other resources? Helping with content moderation or translation? These are great opportunities to practice your editing or translation skills, and add professional, visible real-world experience to your resume.

Interested in marketing? We also need help expanding upon and building new English language and living in Japan partnerships, including backlinks and the option for building an ads component to help fund the site.

Are you a pro at social media engagement? Help us build KobeJET's social network presence on Facebook, Twitter, and others - getting the word out about our extensive collection of lessons and resources for the greater Japan ALT community and beyond!

If you're a current JET and would like to become involved with the site administration, responsibilities can be broken into a few categories.

  1. Content Contributor
    • Add new lessons, songs and lyrics, recommended locations and more
    • Translate lessons, etc. to Japanese to help these resources reach non-native English speakers
  2. General administration
    • Approve or remove new account requests
    • Let new JETs know about the site and how to set up an account/become involved
    • Update current JET/school lists as necessary
      • For JETs who have left, change role from "ALT" to "RALT" (Returned ALT)
      • Add/edit/remove any schools or school information that may have changed
  3. Content moderation
    • Manage (create/remove) announcements on the homepage with relevant news
    • Promote new lesson submissions among JETs and teachers
    • Encourage translation of lesson submissions to Japanese to help native Japanese teachers better access and use the resources.
  4. Longterm sustainability

Send us an email and get involved!

 admin@kobejet.com

For JET Participant Use

2019 JET Programme Reappointment Procedures

ALTs & CIRs from English-Speaking Countries

SEAs ・ ALTs & CIRs from countries with a small number of participants

     These procedures confirm the intent of the Contracting Organisation (hereinafter, CO) and the JET Programme participant (hereinafter, Participant) regarding reappointment for the 2019/2020 JET Programme year. Please note that reappointment deadlines are different for English-speaking countries, SEAs, and countries with a small number of participants (hereinafter, Minority Countries).

1 Reappointment Outline

1.1 Reappointment asreferred to in these proceduresisthe renewal of the period of participation of a Participant in the JET Programme for an additional year. Furthermore, multiple appointment procedures may be required within the period of participation in the case where a Participant’s CO is a local authority.

1.2 In principle, the period of participation on the JET Programme is for one year. However, if a participant’s work performance is of the required standard as deemed by his/her contracting organisation, it may be possible for the participant to renew the period of participation for an additional year. (For participants from English- speaking countries who arrived in April, the first reappointment period will be roughly 4 months.)
Furthermore, it is generally possible to renew participation up to a total of 3 years (3 years and 4 months for April arrivals) on the Programme.
However, if the participant’s work performance, level of experience, and ability are deemed to be of an exceptionally high standard by his/her contracting organisation, it is possible to renew participation up to a total of 5 years (5 years and 4 months for April arrivals) on the Programme.

1.3 In principle, if reappointed, you will remain in the same CO in the same job-type.

1.4 Some COs may be unable to reappoint their Participants due to policy changes or budgetary reasons. Please discussreappointment with your CO supervisor as early as possible,regardless of the deadlinesforsubmission. If necessary, please also consult with your host prefecture/designated city office.

1.5 As reappointment of SEAs from China requires discussion with the Chinese government, even if the
Participant and the CO agree on reappointment, there may be cases where reappointment cannot occur.

2 Reappointment Procedures

You may not withdraw your intent to accept or not accept reappointment after completion of the reappointment procedures. If a participant who indicated the intent to reappoint then rescinds his/her decision, the CO may be left without a JET participant for the next year, hindering organisational management. Therefore, if you are considering returning to school or seeking other employment, please do not accept an offer to be reappointed casually, but give the matter careful thought before making a final decision.

2.1 If you are given the CO Intent to Reappoint/Participant Intent as to Reappointment (Form A-1), please carefully review the terms and conditions and other provisions of your next appointment and indicate if you will accept or decline reappointment by signing and dating the appropriate section and returning it to your
CO.

[ALTs & CIRs from English-Speaking Countries Due date: Friday, 11 January, 2019]
[SEAs ・ ALTs & CIRs from Minority Countries Due date: Wednesday, 28 November, 2018]

2.2 If you are given the Notice of Reappointment Decision (Form A-2), you unfortunately will not be reappointed. Please review the reasons for not being offered reappointment by your CO and sign and date the form. If you have any questions regarding the reasons indicated on the form, please consult directly with your CO
supervisor.

[ALTs & CIRs from English-Speaking Countries Due date: Friday, 11 January, 2019]
[SEAs ・ ALTs & CIRs from Minority Countries Due date: Wednesday, 28 November, 2018]

3 Job-type Changes and Changes/Transfers of the CO (exceptional cases)

As Job-type changes are considered to be exceptional cases, there are not many opportunities for Participants to do so. Job-type changes are only possible when COs recognise a need for such a change. Furthermore, job-type changes are only permitted during the reappointment of a Participant to the same CO, or in the case a Participant will transfer to a CO in the same host prefecture/designated city they are currently in. As such, job-change transfers will not be recognised in the case of a participant transferring to a CO in a different host prefecture/designated city. Furthermore, as SEAs are invited to Japan asspecialistsports assistants, they are unable to request job-type changes.

Changes/Transfers of the CO are also considered to be exceptional cases and are therefore only permitted in cases due to truly inevitable reasons. Please consult with your supervisor upon receiving these reappointment procedures if you need to request a transfer to a different CO for personal reasons or due to reasons of your CO.

[Cases where reappointment cannot occur due to policy or budget changes of the CO]

In these cases, a CO may recommend the transfer of a Participant to another CO if there are no problems with work performance and the Participant agrees. A transfer will initially be attempted within the current host prefecture. If that is not possible, a transfer will be attempted to a different host prefecture/designated city. In this case, you may indicate up to 3 host prefectures/designated cities as preferences (listed on the last page of this document). Please
note that preferences cannot be guaranteed.

[Cases where a change/transfer of the CO is required for reasons of the Participant]

3.1 Transfers to a different CO within your current host prefecture

  • Documents to be submitted: Transfer Request (Form A-3)
  • To be submitted to: Your current CO supervisor
  • Due date for submission: Friday, 12 October, 2018

Transfers within the same host prefecture are considered and implemented by the host prefecture. Please communicate the need for a transfer of the CO upon receiving these reappointment procedures and submit the Transfer Request(Form A-3). Asthe decision to grant a transfer within your current host prefecture depends on conditions set by the host prefecture and the discretion of the CO that you are requesting to be transferred to, there is no guarantee your transfer will be granted.

3.2 Transfers to a CO in a different host prefecture/designated city
Documents to be submitted:

  1. Transfer Request (Form A-3)
  2. Documents to support the reason for transfer

(Refer to Acceptable Reasons for a Participant to Request a Transfer to a Different Host Prefecture/Designated City (below))

To be submitted to: Your current CO supervisor
Due date for submission: Friday, 12 October, 2018

Please communicate the need for a transfer to a different host prefecture/designated city upon receiving these reappointment procedures and submit the Transfer Request (Form A-3) as well other necessary documents to support the reason for transfer. CLAIR will send an inquiry to the COs and nearby COs of those
indicated by the Participant and negotiate/coordinate a transfer of the CO only in cases where the current CO of the Participant deems him/her fit for recommendation to a CO in a different host prefecture/designated city based on the Participant’s work attitude etc., and the Participant’s reason for transfer falls under one of the reasons listed below. Furthermore, a transfer will only occur at the discretion of the CO that you are
requesting to be transferred to, and as such there is no guarantee your transfer will be granted.

In principle, there are few cases of transfers being acknowledged for Participants who will be entering their 5th year. Even after completion of all the necessary procedures, if the criteria listed below are not met, or previously undisclosed facts arise that render you unsuitable, the transfer may be revoked.

[Acceptable Reasons for a Participant to Request a Transfer to a Different Host Prefecture/Designated City]

Please submit documentation where the necessity for a transfer of the CO, situation and circumstances etc. can be confirmed to support the reason for transfer
a. Marriage: Cases where a transfer to a different host prefecture/designated city is inevitable due to marriage (you must first confirm whether your spouse can move to where you currently live or not).

  • Example 1: You are unable to live with your spouse because of your placement.
  • Example 2: You would be unable to live with your spouse because of your spouse’s employment (excluding part-time or temporary work).
  • Example 3: You intend to marry soon (during your next appointment) and would be unable to live with your spouse because of your current placement.

Supporting documents to submit:
Document(s) proving your marriage such as a marriage certificate or statement from you and your fiancé(e)/spouse indicating your date of marriage.
Documents proving your spouse’s employment or work transfer (work transfer notices, employment verification documents, etc).
Declaration from you and your fiancé(e) of intent to marry with the expected date indicated Etc.

b. Nursing Care: Cases where a transfer to a different host prefecture/designated city is inevitable in order for the Participant to provide care for a parent or child.

  • Example 1: Your parent(s) etc. require you to move in with them in the near future to provide nursing care etc. and your parent(s) is/are unable to move to where you currently live.
  • Example 2: You must provide care for your sick child and would be unable to do so where you currently live if you reappointed with your current CO.

Supporting documents to submit:
Medical certificate of the person needing care.
Document(s) proving relationship between you and the person needing care. Etc.

c. Health: Cases where a transfer to a different host prefecture/designated city is inevitable due to health- related reasons.

  • Example 1: You are currently suffering from an illness and the only hospital that can provide treatment is within a different host prefecture/designated city.
  • Example 2: The only solution to your health problems, such as severe allergies, is to relocate.

Supporting documents to submit:
Medical certificate Etc.

Note 1: Gathering and providing documents to support the reason(s) for transfer is the responsibility of the Participant.
Note 2: The following are examples of reasons that are inadmissible when requesting a transfer to a CO in a different host prefecture/designated city.

  • I want to move to XYZ Prefecture because I requested it when I applied.
  • My abilities are not being utilised in my current workplace.
  • I want to live in a city with a Japanese language school in order to improve my Japanese.
  • My current workplace relations are poor.
  • Any other personal reason not attributable to the situations described above in a, b, or c.

3.3 When a transfer request is unsuccessful
Transfer requests are only successful if the new CO agrees to accept you. Therefore, it is possible that a transferrequest be unsuccessful despite meeting the above criteria. In such situations, your choices are either to complete your appointment with your current CO and finish your tenure on the Programme, or to request
to be reappointed by your current CO. If both you and your current CO are in agreement, they may reappointment you for an additional one-year period. Please discuss the possibility of your transfer request being unsuccessful with your supervisor in advance before making a transfer request.

4 Schedule (dates are to be strictly observed)

5 Form explanations

5.1 Form A-1: CO Intent to Reappoint/Participant Intent as to Reappointment

  • 5.1.1 The purpose of this form is for your CO to indicate its intend to reappoint you.
  • 5.1.2 Please indicate your intent to accept reappointment by signing and dating the upper portion, or your intent to decline reappointment by signing and dating the lower portion of the space provided.

5.2 Form A-2: Notice of Reappointment Decision

  • 5.2.1 The purpose of this form is for your CO is indicate its intent not to reappoint you.
  • 5.2.2 Please review the reasons for not being offered reappointment by your CO and sign and date the form.
  • 5.2.3 If you have any questions regarding the reasons indicated on this form, please consult directly with your CO supervisor.

5.3 Form A-3: Transfer Request

  • 5.3.1 Thisform isto be submitted to your current CO in the case where a change/transfer of the CO is required for reasons of the Participant.
  • 5.3.2 Please write in detail the reason(s) a transfer is necessary and up to three transfer preferences (COs).
  • 5.3.3 If you are requesting a transfer to a CO in a different host prefecture/designated city, please submit documentation where the necessity for a transfer of the CO, situation and circumstances etc. can be confirmed to support the reason for transfer together when you submit this form.

There are many options to exchange money in and out of Japan. Better rates can usually be found upon arriving in a destination country when traveling. Airport rates can also usually be worse than exchanges one your pass through immigration, but this can depend upon the country and situation.

Feel free to include your personal experience with any countries you've travelled in!

A popular news source in Japan provided in English

Let me introduce the Triage Triangle. This is a helpful tool in helping you decide who to ask for help. Don't be afraid to ever seek support, but it's important to be mindful of the people you are asking!

Triage triangle - who to call in an emergency

 

This Privacy Policy informs you what to expect in relation to personal information about you which is collected on timbers.space, subdomains of timbers.space, and websites operated or controlled by timbers.space  ("our websites"), and how it is handled and processed. A full list of our current clients can be found at https://www.timbers.space/clients.

For the purposes of the General Data Protection Regulation (GDPR) the data controller is Timbers Space ("Timbers Space", "us", "we").

We take your privacy seriously. We acknowledge and agree that any personal data of yours that we handle will be processed with great care and in accordance with all applicable data protection laws in force.

By visiting our websites, and, at your discretion, submitting forms available, you accept and consent to the practices defined in this policy. If you are under 16 years of age you must obtain parental consent before providing us with any personal information.

The information we collect

We collect personal data of our employees and potential employees, clients and prospective clients, suppliers, business contacts and website visitors.

This data may have been obtained either directly from you (for instance, by signing up for a newsletter or by requesting a quote) or indirectly from third parties such as public authorities, public websites and social media, affiliates, suppliers and vendors.

We may collect and process the following data:

  • Personally Identifiable Information (PII), including: name, age, gender, email address, home address, phone number, marital status, religion, income, and education.
  • Other non-PII data that you voluntarily provide by filling in forms on our website. This includes, but not limited to subscribing to newsletters, registering for an event, downloading a white paper or an ebook, or requesting a quote.
  • If you contact us, we will keep a record of that correspondence.
  • Any comments or content that you post to our websites.
  • Our websites collect personal data about your computer, including your IP address, operating system and browser type, for analytics and optimisation purposes. We also collect details of your visits, the pages you visited, resources you access or download, including traffic data, location data, logs and other communication data.

How we use the information

The information we collect can be used to:

  • Manage our contractual relationship with you
  • Review and assess your job applications
  • Facilitate our communication with you.
  • Manage our business operations.
  • Comply with legal requirements.
  • Undertake data analytics and to improve your experience on our websites.
  • Fulfill your requests for white papers, ebooks, newsletters or similar content and other marketing purposes.
  • Meet your requests for information about our services
  • Notify you of changes to our services

Sharing Data with 3rd parties

Information we collect and receive may be disclosed to third parties in and out of the European Economic Area to the following categories of recipients:

  • To our professional advisors, service providers and vendors in connection with a (potential) corporate or commercial transaction.
  • To any competent law enforcement body, regulatory and government agency, court or other third party where we believe disclosure is necessary (a) as a matter of applicable law, (b) to exercise, establish or defend our legal rights, or (c) to protect your vital interests or those of any other person.
  • To any other person with your consent to the disclosure.

How we protect the information

We protect your personal information in the same way that we protect other confidential information that we have access to. We use reasonable physical and technical safeguards to help prevent access by any unauthorized parties.

We will retain personal information for so long as reasonably needed by us to provide our Services. We may also retain and use such information as necessary to comply with our legal obligations, resolve disputes, and enforce our agreements.

We use third-party vendors to provide our services. Such vendors provide to us hardware, networking, software and storage. The facilities of these vendors may be located outside of the European Economic Area, and your data will be subject to their data security policies.

We have put in place procedures to deal with any personal information breach and will notify you and any applicable regulator should a breach occur, when legally required to do so.

Your rights

If your personal information is protected by EU data protection law, you have the following data protection rights which you may be able to exercise by contacting us using the contact information provided on our contact page:

  • The right to be informed - You have the right to be informed about the collection and use of your personal data
  • The right of access - You have the right to access their personal data.
  • The right to rectification - You have the right to have your inaccurate personal data rectified, or completed if it is incomplete.
  • The right to erasure - You have the right to have your personal data erased.
  • The right to restrict processing - You have the right to request the restriction or suppression of your personal data.
  • The right to data portability - You have the right to obtain and reuse your personal data for your own purposes across different services.
  • The right to object - You have the right to object to the processing of your personal data in certain circumstances.
  • Rights in relation to automated decision making and profiling - You have the right to restrict or object to automated decision-making processes or profiling based on your PII data.

Changes to our Privacy Policy

We reserve the right to modify or amend this Privacy Policy at our own discretion from time to time. The changes will be published on our websites. Your continued use of our websites constitutes your acceptance of those changes.

This version was last updated on June 7, 2018.

The glossify module file at /modules/glossify/templates/glossify-link.html.twig has been hacked to include needed classes for modal.

{#
/**
 * @file
 * Markup for inline tooltips.
 *
 * Available variables:
 * - word: the text where the tooltips applies to.
 * - tip: the tooltip text.
 * - tipurl: the tooltip link.
 *
 *
 * @ingroup themeable
 */
#}
<a href="{{ tipurl }}" {% if tip %}title="{{ tip }}"{% endif %} class="taxonomy-tooltip-link use-ajax" data-dialog-type="modal">{{ word }}</a>

 

The following will allow you to inspect script-moderated elements, such as the automatically generated suggestions for the search bar. 

jQuery(window).keydown(function(e) { if (e.keyCode == 123) debugger; });
This will cause execution to be paused when you hit F12.

(debugger is a JavaScript statement that forces a breakpoint.)

To add a new announcement;

To manage announcements, including promoting and removing announcements from the front page;

 

Please note, you will need to request a user with CIR, Leader, or Content Editor privileges to approve your announcement to post on the homepage.

Also note, new and updated announcement changes can take up to a few hours to take effect on the homepage. For changes to be immediately displayed, site caches will need to be cleared by an administrator.

A tentative list for periodic initiatives and pushes for KobeJET

July

  • Newsletters
  • Predecessor's notes
  • Adding locations/lessons for newbies
  • KobeJET team only - I can't edit/don't know how to ________ - make new information pages

August

  • Add your favorite song?
    • translate songs
  • Registration schema overview and change suggestions
  • Community groups for newbies

September

  • FAQ
    • add your best questions
    • answer unanswered questions

 

Add a New Background

1. Hover mouse over the "+ Add" tab. Click on "Background". 

2. Add a background name. 

3. Click on "ファイルを選択" to upload a file. (File requirements: One file only. 256 MB limit. Allowed types: png, gif, jpg, jpeg) 

4. Under the Page section, select the pages you want to assign the background to. (Hold down Ctrl to select/deselect multiple pages.)

5. Click on "Save and publish".

 

Change a Background

1. Hover mouse over the Tool icon (red gear). Hover over "Site", then "Backgrounds".

2. Click on the background you want to assign to a page. 

3. Under the Page section, select the pages you want to assign the background to. (Hold down Ctrl to select/deselect multiple pages.) 

4. Click on "Save and keep published". 

5. Go back to the Backgrounds page and make sure that no other backgrounds are assigned to the same page. If there are, follow steps 2-4 to unassign any such backgrounds. 

1. Go to Community --> Directory in the blue bar.

2. Ctrl+F the user you are looking for.

3. Click on the user link.

Roles

4. Click on the Roles tab.

5. Check/uncheck the appropriate boxes.

6. Click Save.

Titles

7. Click on the Edit tab.

8. Scroll down to the Title section and select/unselect the appropriate titles. (Hold down Ctrl to select multiple fields.) 

9. Click Save.

Most useful information, such as guides, how-to's, etc. can be added as basic information pages, viewable on the main information page and specifiable to the correct target audience (Incoming JETs, Leaving JETs, CIRs/admins, etc.)

File(s) are for uploading documents, etc. that will be available for your own personal use or sharing with others.

Term(s) are specific words or short phrases with translations and/or very short definitions/descriptions that comprise the glossary.

 

To add new content;

Go to Add in the menu bar, then select the correct type of content (e.g., File, Information, Term, etc.)

  • Add (Main Menu) > File / Information / Term

 

Meeting agenda

  • Build information and glossary out
  • Locations - add most useful locations, esp. those that will be talked about/visited during orientation/neighborhood days
    • Edit current locations needing more information (e.g., KEC)
    • Unfinished locations - added some my HS students recommended, but all they had was the name and short (questionable) description. The unfinished ones will be those with the stock mountain picture showing.
  • Groups?
  • Schools - I noticed there's a lot more information on the 2017 placement list that Joy posted - do we want to add any of that to the school pages and new fields?
  • Ongoing to do list

From Lance (reworded): 

  • Website interface is difficult to navigate w/out having to use the search button every time. Doesn't feel intuitive.
    • addressed below - frontpage redesign
  • Remove unnecessary graphics, such as the finger pointing to registration image, and other graphics that make the light blue text difficult to read. Do all the graphics slow loading speed? If so, reduce them.
    • Front page needs redesign to be cleaner/more helpful - any outlines someone wants to come up with would be helpful in planning this
    • menus need some organization love too - content editors should already be able to access/arrange these
  • The harborland photo is distracting and makes all the pages look too busy.
  • Spaceship cockpit in the background of registration???
    • addressed above - bg management
  • American flag =/= English, UK = English!
    • low on the list of priorities

From Joy: 

  • Quick Links (to frequently used areas of the site) section on the main page.
    • what links should we add pointing where, and where should the links themselves be added?
  • Clarify what tickets are for
    • in an information guide? on the ticket page?
  • Quick guide to the site?
    • again, details? - what, where
  • External links page (for lesson resources, etc.)
    • useful links page, aye
  • For more ideas of website organization, look at Kumamoto & Tokushima JET pages
    • any idea who those are run by/on what? just curious
  • Reorganize the categories in the blue bar
    • Content editors should be able to edit/arrange menus already

/* Mobile CSS */
@media screen and (max-width:1130px){
    .path-schools .view-header .blocks {
        margin: 10px auto -25px;
        position: relative;
        padding: 5px 14px;
        background-color: #ffffff;
        border: 1px solid #dddddd;
        border-radius: 4px;
        }
    }
@media screen and (max-width:900px){
    .region-content {margin-top: 55px;}
    .path-schools .view-header .blocks {
        margin: 10px auto;
    }
    .path-speakraku .col-sm-9, .path-frontpage .col-sm-9, .path-locations .col-sm-9, .path-groups .col-sm-9, .path-songs .col-sm-9 {
        width: 100%;
        padding: 0;
    }
    .path-speakraku .col-sm-3, .path-frontpage .col-sm-3, .path-locations .col-sm-3, .path-groups .col-sm-3, .path-songs .col-sm-3 {
        width: 100%;
        padding: 0;
    }
    .path-speakraku .masonry-item, .path-frontpage .masonry-item, .path-locations .masonry-item, .path-groups .masonry-item, .path-songs .masonry-item {
        position: relative;
        float: none;
        width: 100%;
    }
}
@media screen and (max-width:800px){
    .region-search {padding-bottom: 0;}
    .region-search .logo {padding-bottom: 15px;}
    .navbar {margin-top: 0;}
    .navbar.tiny {top: 0;}
}
@media screen and (max-width:650px){
    .view-information .view-header,
    .view-teiki .view-header,
    .view-questions .view-header,
    .view-tickets .view-header,
    .view-schools .view-header,
    .view-events .view-header,
    .view-groups .view-header {
        font-size: inherit;
        margin: inherit; 
        float: none;
        display: inline-block;
        margin-bottom: 10px;
        padding: 5px 14px;
        background-color: #ffffff;
        border: 1px solid #dddddd;
        border-radius: 4px;
        }
    .path-frontpage .view-welcome .view-content .views-row, .path-frontpage #block-views-block-content-block-1 .views-row {
        width: 100%;
        margin: 0 0 3% 0;
        }
    .region-search #search-block-form {
        clear: both;
        padding-left: 0;
    }
    .region-search #search-block-form #edit-keys {
        max-width: none;
    }
}
@media screen and (max-width:465px){
    .user-login-form .actions-suffix {position: relative; float: right; margin: -220px 0 0 0;}
}

/**
 * Place your custom styles here.
 */
/*red: ff0000, blue: #3d6ed1*/
a {
    color: #3d6ed1;
    /*font-weight: bold;*/
    }

h1 {font-size: 24px; color: #2757b7;}
h2 {font-size: 20px; color: #2c61cc;}
h2 a {color: #2c61cc;}
h3 {font-size: 16px; color: #3d6ed1;}

body {
    font-size: 14px;
    word-wrap: break-word;
    margin-top: 0;
}
html {font-family: serif;}

.col-sm-12 {padding: 0;}
.col-sm-9 {padding: 0 15px 0 0;}
.col-sm-3 {padding: 0 0 15px;}

.row {margin: 0;}

/*View well*/
.view-well {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 15px;
    overflow: hidden;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition-duration: all 0.5s ease;
}

.alt {
    border: 1px solid #3d6ed1;
    box-shadow: inset 0 7em 10em -5em rgba(255,255,255,0.6), 0 0.15em 0.25em -0.2em rgba(0,65,194,1), 0 0.5em 1em -0.75em rgba(57,107,209,0.75), 0 0.5em 1.5em -0.5em rgba(114,149,219,0.5), 0 1.5em 1.5em -0.25em rgba(205,215,235,0.2);
}
.ote, .translator {
    border: 1px solid purple;
    box-shadow: inset 0 7em 10em -5em rgba(255,255,255,0.6), 0 0.15em 0.25em -0.2em rgba(111,0,163,1), 0 0.5em 1em -0.75em rgba(143,38,191,0.75), 0 0.5em 1.5em -0.5em rgba(180,107,214,0.5), 0 1.5em 1.5em -0.25em rgba(227,206,237,0.2);
}
.leader    {
    border: 1px solid green;
    box-shadow: inset 0 7em 10em -5em rgba(255,255,255,0.6), 0 0.15em 0.25em -0.2em rgba(5,158,0,1), 0 0.5em 1em -0.75em rgba(46,194,41,0.75), 0 0.5em 1.5em -0.5em rgba(129,214,126,0.5), 0 1.5em 1.5em -0.25em rgba(198,224,197,0.2);
}
.content-editor    {
    border: 1px solid orange;
    box-shadow: inset 0 7em 10em -5em rgba(255,255,255,0.6), 0 0.15em 0.25em -0.2em rgba(235,129,0,1), 0 0.5em 1em -0.75em rgba(232,148,46,0.75), 0 0.5em 1.5em -0.5em rgba(232,186,130,0.5), 0 1.5em 1.5em -0.25em rgba(224,216,206,0.2);
}
.administrator, .cir, .gd {
    border: 1px solid red;
    box-shadow: inset 0 7em 10em -5em rgba(255,255,255,0.6), 0 0.15em 0.25em -0.2em rgba(230,19,0,1), 0 0.5em 1em -0.75em rgba(237,64,45,0.75), 0 0.5em 1.5em -0.5em rgba(237,138,125,0.5), 0 1.5em 1.5em -0.25em rgba(240,215,211,0.2);
}
.alt:hover {
    border: 1px solid #3d6ed1;
    background-color: aliceblue;
    box-shadow: inset 0 7em 10em -5em rgba(255,255,255,0.6), 0 0.3em 0.5em -0.2em rgba(0,65,194,1), 0 1em 2em -0.75em rgba(57,107,209,0.75), 0 1em 3em -0.5em rgba(114,149,219,0.5), 0 3em 3em -0.25em rgba(205,215,235,0.2);
}
.ote:hover, .translator:hover {
    border: 1px solid purple;
    background-color: aliceblue;
    box-shadow: inset 0 7em 10em -5em rgba(255,255,255,0.6), 0 0.3em 0.5em -0.2em rgba(111,0,163,1), 0 1em 2em -0.75em rgba(143,38,191,0.75), 0 1em 3em -0.5em rgba(180,107,214,0.5), 0 3em 3em -0.25em rgba(227,206,237,0.2);
}
.leader:hover {
    border: 1px solid green;
    background-color: aliceblue;
    box-shadow: inset 0 7em 10em -5em rgba(255,255,255,0.6), 0 0.3em 0.5em -0.2em rgba(5,158,0,1), 0 1em 2em -0.75em rgba(46,194,41,0.75), 0 1em 3em -0.5em rgba(129,214,126,0.5), 0 3em 3em -0.25em rgba(198,224,197,0.2);
}
.content-editor:hover {
    border: 1px solid orange;
    background-color: aliceblue;
    box-shadow: inset 0 7em 10em -5em rgba(255,255,255,0.6), 0 0.3em 0.5em -0.2em rgba(235,129,0,1), 0 1em 2em -0.75em rgba(232,148,46,0.75), 0 1em 3em -0.5em rgba(232,186,130,0.5), 0 3em 3em -0.25em rgba(224,216,206,0.2);
}
.administrator:hover, .cir:hover, .gd:hover {
    border: 1px solid red;
    background-color: aliceblue;
    box-shadow: inset 0 7em 10em -5em rgba(255,255,255,0.6), 0 0.3em 0.5em -0.2em rgba(230,19,0,1), 0 1em 2em -0.75em rgba(237,64,45,0.75), 0 1em 3em -0.5em rgba(237,138,125,0.5), 0 3em 3em -0.25em rgba(240,215,211,0.2);
}

.region-sidebar-second .form-actions .button {margin: 10px 5px;}
/*#comment-form*/ .form-actions .button {margin: 0 10px 10px 0;}
.path-songs .form-actions .button, .path-registration .form-actions .button, .view-events .form-actions .button, .path-schools #edit-submit-schools, .path-registrations .views-exposed-form .form-submit, .path-users .region-header .form-actions .button, .path-links .form-actions .button, .path-handbooks .form-actions button {margin: 0;}

.field--name-user-picture .img-responsive, .field--name-field-line-qr-code .img-responsive {float: right;}
.js-comment .field--name-user-picture .img-responsive {
    float: left;
    margin-right: 20px;
}
.page-header {margin-bottom: 15px;}

#edit-comment-body-0-format {display: none;}

/* Fix for anchors with fixed header */
a.anchor-target {
    display: block;
    height: 120px;
    margin-top: -120px;
    visibility: hidden;
}

.path-speakraku .col-sm-9, .path-groups .col-sm-9 {
    padding: 0 15px 0 0;
}
 .path-locations .col-sm-9 {
    padding: 0;
}
.path-user .col-sm-9 {
    width: 50%;
}
.path-user .col-sm-3 {
    width: 50%;
}
.path-user.user-logged-in .col-sm-9 {
    width: 70%;
}
.path-user.user-logged-in .col-sm-3 {
    width: 30%;
}
.path-locations .col-sm-9 {
    width: 85%;
}
.path-locations .col-sm-3 {
    width: 15%;
}
.path-groups .col-sm-9 {
    width: 88%;
}
.path-groups .col-sm-3 {
    width: 12%;
}
.path-frontpage .col-sm-9, .path-users .col-sm-9, .path-node .col-sm-9 {
    width: 90%;
}
.path-frontpage .col-sm-3, .path-users .col-sm-3, .path-node .col-sm-3 {
    width: 10%;
}

/*Snazzy Button*/
.snazzybutton a {
    font-size: 16px;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 4px;
    color: white;
    background-color: #3d6ed1;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition-duration: all 0.5s ease;
}
.snazzybutton a:hover {
    background-color: #ff0000;
}
.snazzybutton-whiteblue {
    padding: 5px 10px;
}
.snazzybutton-whiteblue a {
    font-size: 16px;
    text-decoration: none;
    padding: 5px 10px;
    border: 1px solid #dddddd;
    border-radius: 4px;
    color: black;
    background-color: aliceblue;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition-duration: all 0.5s ease;
}
.snazzybutton-whiteblue a:hover {
    border: 1px solid #3d6ed1;
    color: white;
    background-color: #3d6ed1;
}
.view-group-header-blue {
    display: inline-block;
    margin: 0;
    padding: 5px 14px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    margin-bottom: 0;
}

.addcontent {float: right;}

/*node edit tabs*/
.tabbable {clear: left;}

/*Submit buttons*/
.col-sm-3 .form-actions {width: 100%; text-align: center;}
.col-sm-3 .form--inline .form-item {font-size: 16px;}
    /*.col-sm-3 .form-actions .btn {margin: 10px 0;}*/

/*Term reference tree module - button white*/    
.no-term-reference-tree-button {
    background-color: transparent;
}
    
/*Form inline filters*/
.form--inline {margin-bottom: 15px;}
    
/*Flag fix for aligning with user name*/
.flag {
    margin-top: 4px;
    }

/*Comments*/
article.ticket > div.content > section > h2 {display: none;}

/*Comments - removes unnecessary titles*/
.region-content .group-footer section h3 {display: none;}

/*Fix for bootstrap tables not being truly responsive*/
.table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
    white-space: inherit;
    }

/*Fix for weird top-right/bottom-right border-radius error*/
/*#edit-actions .btn-group .btn-primary {border-top-right-radius: 4px; border-bottom-right-radius: 4px;} recently commented out*/

/*@media screen and (min-width:768px){body{margin-top:15px}.navbar.container{max-width:720px}}@media screen and (min-width:992px){.navbar.container{max-width:940px}}@media screen and (min-width:1200px){.navbar.container{max-width:1140px}} */

/*Content overview page*/
.path-admin .form-inline .form-group {
    padding-top: 20px;
    padding-right: 15px;
    vertical-align: top;
}

.navbar.container {max-width: 100%;}
.container {width: auto;}

.filter-wrapper {height: auto;}

ul.tabs--primary {margin-bottom: 10px;}

/*.field--name-field-see, .field--name-field-target-audience {padding-top: 15px;}*/
.views-field-body img, .field--name-body img {max-width: 100%; height: auto;}

/*autocomplete search*/
.ui-autocomplete {font-size: 16px;}
.ui-autocomplete .ui-menu-item {padding: 3px 1em 3px .4em;}
ul[data-sa-theme="basic-blue"] > *, ul[data-sa-theme="basic-blue"] > .ui-state-focus, ul[data-sa-theme="basic-blue"] > :hover {
    border-width: 0;
    padding: 3px 1em 3px .4em;
}

/*Table sticky headers*/
.table-responsive .sticky-header {margin-top: 45px;}    
    
/* Main navigation bar - old*/
.navbar {
    position: fixed;
    width: 100%;
    margin-top: 65px;
    min-height: auto;
    border: 0;
    border-radius: 0;
    z-index: 600;
    transition: all 300ms;
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -o-transition: all 300ms;
}
.navbar ul.sf-menu > li > a {
    transition: all 300ms;
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -o-transition: all 300ms;
}
.navbar ul.sf-menu li.sfHover > ul {
    transition: all 300ms;
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -o-transition: all 300ms;
}
.navbar.tiny {
    margin-top: 0;
}
.navbar.tiny ul.sf-menu > li > a {
    padding: 0.4em 0.7em;
}
.navbar.tiny ul.sf-menu li.sfHover > ul {
    top: 2.3em;
}
    
.navbar-header {float: none;}
.navbar {
    border-color: #2c61cc;
    background-image: linear-gradient(#5e85d6, #3d6ed1 60%, #2c61cc);
}
.region-navigation .navbar-right {margin-right: 0;}

.sf-multicolumn #main-menu-link-contentd465cc7c-1c90-4933-ab2f-912e288f7482,
.sf-multicolumn #account-menu-link-content066192af-7dab-41bf-9a13-19501cfa8c36,
.sf-multicolumn #account-menu-link-contente8b70f3e-c11f-4068-bdce-893aaf6325ad,
.sf-multicolumn #account-menu-link-contenta31ead6e-cd3f-40b2-addc-a2df536ec505 {
    border-right: 1px solid white;
}

/*Main navigation bar - home text removal*/
/*.region-navigation a.fa-home {
  color: red;
  text-indent: -9999px;
  display: inline-block;
  padding: 0.7em 1.5em 0.7em 0.7em;
}

.region-navigation a.fa-home:before {
  text-indent: 9999px;
  width: 20px;
  display: inline-block;
}*/

/*.navbar-default .navbar-nav > li > a {
color: #ffffff;}
.navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #ffffff;
    background-color: #178acc;*/
    
/* Main navigation bar */
    
/* Prevent additional padding when using collapsible navigation menu .navbar-collapse {padding: 0;}*/

.nav
.navbar-default #superfish-main li:hover, .navbar-default #superfish-main li:focus {border-radius: 4px;}
.navbar-default #superfish-main > li > a {
    color: #ffffff;
    border-radius: 4px;
    }
/*.navbar-default #superfish-main > li > a:hover, .navbar-default #superfish-main > li > a:focus {
    color: #ffffff;
    background-color: #2150af;
    text-decoration: none;
    }*/
           /* maybe unnecessary .navbar-default #superfish-main .sf-with-ul {padding-right: 3em;}*/
.navbar-default #superfish-main .sf-sub-indicator, .navbar-default #superfish-main-accordion .sf-sub-indicator {right: 1em; width: 16px; height: 16px;}

/* Main navigation bar - Superfish drop-down */
#block-mainnavigation a, #block-useraccountmenu a {font: normal normal normal 18px/1 FontAwesome; color: #ffffff;}
#block-mainnavigation ul.sf-menu .sf-with-ul {padding-right: 2.5em;}
#block-mainnavigation .sf-accordion-toggle {padding: 1em 1.5em 1em 2.5em;}

    /*Special Home Button*/
#block-mainnavigation #main-menu-link-content8bd7cca9-030c-4a27-a373-e4be42161561 {
    background-color: navy;
    margin-right: 15px;
}
#block-mainnavigation a.fa-home {
    transform: scale(0.84);
    font: normal normal normal 32px/1 FontAwesome;
    width: 40px;
    padding: 6px;
    text-indent: -9999px;
}
#block-mainnavigation a.fa-home::before {
    text-indent: 9999px;
    width: 100%;
    display: inline-block;
}
#block-mainnavigation ul.sf-menu.menu li a.fa-home:hover {
    border-radius: 0;
    background-color: darkblue;
    transform: scale(1);
}
.navbar.tiny #block-mainnavigation a.fa-home {
    transform: scale(0.75);
    width: 30px;
    padding: 0;
}
.navbar.tiny #block-mainnavigation ul.sf-menu.menu li a.fa-home:hover {
    transform: scale(0.95);
}

/* Main navigation bar - mobile accordion */
#block-mainnavigation .sf-accordion li a {width: 200px; padding-left: 2.5em;}
#block-mainnavigation ul.sf-menu.sf-accordion,
#block-mainnavigation ul.sf-menu.sf-accordion ul,
#block-mainnavigation ul.sf-menu.sf-accordion li {clear: both;}

/*ul.sf-menu.menu {background-color: #1d9ce5;}*/
.navbar-default.container {padding: 0;}
ul.sf-menu a, ul.sf-menu span.nolink {
    padding: 0.7em;
    }
.navbar-default ul.sf-menu.menu ul {
    /*width: auto !important;*/
    /*background-color: #1d9ce5;*/
    background-color: #2c61cc;
    border-radius: 4px;
    }
.navbar-default ul.sf-menu.menu li a {
    font-size: 16px;
    transform: scale(0.9);
    transition-duration: 0.3s;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;    
    transition-property: transform;
        -webkit-transition-property: transform;
        -moz-transition-property: transform;
        -o-transition-property: transform;
    }
.navbar-default ul.sf-menu.menu li a:hover {
    text-decoration: none;
    border-radius: 4px;
    background-color: #2150af;
    transform: scale(1);
    }
/*ul.sf-menu.menu li {background-color: #1d9ce5;}*/
.navbar-default ul.sf-menu.menu ul a {
    color: #ffffff;
    text-decoration: none;}
.navbar-default ul.sf-menu li.sfHover > ul {top: 3.1em;}
.navbar-default ul.sf-menu li li.sfHover > ul {top: 0;}

/*Region search*/
.region-search {
    margin-top: 15px;
    padding: 0 15px 110px 15px;
    transition: margin-top 500ms, padding-bottom 500ms;
        -webkit-transition: margin-top 500ms, padding-bottom 500ms;
        -moz-transition: margin-top 500ms, padding-bottom 500ms;
        -o-transition: margin-top 500ms, padding-bottom 500ms;
}
.region-search.tiny {
    margin-top: 0;
    padding-bottom: 0;
}
.region-search.tiny #block-tools {
    z-index: inherit;
}
.region-search .logo img {height: 28px; margin-top: 5px;}
.region-search .logo {
    margin: 0 15px 0 0;
    transition: 0.5s;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
    }
.region-search .logo:hover {
    padding: 0 0 0 30px;
}
.region-search .navbar-brand {
    display: none;
    /*font-size: 36px;
    padding: 12px 15px;
    font-weight: bold;
    text-shadow: 1px 1px 0 darkblue,
    -1px 1px 0 darkblue,
    1px -1px 0 darkblue,
    -1px -1px 0 darkblue,
    0px 1px 0 darkblue,
    0px -1px 0 darkblue,
    -1px 0px 0 darkblue,
    1px 0px 0 darkblue,
    0 0 3px red;*/}
.region-search #block-speakraku {
    float: left;
    padding: 0 15px;
    }
.region-search #block-speakraku h3 {
    font-size: 36px;
    margin: 0;
    line-height: 1.1;
    }
#block-jettheme-search {
    float: right;
}
.region-search #search-block-form .input-group {max-width: 100px;}
.region-search #search-block-form {/*overflow: hidden; */padding-left: 10px;}
.region-search #search-block-form /*#edit-keys*/ .form-search {
    float: right;
    width: 100px;
    transition: 0.5s;
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
    }
.region-search #search-block-form /*#edit-keys*/ .form-search:hover, .region-search #search-block-form /*#edit-keys*/ .form-search:focus {
    width: 351px;
    }
.region-search #search-block-form .form-search {
    /*width: auto;
    float: right;*/
}
.region-search #search-block-form .help-block {display: none;}
.region-search #block-speakraku, .view-speakraku .view-filters .control-label, .path-users .region-header .control-label, .path-handbooks .view-filters .control-label {text-shadow: 0 0 1px white, 0 0 2px white, 0 0 3px white, 0 0 4px white, 0 0 5px white, 0 0 6px white, 0 0 7px white, 0 0 8px white, 0 0 9px white, 0 0 10px white;}

    /*User account menu*/
.block-superfish {width: auto;}
#block-useraccountmenu {float: right;}
    /*Fix for superfish supposition not working drupal 8.3.4*/
#block-useraccountmenu ul.sf-menu li.sfHover > ul {
    right: 0;
    left: auto;
}
#block-useraccountmenu li a:hover, #block-useraccountmenu li a:focus {text-decoration: none;}
#block-useraccountmenu ul.sf-menu .sf-sub-indicator {right: 1em; width: 16px; height: 16px;}
#block-useraccountmenu ul.sf-menu .sf-with-ul {padding-right: 2.5em;}

/*Tools*/
#block-tools {
    float: right;
    z-index: 700;
}
#block-tools .contextual {right: 35px;}

#block-tools .fa-gear {
    overflow: hidden;
}

#block-tools a.fa {
  font: normal normal normal 28px/1 FontAwesome;    
  color: red;
  text-indent: -9999px;
  width: 34px;
  padding: 5px;
  transition: all 15s ease;
}

#block-tools a.fa:before {
  text-indent: 9999px;
  width: 0;
  display: inline-block;
}

.spin {
    transform: rotate(-3600deg);
    -webkit-transform: rotate(-3600deg);
    -moz-transform: rotate(-3600deg);
}

/*.region-search ul.sf-menu.menu ul {width: auto !important;}*/
.region-search ul a {padding: 11px; color: #ffffff; text-decoration: none;}
.region-search ul.sf-menu.menu {margin-left: 10px;}
.region-search ul.sf-menu.menu, .region-search ul.sf-menu.menu ul/*, .region-search ul.sf-menu.menu li*/ {
    font-weight: bold;
    background-color: red;
    border-radius: 4px;
    }
.region-search ul.sf-menu li:hover > ul, .region-search ul.sf-menu li.sfHover > ul {top: 2.7em;}
.region-search ul.sf-menu li li:hover > ul, .region-search ul.sf-menu li li.sfHover > ul {top: 0;}
.region-search ul.sf-menu.menu li ul li a:hover {
    background-color: firebrick;
    border-radius: 4px;
    }
.region-search ul.sf-menu.menu li #tools-menu-link-content618717b4-2672-4cf4-9fe5-049211fbb423 {
    background-color: #3d6ed1;
    border-radius: 4px 0 4px 0;
    }
.region-search ul.sf-menu.menu li #tools-menu-link-content618717b4-2672-4cf4-9fe5-049211fbb423 a:hover {
    background-color: #2150af;
    border-radius: 4px 0 4px 0;
    }
    
/*User content page*/
.path-user .main-container .col-sm-12 {padding: 0;}
.path-user .form-actions {margin-top: 10px;}
.path-user .views-form .select-wrapper {width: auto;}
.path-user .col-sm-3 h2 {
    padding: 5px 14px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
}

.path-slackers .view-header {
    display: inline-block;
    padding: 0px 15px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    margin-bottom: 15px;
    }

/*Main nav bar - User account menu - collapsible mobile*/
#block-useraccountmenu #superfish-account-accordion .sf-sub-indicator {width: 16px; height: 16px;}
#block-useraccountmenu #superfish-account-accordion .sf-depth-1 {padding-right: 20px;}
#block-useraccountmenu #superfish-account-accordion li#account-userpage-accordion {width: 190px;}
#block-useraccountmenu #superfish-account-accordion li#account-userlogout-accordion {clear: both;}
#block-useraccountmenu .sf-accordion-toggle {padding: 1em 2.5em 1em 1.5em;}

/*Navigation tabs*/
.user-login-form label, #user-register-form .form-type-email label, #user-pass .form-type-textfield label {margin: 10px 0 5px 0;}
.user-login-form .forgot-password {max-width: 28.5em;}
.user-login-form .forgot-password a {float: right;}
.user-login-form .actions-suffix {position: absolute; margin: -19.2em 0 0 19.5em}

/*Log in page - and fun fact page*/
.path-user #edit-name, .path-user #edit-pass {max-width: 400px;}
/*.path-user .row {margin: 0;}*/
.path-user .main-container .col-sm-3 img, .page-node-type-fun-fact .fun-fact img {
    padding-bottom: 0;
    margin-bottom: 10px;
    border-radius: 4px;
    max-height: 700px;
    }
.page-node-type-fun-fact .fun-fact img {max-height: none;}
.path-user .col-sm-3 .views-field-body {
    position: absolute;
    top: 0;
    }
.page-node-type-fun-fact .fun-fact .field--name-body {
    position: absolute;
    }
.page-node-type-fun-fact .fun-fact img {
    width: 100%;
    }
.page-node-type-fun-fact .field--name-body {
    position: absolute;
    margin-right: 15px;
}
.page-node-type-fun-fact .img-responsive {
    width: 100%;
    border-radius: 4px;
}
.path-user .view-fun-facts .views-field-body, .page-node-type-fun-fact .field--name-body {
    padding: 5px 14px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    margin-bottom: 10px;
    font-weight: bold;
    color: navy;
    opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
    }
.path-user .view-fun-facts .views-slideshow-controls-bottom {
    position: absolute;
    bottom: 40px;
    text-align: center;
    margin: auto 0;
    width: 100%;
    z-index: 100;
}
.path-user .view-fun-facts .views_slideshow_controls_text_pause {display: none;}
.path-user .view-fun-facts .views_slideshow_controls_text_previous, .path-user .view-fun-facts .views_slideshow_controls_text_pause, .path-user .view-fun-facts .views_slideshow_controls_text_next {
    padding: 3px 10px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 20px;
    margin: 10px;
    font-weight: bold;
    color: navy;
    opacity: 0.7;
}
.page-node-type-fun-fact .group-footer {margin-top: 15px;}

/*Fun fact*/
.view-fun-facts .img-responsive {width: 100%}

.node-fun-fact-form .form-wrapper {float: left; margin-right: 15px;}
.node-fun-fact-form #edit-body-wrapper {width: 100%}
.node-fun-fact-form #edit-actions {float: none; clear: left;}

.view-fun-facts .views_slideshow_slide {
    width: 100%;
}

/*Submit "save" button bottom margin - possibly not desired on all*/
#edit-actions #edit-delete {
    color: white;
    text-decoration: none;
    display: inline-block;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    background-size: auto 200%;
    background-position: 0 100%;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition-duration: all 0.5s ease;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
    background-image: linear-gradient(darkred, #e60000, #ff0000, #e60000 60%, #cc0000);
    border-bottom: 1px solid #b30000;
    margin-left: 10px;
}
#edit-actions #edit-cancel {
    color: white;
    text-decoration: none;
    display: inline-block;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-size: auto 200%;
    background-position: 0 100%;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition-duration: all 0.5s ease;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
    background-image: linear-gradient(orange, darkorange, orange);
    margin: 10px 10px 0 10px;
}
    
.btn-primary {
    border-color: #2c61cc;
    background-image: linear-gradient(#2c61cc, #3d6ed1, #5e85d6, #3d6ed1, #2c61cc);
    background-size: auto 200%;
    background-position: 0 100%;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition-duration: all 0.5s ease;
}
.btn-primary:hover {
    background-position: 0 0;
    border-color: navy;
}
.btn-info {
    background-image: linear-gradient(#2c61cc, #3d6ed1, #5e85d6, #3d6ed1, #2c61cc);
    background-size: auto 200%;
    background-position: 0 100%;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition-duration: all 0.5s ease;
}
.form-actions .btn-danger {
    margin: 10px 10px 0 0;
    background-image: linear-gradient(#b5191f, #c71c22, #e12b31 60%, #c71c22, #b5191f);
    background-size: auto 200%;
    background-position: 0 100%;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition-duration: all 0.5s ease;
}
.btn-info:hover, .btn-danger:hover, .form-submit:hover, #edit-actions #edit-delete:hover, #edit-actions #edit-cancel:hover {
    background-position: 0 0;
}
#edit-reset {
    background-image: linear-gradient(#cc6600, #ff8000, #ff9933, #ff8000, #cc6600);
    color: white;
    border-color: #cc6600;
    background-size: auto 200%;
    background-position: 0 100%;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition-duration: all 0.5s ease;
}
#edit-reset:hover {
    background-position: 0 0;
    border-color: #663300;
}

/*Announcements*/    
.view-announcements h3, .view-welcome h3, .path-backgrounds h3 {margin-top: 0; font-weight: bold;}
.view-announcements .view-footer {margin-top: 20px;}
.path-frontpage .view-announcements .view-content a {
    text-decoration: none;
    color: black;
    font-weight: inherit;
    }

.path-announcements .view-content .form-type-select {
    float: left;
    margin: 0 15px;
}    
.path-announcements .view-content .select-wrapper {
    width: auto;    
}    
.path-announcements .view-content .view-well .checkbox {
    float: left;
    margin: 0;
}
.path-announcements .views-field-edit-node{
    margin: 15px 0;
}

.path-announcements .Enabled {
    border: 3px solid green;
}
.path-announcements .Disabled {
    border: 3px solid red;
}
.path-announcements .Enabled .views-field-promote {
    color: green;
}
.path-announcements .Disabled .views-field-promote {
    color: red;
}

.path-announcements .form-actions #edit-submit {
    margin: 15px 0;
}
    
.view-glossary .attachment-before {
    padding: 5px 14px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 15px;
    margin-bottom: 15px;
    }
.view-glossary .view-header {float: right;}
.view-glossary .view-content img {float: right;}
.view-glossary .view-content iframe {float: right;}
.view-glossary .view-content td {min-width: 100px;}

/*Calendar*/
.path-calendar .view-header h3, .view-calendar .view-header h3 {
    float: left;
    margin: -5px -118px 0 0;    
    }

/*Speakraku lesson*/
.page-node-type-lesson .ds-2col-stacked > .group-left {
    width: 75%;
    padding-right: 15px;
}
.page-node-type-lesson .ds-2col-stacked > .group-right {
    width: 25%;
}
.page-node-type-lesson .group-right h2 {
    margin: 0;
    font-size: 14px;
}
.page-node-type-lesson .group-right .field--label {
    margin-top: 15px;
}

.page-node-type-lesson .page-header {
    font-weight: bold;
    color: red;
    text-shadow: 0 0 1px black;
    }    
.page-node-type-lesson .group-left .field, .path-user .main-container .field, .page-node-type-ticket .main-container .field, .page-node-type-location .region-content .field, .page-node-type-information .group-left .field {margin: 0 0 15px;}
.page-node-type-lesson .field--name-field-objective .field--label {color: darkviolet;}
.page-node-type-lesson .field--name-field-grammar-points .field--label {color: darkgreen;}
.page-node-type-lesson .field--name-field-duration .field--label {color: coral;}
.page-node-type-lesson .field--name-field-resources .field--label {color: crimson;}
.page-node-type-lesson .field--name-field-note .field--label {color: fuchsia;}

/*Locations*/

.path-locations    legend {text-align: center;}
.path-locations    .col-sm-3 ul {list-style: none;}
.path-locations    .col-sm-3 .fieldgroup > ul {padding-left: 0;}
.path-locations    .col-sm-3 .form-inline .checkbox input[type="checkbox"] {margin: 0 6px 0 10px;}

.path-locations .views-field-nothing {
    z-index: 100;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(17, 17, 17, 0.7);
    color: white;
    padding: 10px;
}
.path-locations .views-field-nothing h4 {
    margin-top: 0;
}
.path-locations .views-field-nothing a {
    color: #5e85d6;
}
.path-locations .views-field-nothing .simple-gmap-link {
    max-height: 20px;
    overflow: hidden;
}

.path-locations .img-responsive {
    width: 100%;
    /*border-radius: 4px;*/
}

.page-node-type-location .group-middle {padding: 0 15px;}
.page-node-type-location iframe {
    width: 100%;
    padding: 0 15px 0 0;
}
.group-right .img-responsive  {float: left; padding: 2px;}
.group-right .field--name-node-submitted-by, .group-right .field--name-field-grammar-points, .group-right .field--name-duration {clear: both;}
.group-right .field--name-node-submitted-by {padding-top: 15px;}

/*Welcome page*/
.view-welcome .views-field-nothing {
    z-index: 100;
    width: 70%;
    position: absolute;
    right: 0;
    bottom: 10px;
    margin-right: 10px;
    padding: 10px 15px;
    background: rgba(17, 17, 17, 0.7);
    color: white;
    border-radius: 15px 0 0 0;
    /*border-radius: 4px;*/
}

/*Contact*/
.path-contact .contact-form {
    font-size: 14px;
    padding: 15px;
    color: #3d6ed1;
    font-weight: bold;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
}

/*Masonry items*/
.masonry-layout .masonry-item {
    width: 31.83%;
    margin: 0 0.75% 1.5% 0.75%;
}
.view-welcome .masonry-item {
    padding: 10px;
}
.path-locations .masonry-item {
    width: 31.5%;
    margin: 0 1.5% 1.5% 0;
}    
.path-speakraku .masonry-item {
    width: 48.5%;
    padding: 5px 5px 5px 10px;
}

.path-groups .masonry-item, .path-songs .masonry-item {
    width: 23.5%;
}
.path-locations .masonry-layout .masonry-item, .path-groups .masonry-layout .masonry-item {
    padding: 0;
}
.path-locations .masonry-layout .masonry-item {
    background: black; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(transparent, black, black); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(transparent, black, black); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(transparent, black, black); /* For Firefox 3.6 to 15 */
    background: linear-gradient(transparent, black, black); /* Standard syntax */
}
.path-groups .masonry-layout .masonry-item {
    background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(white, white, lightcyan); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, white, lightcyan); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, white, lightcyan); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, white, lightcyan); /* Standard syntax */
}
.path-locations .more-link {text-align: center;}
.path-locations .more-link a {
    font-weight: bold;
    padding: 5px 14px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 15px;
}

.path-songs .masonry-item {
    padding: 3px;
}
    
#block-exposedformspeakrakupage-1 .form-item {
    padding: 5px;
}
legend {margin-bottom: 10px;}
/*#block-exposedformspeakrakupage-1 .form-control {max-height: 81px;}*/
/* temporary #block-exposedformspeakrakupage-1 ::after {display: none;} */
#block-exposedformspeakrakupage-1 .control-label {
    padding: 5px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
#block-exposedformspeakrakupage-1 .select-wrapper select {padding: 8px 10px;}
#block-exposedformspeakrakupage-1 .select-wrapper .form-select {width: 100%;}
.bef-exposed-form .form--inline > .form-item {float: none;}
#block-exposedformspeakrakupage-1 .form-actions {text-align: center; margin: 10px auto;}
#block-exposedformspeakrakupage-1 .form-actions .btn {margin: 0;}

.region-sidebar-second {
    padding: 5px;
    background-color: #fff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    /*transition-duration: 0.5s ease;
        -webkit-transition-duration: 0.5s ease;
        -moz-transition-duration: 0.5s ease;
        -o-transition-duration: 0.5s ease;
    transition-property: transform;
        -webkit-transition-property: transform;
        -moz-transition-property: transform;
        -o-transition-property: transform;*/
    }
.region-sidebar-second .block h2 {display: inline-block; margin-top: 0;}
.path-user .region-sidebar-second .block {text-align: center;}
.path-user .region-sidebar-second .block .form-group {text-align: left;}
.region-sidebar-second .block ul {margin-bottom: 0;}

.path-frontpage .region-sidebar-second {
    padding: 0;
    }
.path-frontpage .region-sidebar-second h2 {
    text-align: center;
    margin: 10px auto;
    width: 100%;
}
.path-user .region-sidebar-second {
    padding: 0;
    background: none;
    border: 0;
    border-radius: 0;
    }

/*Speakraku add lesson CSS*/
.node-lesson-form .form-wrapper {float: left; margin-right: 15px;}
.node-lesson-form #edit-field-image-wrapper,
.node-lesson-form #edit-langcode-wrapper,
.node-lesson-form #edit-field-objective-wrapper,
.node-lesson-form #edit-field-duration-wrapper,
.node-lesson-form #edit-field-elementary-wrapper,
.node-lesson-form #edit-field-resources-wrapper,
.node-lesson-form .vertical-tabs
    {clear: both;}
.node-lesson-form #edit-body-wrapper,
.node-lesson-form #edit-field-link-wrapper,
.node-lesson-form #edit-field-note-wrapper {width: 100%}
.node-lesson-form #edit-actions {float: none; clear: left;}
.node-lesson-form #edit-field-image-wrapper .help-block {margin-bottom: 0;}
    
/*Song*/
#views-exposed-form-speakraku-page-3 {text-align: center;}
#views-exposed-form-speakraku-page-3 .form--inline {display: inline-block;}
.path-songs .view-speakraku .control-label {
    font-size: 16px;
    color: #3d6ed1;
    font-weight: bold;
    }
    
.path-songs .view-speakraku .img-responsive {
    width: 100%;
    border-radius: 3px;
    }
.path-songs .view-speakraku p {
    position: absolute;
    display: inline;
    border-radius: 3px 0 8px 0;
    color: #fff;
    background: rgba(17, 17, 17, 0.6);
    margin: 0 3px 0 0;
    padding: 0.5em 0.7em;
    }
.path-songs .view-speakraku p a {
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    }

.path-songs .view-speakraku .views-field-field-song {
    position: absolute;
    top: 50%;
    left: 50%;
}
.path-songs .view-speakraku .views-field-field-song .field-content {
    position: relative;
    top: -50%;
    left: -50%;
    border: 5px solid rgb(61,110,209);
    border: 5px solid rgba(61,110,209,0.5);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
    border-radius: 50%;
}
.path-songs .view-speakraku .views-field-field-song .field-content:hover {
    border: 5px solid rgba(61,110,209,0.7);
}
.path-songs .view-speakraku .ui360 {margin: 0;}
.path-songs .view-speakraku .sm2_link {display: none;}
/*.path-songs .view-speakraku audio{
    position: absolute;
    bottom: 3px;
    left: 0;
    right: 0;
    margin: 0 auto;
    }
.path-songs .views-field-field-song audio {
    padding: 0 3px;
    border-radius: 8px 8px 0 0;
}
.path-songs .views-field-field-song label {display: none;}*/

.page-node-type-song .field--name-field-image .field--item {text-align: center;}
.page-node-type-song .field--name-field-image .img-responsive {display: inline-block; min-width: 450px;}
.page-node-type-song .group-left .field--name-field-song {text-align: center;}
.page-node-type-song .field--name-field-song ul {
    padding-left: 0;
    list-style: none;
}
.page-node-type-song .group-left .field--name-field-artist {margin-top: 15px;}

/*Edit node css*/
#edit-field-image-table .col-sm-2 {float: none;}

@media screen and (max-width:820px){
    .page-node-type-song .field--name-field-video {max-width: 426px; height; 240px;}
    }
@media screen and (max-width:400px){
    .page-node-type-song .field--name-field-video {max-width: 200px; height; 140px;}
    }
.page-node-type-song .field--name-field-video iframe {max-width: 100%;}
.field--name-node-title, .field--name-field-song {margin-bottom: 10px;}

.path-songs .form-item-title {padding: 0 20px;}
.path-songs .view-footer {clear: both; text-align: center; padding: 15px 5px;}
.path-songs .views-field-field-song audio {max-width: 100%;}

/*Information*/
.page-node-type-information .ds-2col-stacked > .group-left {
    width: 75%;
    padding-right: 15px;
}
.page-node-type-information .ds-2col-stacked > .group-right {
    width: 25%;
}

.view-information .view-content img, .page-node-type-information .field--name-field-image img {
    margin-bottom: 15px;
}

.node-information-form .form-wrapper {float: left; margin-right: 15px;}
.node-information-form #edit-field-video-wrapper,
.node-information-form #edit-field-image-wrapper,
.node-information-form #edit-field-target-audience-wrapper
    {clear: both;}
.node-information-form #edit-title-wrapper,
.node-information-form #edit-body-wrapper {width: 100%}
.node-information-form #edit-actions {float: none; clear: left;}
.node-information-form #edit-field-image-wrapper .help-block {margin-bottom: 0;}

/*Handbooks*/
.path-handbooks h1 {margin-top: 0; float: left;}
.path-handbooks h2 {margin-top: 0;}
.path-handbooks .view-filters {text-align: center;}
.path-handbooks .select-wrapper {margin-right: 20px;}
.path-handbooks .views-field-field-image, .path-handbooks .views-field-field-video {float: right;}
.path-handbooks .masonry-layout .masonry-item {
    width: 30.33%;
    margin: 0 1.5% 3% 1.5%;
}    
.path-handbooks .masonry-item {
    box-sizing: border-box;
    height: auto;
    display: block;
    background-color: #A67B5B;
    background-image: url(cardboard.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    border: 6px double #483C32;
    box-shadow: 0 0 0 200px rgba(244,240,236,0.4) inset,
     0 0 0 11px rgb(108, 48, 0),
      0 0 30px rgba(0,0,0,0.8) inset;
    outline: 2px solid #333;
    outline-offset: 0px;
}

/*Create KICP/DS*/
.node-event-1-form .form-wrapper {float: left; margin-right: 20px;}
.node-event-1-form #edit-field-date-wrapper,
.node-event-1-form #edit-langcode-wrapper
    {clear: both;}
.node-event-1-form #edit-body-wrapper {width: 100%;}
.node-event-1-form .tabledrag-toggle-weight {display: none;}
.node-event-1-form #edit-actions {float: none; clear: left;}

/*KICP/DS*/
.page-node-type-event-1 img {float: right;}
.page-node-type-event-1 .main-container .field {margin: 15px 0px;}

/*Create SDC seminar*/
.node-event-4-form .form-wrapper {float: left; margin-right: 20px;}
.node-event-4-form #edit-field-presenter-wrapper .field-label {padding: 0; line-height: 2;}
.node-event-4-form #edit-field-presenter-wrapper {clear: both;}
.node-event-4-form #edit-field-rotation-wrapper legend {margin-bottom: 10px; font-size: 16px;}
.node-event-4-form #edit-field-rotation-wrapper .fieldset-legend {line-height: 2; font-weight: bold;}
.node-event-4-form #edit-field-rotation-wrapper .form-type-radio:nth-child(n) {float: left; margin: 0 25px 10px 0;}    
.node-event-4-form #edit-body-wrapper {width: 100%;}
.node-event-4-form .tabledrag-toggle-weight,
.node-event-4-form .form-type-vertical-tabs
    {display: none;}
.node-event-4-form #edit-actions {float: none; clear: left;}
.page-node-type-event-4 .main-container .field {margin: 15px 0px;}

/*SDC*/
.path-sdc .view-registration .view-header {float: left;}
.path-sdc .view-registration .view-content {clear: left;}

/*Events Register Button*/
.view-registration .btn-primary {background-color: #3d6ed1; border-color: #2c61cc;}
.view-registration .views-field-rng-event-register a {color: #ffffff; font-weight: normal;}
.view-registration .views-field-rng-event-register a:hover {text-decoration: none;}
     /*Funky table td tr top-border coloring - maybe better fix later*/
.view-registration .views-field-rng-event-register {margin: 15px;}
.view-registration tr {border-top: 1px solid #dddddd;}

/*Create Job Training seminar*/
.node-event-2-form #edit-field-image-wrapper, .node-event-2-form #edit-field-presenter-wrapper, .node-event-2-form #edit-field-day-wrapper, .node-event-2-form #edit-field-session-wrapper {
    float: left;
    margin-right: 20px;
}
.node-event-2-form #edit-body-wrapper {clear: left;}

/*Events*/

.view-events > .form-group {margin: 10px;}

.view-events .form-actions .button {margin: 0 0 0 10px;}
.view-events .view-content #edit-header {margin: 10px 0 20px 10px;}

.view-events .form-group .select-wrapper {width: auto;}
.view-events .form-group .form-item, .view-events .form-group .form-actions {display: inline-block;}
.view-events .views-field-body img {max-height: 200px; float: right;}


.path-events .views-exposed-form .control-label, .path-events .view-content .form-group .control-label, .path-announcements .view-content .form-group .control-label, .path-myevents .form-group .control-label {
    text-shadow: 0 0 1px white,0 0 2px white,0 0 3px white,0 0 4px white,0 0 5px white,0 0 6px white,0 0 7px white,0 0 8px white,0 0 9px white,0 0 10px white;
    margin-right: 5px;
}

    /*IE only fix for weird margins*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .view-events .view-content #edit-header .select-wrapper {top: 15px;}
    .view-events .view-content #edit-header {margin-top: 0;}
    }

/*Events Register page*/
.registration-registration-add-form .input-group-addon {display: none;}
.registration-registration-add-form .container-inline > div:nth-child(1) {float: left; margin-right: 10px;}

.registration-registration-add-form #edit-people-registrants-for-change {margin-left: 15px;}
    /*Temporary until bootstrap fixes border radius issue*/
.registration-registration-add-form .container-inline .input-group .form-control:first-child {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    }

/*Views 'add new' header offset*/
.view-events .view-header, .view-groups .view-header, .view-teiki .view-header, .view-questions .view-header, .view-tickets .view-header, .view-schools .view-header .addnew {
    font-size: 24px;
    font-weight: bold;
    margin: -47px 15px 0 0;
    float: right;
}
.path-admin .view-events .view-header {
    margin: -57px 0 0 0;
}
    
/*Community events*/
.page-node-type-event-3 img {float: right;}
.page-node-type-event-3 .main-container .field {margin: 15px 0px;}

/*Community groups*/
.view-groups .view-header {margin: 2px 15px 0 0;}

.path-group .page-header {border-bottom: 0;}
.path-group img {float: right;}

.path-groups .col-sm-9 .form-inline .form-control {width: 100%;}

.path-group .page-header {
    margin: 0;
}
.path-group .contextual-region .field, .path-group .region-content .img-responsive {
    margin: 15px 0;
}
.path-groups .col-sm-3 .form-type-textfield {
    text-align: center;
    padding: 0 7px;
}
.path-groups .col-sm-3 .form-checkbox {
    margin: 0 6px 0 0;
}
.path-groups .region-sidebar-second .form-inline .form-control {
    width: 100%;
    margin: 5px 0 10px;
}
.path-groups .masonry-item h4 {
    margin-top: 0;
    margin-bottom: 0;
}
.path-groups .views-field-label, .path-groups .views-field-field-desc {
    padding: 5px 7px;
}
.path-groups .masonry-item .img-responsive {
    width: 100%;
    border: 1px solid white;
    border-radius: 0 0 3px 3px;
}
    
/*Term but may affect others*/
#node-term-form .field--type-image {width: 350px;}
#node-term-form .select-wrapper {width: auto;}

/*Teiki*/

.view-teiki .view-content h4 {
    margin: 0;
    display: inline-block;
    padding: 5px 14px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    }

.view-questions .view-header a {margin-left: 60px;}

.view-tickets .views-row {margin-bottom: 20px;}

.view-schools .view-header .blocks {
    position: absolute;
    width: 100%;
    text-align: center;
    margin-top: -40px;
    font-weight: bold;
}

.table-responsive {
    border: 0;
    }

.path-speakraku .view-speakraku .views-field-view {float: right;}
.path-speakraku .view-speakraku .views-field-view .img-responsive {float: right;}
.path-speakraku .views-field-body {float: right; margin: 5px 15px 20px 0;}
.path-speakraku .views-field {font-size: 14px;}
.path-speakraku .views-label-field-objective {color: darkviolet;}
.path-speakraku .views-label-field-grammar-points {color: darkgreen;}
.path-speakraku .views-label-field-duration {color: coral;}
.path-speakraku .views-label-field-resources {color: crimson;}
.path-speakraku .views-label-field-note {color: fuchsia;}
.path-speakraku .views-field-title {font-size: 24px;}
.path-speakraku .more-link {width: 100%; text-align: center; clear: both; margin: 20px 0;}
.path-speakraku .view-footer {text-align: center; clear: both; margin: 20px 0;}
.path-speakraku .pagination {margin: 0;}

/*.page-node-type-lesson .field--name-field-image img {float: right;}*/
.page-node-type-lesson .field--name-field-junior-high .field--label,
.page-node-type-lesson .field--name-field-high-school .field--label,
.page-node-type-lesson .field--name-field-elementary .field--label,
.page-node-type-lesson .field--name-field-special .field--label {float: left; padding-right: 5px; clear: left;}
.page-node-type-lesson .field--name-field-junior-high .field--item,
.page-node-type-lesson .field--name-field-high-school .field--item,
.page-node-type-lesson .field--name-field-elementary .field--item,
.page-node-type-lesson .field--name-field-special .field--item {float: left; margin-top: 15px; padding-right: 5px;}
.page-node-type-lesson .field--name-field-resources,
.page-node-type-lesson .field--name-field-resources-old {float: left; clear: left;}

/*File*/
.view-official-documents .file-link {width: 80%;}
.file, .file-link {width: auto; font-size: 16px;}

/*Reward system*/
#node-reward-systems-form #edit-title-0-value {width: auto;}
#node-reward-systems-form #edit-field-file-wrapper, #node-reward-systems-form #edit-field-image-wrapper {float: left; padding-right: 5px;}
#node-reward-systems-form div.form-item:nth-child(8) {display: none;}
#node-reward-systems-form #edit-actions {clear: left;}

/*Welcome page*/

.path-frontpage .title-center {
    text-align: center;
    }
.path-frontpage .region-footer .views-field-title a {font-size: 20px;}

.path-frontpage #block-views-block-content-block-1 .block-title {
    clear: left;
    padding: 5px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    margin: 15px auto;
    width: 10em;
    text-align: center;
    }
/*.path-frontpage #block-views-block-content-block-1 {margin-bottom: 20px;}*/
.path-frontpage .region-footer .container-fluid {
    padding-left: 0;
    padding-right: 0;
}
.path-frontpage #block-views-block-content-block-1 .views-row img {float: right; margin-left: 5px;}
.path-frontpage #block-views-block-content-block-1 .views-row {
    padding: 5px 5px 5px 8px;
    border: 1px solid #dddddd;
}
    
/*Welcome page*/

 

.event img, .event-2 img {float: right;}
.event .field, .event-2 .field {margin: 10px 0;}
.page-node-type-term .field--type-image img {float: right;}

/*Body footer*/
body .footer {
    margin-top: 0;
    padding-top: 10px;
    border: 0;
}

/*Body form-control auto width - disabled because it breaks the log in on mobiles - what did this do for the site?*/
/*body .form-select, body .form-control {width: auto;}*/

/*Language selector bullet hide*/
.region-footer ul.links {
    float: left;
    list-style-type: none;
    padding: 5px 10px;
    background-color: navy;
    font-weight: bold;
    border: 1px solid #cccccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}    

/*Background*/
.background-small img {
    display: block;
    min-height: 100%;
    min-width: 1920px;
    width: 100%;
    height: auto;
    
    position: fixed;
    z-index: -99;
    
    filter: blur(20px);
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
    top: 50%;
    transform: translateY(-50%) scale(1.1);
        -webkit-translate: translateY(-50%);
        -moz-translate: translateY(-50%);
        -o-translate: translateY(-50%);
    left: 50%;
    margin-left: -960px;    
}
.background-large img {
    min-height: 100%;
    min-width: 1920px;
    width: 100%;
    height: auto;
    
    position: fixed;
    top: 0;
    z-index: -100;
    
    top: 50%;
    transform: translateY(-50%);
        -webkit-translate: translateY(-50%);
        -moz-translate: translateY(-50%);
        -o-translate: translateY(-50%);
    
    left: 50%;
    margin-left: -960px;
}
/*Background - make fields easier to see*/

.view-content .table-striped > tbody > tr:nth-of-type(2n) {background-color: #ffffff;}
.view-content .table-striped > tbody > tr:hover {background-color: #f5f5f5;}
.well-md, .view-countdown/*, .view-footer a*/, .view-header h3, .region-footer #block-alteditor li a.dropdown-toggle, .region-footer #block-jettheme-footer li a, .path-speakraku .more-link a {
    display: inline-block;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 5px 10px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
}
.region-footer #block-alteditor .dropdown-menu {font-size: 16px; padding: 0; margin: 0;}
.region-footer .dropdown-menu > li > a:hover, .region-footer .dropdown-menu > li > a:focus {border-radius: 4px;}
.region-footer #block-alteditor ul li {font-size: 16px; border-radius: 15px;}

.path-user .region-content, .path-admin .region-content, .path-group .region-content, .path-node .region-content, .path-taxonomy .region-content, .path-filter .region-content {
    padding: 15px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    margin-bottom: 10px;
    }
/*Header fonts*/    
.path-tickets .page-header, .path-myteikis .page-header, .path-questions .page-header, .path-events .page-header, .path-teikis .page-header, .path-schools .page-header, .path-kicp-ds .view-header, .path-sdc .view-header, #block-jettheme-help {
    font-size: 24px;
    color: #3d6ed1;
    font-weight: bold;
    padding: 5px 14px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    margin-bottom: 10px;
    }
#block-jettheme-help {
    font-size: 14px;
}

.path-user .main-container img, .page-node-type-school .main-container img {/*float: right;*/ padding-bottom: 9px;}
/*temporary - delete when fixed in base bootstrap theme*/
.path-groups .form-inline .form-checkboxes .form-item, .path-information #edit-field-target-audience-target-id .form-checkboxes .form-item {margin-left: 25px;}
.path-groups .form-inline .checkbox input[type="checkbox"], .path-information #edit-field-target-audience-target-id .checkbox input[type="checkbox"] {margin: 0.5em 0.3em 0.5em -1.1em;}

.path-frontpage .js-quickedit-page-title, .path-jets .js-quickedit-page-title, .path-glossary .js-quickedit-page-title, .path-support .js-quickedit-page-title, /*.path-users .js-quickedit-page-title, */.path-slackers .js-quickedit-page-title, .path-songs .js-quickedit-page-title
    {display: none;}
    
/*Views Send*/
/*.path-users .views-form .form-item .control-label,*/ .path-users .views-form {
    padding: 14px 14px 5px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    margin-bottom: 10px;
    }

/*Users*/
.path-users .col-sm-3 #edit-combine {width: 100%; margin: 10px 0;}
.path-users .region-header .form-item {margin-right: 15px;}
.path-users .region-content .form-checkbox {margin-left: 0;}
/*.path-users #edit-actions > a:nth-child(2) {
    display: inline-block;
    padding: 8px 12px;
    font-size: 16px;
    font-weight: bold;
    color: red;
    border-radius: 4px;
    user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
    }*/
    
/*.path-users .view-filters .control-label, */.path-events .view-events .control-label {
    text-shadow: 0 0 10px white, 0 0 11px white, 0 0 12px white, 0 0 13px white, 0 0 14px white, 0 0 15px white, 0 0 16px white, 0 0 17px white, 0 0 18px white, 0 0 19px white;
    font-weight: bold;
    }

/*Schools*/
.path-schools .views-exposed-form {
    text-align: center;
}
.path-schools .views-exposed-form .control-label {
    text-shadow: 0 0 1px white, 0 0 2px white, 0 0 3px white, 0 0 4px white, 0 0 5px white, 0 0 6px white, 0 0 7px white, 0 0 8px white, 0 0 9px white, 0 0 10px white;
    margin-right: 5px;
}
    
.page-node-type-school .main-container .field {margin: 15px 0;}
.page-node-type-school .region-content h1 {margin-bottom: 0;}
.page-node-type-school iframe {
    width: 100%;
    padding: 0 15px 0 0;
}
.page-node-type-school .field--name-field-alt-s- .field__label {font-weight: 700;}

/*School predecessor notes comments*/
.page-node-type-school section > article > footer > a,
.page-node-type-school body > div.main-container.container.js-quickedit-main-content > div > section > div.region.region-content > article > div.content > section > article > div > h3,
.page-node-type-school section > h2:nth-child(4) {display: none;}

/*Slackers to-do list*/
.path-slackers .checkbox input[type="checkbox"] {margin-left: 0;}
.path-slackers .region-content h2 {margin-top: 0;}
.path-slackers .block-title {
    display: inline-block;
    padding: 5px 14px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
}
    
/*Chatroom*/
.path-chatroom .page-header {
    display: inline-block;
    padding: 5px 14px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    margin-bottom: 15px;
    }
.path-chatroom .control-label {
    padding: 5px 10px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    }
.path-chatroom .tabs a {
    background: white;
    border: 1px solid #dddddd;
    }
/*temporary .path-chatroom .select-wrapper:after {display: none;}*/
.path-chatroom .chatroom-board {
    word-wrap: break-word;
    padding: 10px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    margin-bottom: 15px;
    }
/* Unneeded until they fix the chatroom user list
.path-chatroom .chatroom-user-list-container {
    float: left;
    padding: 5px 14px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    margin: 20px 0;
    }
.path-chatroom .chatroom-user-list-container h3 {
    margin: 5px 0;
    } */
.path-chatroom .chatroom-user-list-container,
.path-chatroom #edit-chatroom-message-entry-submit-1 {display: none;}
.path-chatroom .chatroom-message-entry {margin-bottom: 30px;}
    
.path-contact .page-header, .path-official-documents .page-header, .path-registrations .page-header, .path-announcements-archive .page-header, .path-myevents .page-header, .path-announcements .page-header, .path-frontpage .block-views-block-announcements-block-1-2 h2, .view-registration .view-header, .path-links .page-header, .header-well {
    display: inline-block;
    padding: 5px 14px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    margin-bottom: 20px;
    }

.path-search .region-content {
    display: inline-block;
    padding: 5px 14px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    }
/*.path-search .search-help-link, .path-search .col-sm-9 h1, .path-search .col-sm-9 h2, #block-jettheme-help {
    display: inline-block;
    padding: 5px 14px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    margin-bottom: 0px;
    }
.path-search .item-list {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    margin-bottom: 20px;
    }*/

#block-jettheme-help {margin-bottom: 15px;}

.path-search .nav-tabs {
    margin-top: 10px;
    }
.path-search .nav-tabs > li > a {
    color: #555555;
    background-color: #eeeeee;
    border: 1px solid #dddddd;
    border-bottom-color: transparent;
    cursor: default;
    }
.path-search .nav-tabs > li.active > a, .path-search .nav-tabs > li > a:hover {
    background-color: #ffffff;
    }
.path-search .search-advanced {
    margin: 10px 0 0 0;
    }
.path-search .col-sm-9 .item-list {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    margin: 10px 0 20px 0;
    }
.path-search .item-list ol {padding-left: 2em;}
.path-search .item-list h3 {margin: 10px;}
.path-search .item-list h3.title {
    margin-top: 20px;
    margin-bottom: 10px;
    }

/*Table Row CSS to be visible against background
#user-register-form tr.even {background-color: #f5f5f5;}*/

.view thead tr {
    padding: 5px 14px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    }
.path-frontpage #block-views-block-announcements-block-1-2 h2, .path-registration .view-content h4, .path-registrations .view-content h4, .path-sdc .view-content h4, .path-myevents .view-content h4, .path-support .view-content h4, .path-schools a.block-number, .inline-block-header {
    display: inline-block;
    margin-top: 0;
    padding: 5px 14px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    }
    
/*Registration*/
.path-registration #block-registerforanotherevent h3  {
    display: inline-block;
    padding: 15px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    }
.path-registration .registration-registration-delete-form {
    display: inline-block;
    padding: 5px 14px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    }
.path-registration .alert-success {margin-bottom: 0;}
.path-registration .registration-registration-delete-form #edit-actions #edit-submit {margin: 10px;}

.path-registration .view-content table h4, .path-registrations .view-content h4, .path-support .view-content h4 {margin-bottom: 0;}
.path-registration .view-content table h4, .path-registrations .view-content h4 a {color: green;}

.path-registration .view-registration .views-field-body img {max-width: 50%; max-height: 200px;}

.path-registration .view-content h4, .path-registrations .view-content h4, .path-sdc .view-content h4, .path-support .view-content h4 {font-weight: bold; color: navy;}

/*Registrations*/

.view-registrations > .form-group {margin: 10px;}

.view-registrations .form-actions .button {margin: 0 0 0 10px;}
.view-registrations .view-content #edit-header {margin: 10px 0 20px 10px;}

.view-registrations .form-group .select-wrapper {width: auto;}
.view-registrations .form-group .form-item, .view-registrations .form-group .form-actions {display: inline-block;}
.view-registrations .views-field-body img {max-height: 200px; float: right;}


.path-registrations .views-exposed-form .control-label, .path-registrations .view-content .form-group .control-label {
    text-shadow: 0 0 1px white,0 0 2px white,0 0 3px white,0 0 4px white,0 0 5px white,0 0 6px white,0 0 7px white,0 0 8px white,0 0 9px white,0 0 10px white;
    margin-right: 5px;
}

    /*IE only fix for weird margins*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .view-registrations .view-content .form-group .select-wrapper {top: 15px;}
    .view-registrations .view-content #edit-header {margin-top: 0;}

    /*.view-registrations .view-content .form-group .select-wrapper {margin: -15px 10px 20px 10px; }*/
}

/*Special .view thead for Registrations page
.path-registrations .view caption a {
    padding: 0;
    border: 0;
    }
.path-registrations .view caption {
    margin-bottom: 10px;
    padding: 5px 14px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    }*/

.path-registration .view-registration .views-row {
    padding: 6px 12px 0px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    margin-bottom: 20px;
}
.path-registration .views-field-body img {float: right;}
.path-registration .views-field-body h3, .path-kicp-ds .views-field-body h3, .path-sdc .views-field-body h3 {margin: 0;}
.view-registration .views-field-title {font-size: 24px;}

.path-kicp-ds .view-header h4 {margin: 0;}
.path-kicp-ds .views-field-field-location-1 img {margin: 2px auto 7px;}
.path-kicp-ds .views-field-field-location-1 a {font-size: 16px; font-weight: bold;}
.path-kicp-ds .view-header a {float: right;}
    
/* Page header hides for certain pages the line isn't needed */
.path-calendar .page-header, .path-frontpage .page-header, .path-glossary .page-header, .path-groups .page-header, .path-information .page-header, .path-kicp-ds .page-header, .path-locations .page-header, .path-registration .page-header, .path-job-training .page-header, /*.path-registration .region-content .tabs, */.path-sdc .page-header, .path-slackers .page-header, .page-node-type-song .page-header, .path-songs .page-header, .path-speakraku .page-header, .path-support .page-header, .path-users .page-header, .path-backgrounds .page-header {display: none;}

/* Better exposed filters CSS - Speakraku
.path-speakraku .well {
    margin-bottom: 0;
    padding-bottom: 9px;
    }
.path-speakraku #block-exposedformspeakrakupage-1 .form-item {
    padding: 0;
    margin-bottom: 15px;
    }
.path-speakraku #block-exposedformspeakrakupage-1 .panel-body {
    padding: 10px;
    }
.path-speakraku #block-exposedformspeakrakupage-1 .panel-body .form-item {
    margin: 5px;
    }*/
.path-speakraku #block-exposedformspeakrakupage-1 .form-checkbox {
    margin: 5px;
    }
.path-speakraku #block-exposedformspeakrakupage-1 #edit-field-grammar-points-target-id,
.path-speakraku #block-exposedformspeakrakupage-1 #edit-field-grammar-points-target-id--2 {width: 100%;}

/*Travel Report CSS*/
#ui-datepicker-div {z-index: 10 !important;}

/*Lost in weeds block*/
#block-lostintheweeds .field--name-body {font-size: 24px; color: red; margin: 0 0 15px 0; text-shadow: 0 0 1px white, 0 0 2px white, 0 0 3px white, 0 0 4px white, 0 0 5px white, 0 0 6px white, 0 0 7px white, 0 0 8px white, 0 0 9px white, 0 0 10px white;}

/*Tickets exposed fields CSS - temporary, until BEF is available */
#views-exposed-form-tickets-page-1 .form-item {padding: 0 10px 5px 0;}
#views-exposed-form-tickets-page-1 .form-control {max-height: 81px;}
#views-exposed-form-tickets-page-1 ::after {display: none;}
#views-exposed-form-tickets-page-1 .control-label {
    padding: 5px 10px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    }
#views-exposed-form-tickets-page-1 .select-wrapper select {padding: 8px 10px;}
.path-tickets .view-content {clear: both;}

/*Test blanket exposed form change until BEF is available - negative side effects for admin, etc. views exposed forms?
.views-exposed-form .control-label {
    padding: 5px 10px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    }
*/

/*Temporary remove test-autor and test-date lines on various pages*/
#test-date, #test-autor {display: none;}

/*Hover scale box-shadow tile effect*/
.path-frontpage .view-welcome .view-content .views-row, .path-frontpage .region-footer .masonry-item, .view-speakraku .view-content .views-row, /*.view-locations .view-content .views-row, */.view-groups .view-content .views-row {
    background-color: white;
    /*border: 1px solid #dddddd;*/
    border: 0;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        -moz-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        -o-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    }
.view-locations .view-content .views-row {
    border: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    overflow: hidden;
    }
.view-locations .view-content .views-row .img-responsive {
    max-width: 100%;
    transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
        -moz-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
        -o-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    }
/*.view-locations .view-content .views-row {
    background-color: black;
}*/

/*.path-frontpage .view-welcome .view-content .views-row::after, .view-speakraku .view-content .views-row::after, .view-locations .view-content .views-row::after, .view-groups .view-content .views-row::after {
    content: "";
    border-radius: 4px;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    opacity: 0;
    
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
        -moz-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
        -o-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    }*/
.path-frontpage .view-welcome .view-content .views-row:hover, .path-frontpage .masonry-item:hover, .view-speakraku .view-content .masonry-item:hover, .view-groups .view-content .views-row:hover {
    transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05) rotate(0.02deg);
    -o-transform: scale(1.05, 1.05);
    }
.view-locations .view-content .views-row:hover .img-responsive {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1) rotate(0.02deg);
    -o-transform: scale(1.1, 1.1);
    }
/*.view-locations .view-content .views-row .field-content {
    overflow: hidden;
}*/
/*.path-frontpage .view-welcome .view-content .views-row:hover::after, .view-speakraku .view-content > .views-row:hover::after, .view-locations .view-content .views-row:hover::after, .view-groups .view-content .views-row:hover::after {
    opacity: 1;
    }*/

/* Mobile CSS */
@media screen and (max-width:1130px){
    .path-schools .view-header .blocks {
        margin: 10px auto -25px;
        position: relative;
        padding: 5px 14px;
        background-color: #ffffff;
        border: 1px solid #dddddd;
        border-radius: 4px;
        }
    }
@media screen and (max-width:900px){
    /*.region-content {margin-top: 55px;}*/
    .col-sm-9, .col-sm-3 {
        width: 100% !important;
    }
    .col-sm-9 {
        padding: 0;
    }
    .path-schools .view-header .blocks {
        margin: 10px auto;
    }
    .path-speakraku .col-sm-9, .path-frontpage .col-sm-9, .path-locations .col-sm-9, .path-groups .col-sm-9, .path-songs .col-sm-9 {
        width: 100%;
        padding: 0;
    }
    .path-speakraku .col-sm-3, .path-frontpage .col-sm-3, .path-locations .col-sm-3, .path-groups .col-sm-3, .path-songs .col-sm-3 {
        width: 100%;
        padding: 0;
    }
    .path-speakraku .masonry-item, .path-frontpage .masonry-item, .path-locations .masonry-item, .path-groups .masonry-item, .path-songs .masonry-item {
        position: relative;
        float: none;
        width: 100%;
    }
}
@media screen and (max-width:800px){
    .region-search {padding-bottom: 0;}
    .region-search .logo {padding-bottom: 15px;}
    .navbar {margin-top: 0;}
    .navbar.tiny {top: 0;}
}
@media screen and (max-width:650px){
    .block-superfish {width: 50%;}
    
    #block-tools {position: relative;}
    #block-tools ul.sf-menu > li {position: absolute; right: 0; margin-top: -90px;}
    
    #search-block-form .form-group {margin-bottom: 10px;}
    #block-jettheme-search {float: none;}
    .region-search #search-block-form .input-group {max-width: 100%;}
    .region-search #search-block-form #edit-keys {width: 100%;}
    .region-search .logo {float: none !important;}
    .region-search .logo img {margin: 0 0 10px;}
    
    #block-mainnavigation .sf-accordion-toggle {padding: 1em;}
    #block-mainnavigation .sf-accordion li a {padding-left: 5px;}

    #block-useraccountmenu {text-align: right;}
    #block-useraccountmenu .sf-accordion-toggle {padding: 1em;}
    #block-useraccountmenu #superfish-account-accordion .sf-depth-1 {padding-right: 5px;}
    .region-navigation {padding: 0 5px;}
    
    .region-content {margin-top: 70px;}
    .path-frontpage .region-sidebar-second {display: none;}
    
    .view-information .view-header,
    .view-teiki .view-header,
    .view-questions .view-header,
    .view-tickets .view-header,
    .view-schools .view-header,
    .view-events .view-header,
    .view-groups .view-header {
        font-size: inherit;
        margin: inherit;
        float: none;
        display: inline-block;
        margin-bottom: 10px;
        padding: 5px 14px;
        background-color: #ffffff;
        border: 1px solid #dddddd;
        border-radius: 4px;
        }
    .path-frontpage .view-welcome .view-content .views-row, .path-frontpage #block-views-block-content-block-1 .views-row {
        width: 100%;
        margin: 0 0 3% 0;
        }
    .region-search #search-block-form {
        clear: both;
        padding-left: 0;
    }
    .region-search #search-block-form #edit-keys {
        max-width: none;
    }
    
    .path-speakraku .col-sm-9, .path-group .col-sm-9 {padding: 0;}
    .path-speakraku .view-speakraku .masonry-item, .path-group .view-groups .masonry-item {width: 100%; margin: 0 0 15px; }
}
@media screen and (max-width:465px){
    .user-login-form .actions-suffix {position: relative; float: right; margin: -229px 0 0 0;}
    .view-fun-facts {display: none;}
    .footer {margin-top: 0;}
}

/*@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .background-small img, .background-large img {
        z-index: 0;
    }
    .col-sm-2, .col-sm-3, .col-sm-9, .col-sm-12,
    .user-login-form .actions-suffix,
    .path-speakraku .masonry-item, .path-frontpage .masonry-item, .path-locations .masonry-item, .path-groups .masonry-item, .path-songs .masonry-item,
    .path-user .col-sm-3 .views-field-body,
    .page-node-type-fun-fact .fun-fact .field--name-body,
    .page-node-type-fun-fact .field--name-body,
    .path-user .view-fun-facts .views-slideshow-controls-bottom,
    .path-locations .views-field-nothing,
    
    .path-songs .view-speakraku p,
    .path-songs .view-speakraku p a,
    .path-songs .view-speakraku .views-field-field-song,
    .path-songs .view-speakraku .views-field-field-song .field-content,
    .view-schools .view-header .blocks,
    .path-frontpage #block-views-block-content-block-1,
    .view-welcome div1,
    .view-welcome > .view-content > div:nth-child(5) > div.views-field.views-field-field-image > div > a > img    {
        z-index: 1;
    }
}*/

/* test Superfish Nav menu collapsible code

#mobnav-btn {
  display: none;
  font-size: 20px;
  font-weight: bold;
  background-color: blue;
  color: white;
  padding: 10px;
  cursor: pointer;
}
.mobnav-subarrow {
  display: none;
}
@media only screen and (max-width: 480px) {
  #mobnav-btn {
    display: block;
  }
  .mobnav-subarrow {
    display: block;
    background-color: #0f3975;
    opacity: .3;
    border-bottom: 1px solid white;
    border-top: 1px solid black;
    height: 20px;
    width: 30px;
    background-position: top left!important;
    position: absolute;
    top: 8px;
    right: 10px;
    border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
    cursor: pointer;
*/

/*#contextual-region {float: left;}

#block-jettheme-main-menu {float: left;}
#block-jettheme-account-menu {float: left;} */

Purpose: To inform and encourage people to use the website and its resources.

ALTs:

  • Update current school information
  • Add school email/fax
  • Submit predecessor note for previous school if recently moved
  • Answer unanswered questions or submit other information via FAQ page
  • Submit their favorite lessons

Teachers:

  • Sign up to create a new account - contact info if they have any issues
  • Check out ALT-submitted English activities/lessons (in Japanese?)

What is KobeJET?

KobeJET is an online resource for education and lesson planning materials, official JET events, community engagement and other services for members and associates of the Kobe JET program.

  • ALT Directory and school information – know who’s who and where they are. Contact information for all schools and ALTs in Kobe.
  • Speak Raku: Kobe’s very own lesson plan repository – hundreds of pre-made lessons, suggestions and activities for a range of year levels and teaching points.
  • Information about locations, events and activities - all the things you need to know to survive in Kobe. Access to official documents and other useful resources. Can’t find that all-important transport reimbursement form? KobeJET has you covered.
  • KobeJET is the place to register for Skill Development Conferences, Spring Seminars and KICPs – see what’s available and sign up in seconds.

Your chance to contribute! Want to get more out of your JET experience? Want to give back to your community? Get involved today! Kobe JET is looking for translators, lesson content contributors and IT specialists (or people willing to learn!). Got a great lesson or location in Kobe to share? Add it to the website and share it with your fellow ALTs in Kobe! Just log in and select ‘add’ from the main toolbar.

Contact:

  • David Dowell (Site Admin)
  • Joy Sung (Content Manager)
  • Isaac Tombleson (Translation)

Items

  • When is the next meeting?
    • May 29th/30th?
  • I need a little help moving lyrics for songs from the old, manual tables to the new, cleaner table system I set up over the weekend. This involves a very simply copy/paste from the old table to the new which should be pretty straightforward when you open a song to edit it, and obvious if it's already been done just from viewing the table. I think there are about 20 songs now? Note: use "..." in the first cell for blank lines, otherwise the editor won't show them.
  • How's the newsletter coming, what are the next steps?
    • Tiffany will have a model to show/sign off on at the next meeting.
  • This week I'm focusing on fixing comments for both normal content and predecessors' notes. If you have another pressing request/suggestion let me know!
    • All comments fixed!
  • If everyone could add at least one new fun fact this login page feature would be much more interesting and save me from cephalic atrophy staring at my own content every day!
  • Similarly, if you have any good write-ups for suggestions and advice from your time living in Japan and around Kobe, please feel free to add it as an information/FAQ.
    • Can also add new terms/vocab
    • Can also add new locations
    • Let's build these resources! I'm working on a new author notation where you'll get credit for adding these kinds of information too!
  • Content editors/translators should have sufficient permissions to (temporarily) update leadership positions and change users' roles. I need help:
    • Changing all the leader roles to the new, current leaders
    • Creating new dummy account roles for old speakraku authors so we can give them due credit for their lessons and finally delete the "old author" field
      • We just need to create RALT role dummy accounts for the old JETs so we can assign their lessons to them
    • Changing the role for any JET who has already left form ALT to RALT
  • Likewise, content editors should be able to edit any content and edit menus once again

Several features have been added to the standard tablefield module. These include the "add row" and "empty fields" features. The entire blog can be found here:

And the specific features and attached patches here:

Please note, these patches will need to be manually applied again if/when a new version of the Tablefield module is released and updated. For reference, the current version these patches are currently applied to is 8.x-2.x-dev.

There are several methods to use the core RESTful services to set up an excel or csv export of views, but the most popular and best supported one appears to be Views Data Export.

An addtional CSV encoder API is needed for any exporting functionality, including this module, and installing this encoder requires Composer-required dependency injection as outlined here.

I am including this write-up as an explanation of the understanding I currently have regarding this process, and will update it if/when I am able to successfully implement it, or as a write-up for the next developer who is able to. I expect an more automated process may be made available in the future, but as with all open-source projects with as many connected modules on a CMS of this scope, it's difficult to say when exactly that might be.

KobeJET.com announcements

January 27, 2017

Call out for lesson plans!

As we approach the end of the year, you know those awesome lessons you made that the kids loved and really helped them practice their English - while learning about different cultures and being FUN!!

Now is the time to memorialize your awesomeness with the greater Kobe JET community and beyond! Simply go to “Teaching” in the main menu and select “Add lesson” to share your pearl of education.

Housekeeping!

We’re asking any ALTs who have not yet registered their schools or school information to please do so as soon as possible. The list of missing ALTs can be accessed by logging in and accessing the Tools menu in the upper right at:

Tools” > “Schools” > “Unassigned ALTs

This is important for KobeJET.com to be the best resource possible – facilitating school event registrations, basic communication between Guidance Division, school staff and ALTs, and upcoming feature support.

What’s new with KobeJET.com?

With many additions to both the behind-the-scenes functionality and user interface, KobeJET.com has a lot to offer!

Now you can:

  • Advertise your KICP or DS, locking in those volunteers while making it easier for the CIRs to approve and get everyone’s shuccho forms out early
  • Upload and use your favorite songs to teach lyrics and share an immersive, exciting exchange with your students in the original country of karaoke
  • Host or explore events happening in and around Kobe
    • You can now set a minimum or maximum number of available spots
  • Browse popular and recommended restaurants, sightseeing locations, and more - shout out to Tyler for getting this started!
  • Find reward system cards and materials for use in your classes, and add your own
  • Ask all your nagging or curiosity questions regarding the mysteries of Kobe JET life;
    • How to fill out forms,  send a furikomi, handle your taxes, or apply for time off
    • Weather warnings, finding a dentist, women’s health information
    • And more!
      • Or submit answers to unanswered questions - by going to “Resources” in the main menu and select “Ask a question!”

How can I help out, and how do I get involved?

There are several ways to get involved with the KobeJET.com website:

  • Website development and administration - there will be a meeting in the coming weeks to discuss the development of KobeJET sustainability practices and procedures documentation and select the next site administrators for the website.
  • Content management - a small team will be needed to provide content moderation, editing, and maintenance support for the website. Duties will include looking after content for SpeakRaku and the new Songs feature, KICP and DS pages and registration, Information and Glossary, community content, and more.
  • Translation - there is already an official KobeJET.com translation team that has been hard at work on the site navigation and content, creating a fully functional Japanese version of the website for use by Kobe City BOE employees, teachers and school staff.

Those interested in website development, administration, and content management can get in touch with David Dowell.

The KobeJET.com translation team points of contact are Bailey Roberts and Isaac Tombleson.

How do I manage new account requests for KobeJET.com?

CIRs and site administrators can approve or delete new account requests for KobeJET.com.

Click "Tools" > "JETs" > "Account requests"

To approve:

  • Select the desired account(s) to approve on the left
  • Under "Action";
    • Select to add the appropriate role(s) to the account
    • Select "Unblock the selected user(s)"
  • Click "Apply to selected items"

To delete:

  • Select the desired account(s) to delete on the left
  • Under "Action", select "Cancel the selected user account(s)"
  • Click "Apply to selected items"

Housecleaning

As with any publicly accessible website, administrators will occasionally need to select and delete bogus account requests that will build up over time. These are usually created by spam bots and can be recognized by their suspicious names (e.g., wsfqxxy@ huscher30.newpopularwatches.com, 3EddieViand 3EddieViand).


How do I edit user accounts for KobeJET.com?

CIRs and site administrators can edit account information for KobeJET.com.

Click:

           or

Browse alphabetically by last name to find and then click on the desired user, then select the "Edit" tab on their profile page.

To reset passwords - enter the new, temporary password into both the "Password" and "Confirm password" fields, and select "Save".


What do I do when JETs leave the program?

As when new JETs are given their correct corresponding roles as ALTs or CIRs, exiting JETs are given the "RALT" role. This role has more limited permissions - for example, they can't register for SDC seminars or create KICPs/DSs, but they can still edit their own content, engage in community events, and other activities within the site. The additional roles of content editor and translator may also be retained as deemed appropriate on a case by case basis. 

Removing old events

  • Navigate to "Tools" > "Events" > "View all"
  • Sort by Type "SDC seminar" and click "Apply"
  • Select the seminars you wish to unpublish on the left, select Action "Remove content from front page", and click "Apply to selected items"
    • Note: Selecting the title box will select all displayed items

Submitting new events

  • On the Events page click "Add event", or navigate to "Tools" > "Events" > "SDC seminar"
  • Enter all pertinent fields
  • Click "Save and publish"

Activating registration

Once a new event is created, registration must be activated to allow users to register. Until this is completed, events will be visible, but users will not be yet be able to register.

  • On the new event page click the "Event" tab
  • Enter all pertinent fields
    • Note: "Accept new registrations" and Registration type "Registration" must be selected to activate
  • Click "Save"

Adding new events

Once all new seminars have been submitted and activated, they need to be promoted to the front page for users to register.

  • Navigate to "Tools" > "Events" > "View all"
  • Sort by Type "SDC seminar" and click "Apply"
  • Select the seminars you wish to publish on the left, select Action "Promote content to front page", and click "Apply to selected items"
    • Note: Selecting the title box will select all displayed items

January 17th, 2017

Option 1 – Migration to city server

After reviewing the Netcommons Content Management System (www.netcommons.org), its role as a CMS appears to be a simplistic, Japanese language-friendly option to the more international and robust CMS options such as Drupal, Joomla, and Wordpress.

Netcommons does not appear to have either the extensive community support for development, or the current data management capabilities of the other CMSs. This can be evidenced by the overall quality of its homepage, the features included with the core system, and by the apparent target demographic clients.

  • www.drupal.org, www.wordpress.org, and www.joomla.org all boast an extensive repository of online resources and specialized feature additions and customizability. www.netcommons.org has limited extendability options and the site forum appears worryingly inactive for a full CMS.

  • The communities involved with major CMSs number in the millions with users in countries around the world, whereas Netcommons is limited to only a segment of Japan’s potential users. This is evidenced by the lack of any other language support – even the offered “English” version of their main site is still in Japanese (http://www.netcommons.org/?lang=english). This hinders their ability to source development and support assistance, and ultimately limits their capabilities in both.

After assessing the current state of Netcommons and considering both my limited remaining time with JET and the likelihood I will not be allotted any additional time to work on multimedia projects outside of my regular school schedule – with regards to end-user functionality, accessibility, and sustainability moving forward, migrating KobeJET.com to the more limited Netcommons CMS is currently not a tenable option. This is especially true when considering the BOE’s own head IT Specialist, and presumably those under him, are still relatively inexperienced with the CMS themselves and therefore have little technical working expertise and would be unable to support the migrated website.

After our last meeting, my current understanding of the Kobe City and departmental server configuration is as such;

Central city mainframe multi-server > BOE allocated child server (Real/Dedicated or Virtual/Shared) > Allocated BOE directory folder with installed Netcommons CMS

In order to successfully migrate KobeJET.com to the city server, the following steps would be necessary;

  • Permission and access to the directory on the Board of Education’s child server containing the current Netcommons installation folder.

  • Approval to use the Drupal CMS for use on a city server by BOE employees and JET participants.

  • Permission to create a secondary folder within the BOE directory for a Drupal CMS installation.

The secondary folder would have the same security protocols and personnel and information access restrictions applied as the rest of the server.

This option would allow the function and maintenance of the KobeJET website to fall completely under the control of Kobe City and the Board of Education, providing the highest level of continued support and security. This should also be possible without any additional funding, as it most likely can be done with a few relatively straightforward additions to the existing directory.

 

Option 2 – Migration to another JET’s personal server

The second option would be to identify another individual, preferably a continuing JET or someone with close association to the JET Program such as a retired ALT or KATE, with access to another server who is willing and able to host and maintain the website.

Security and sustainability would be dependent upon this person, but it would allow the website to continue to be used and maintained without being moved to the city’s server, and possibly without incurring any additional costs depending on the resources of and degree of philanthropic nature of the individual.

Drawbacks of this option include the potential for the website falling into disrepair (as was previously the case with Speakraku.com), or the individual being unable to find another replacement host in the event their server becomes unavailable when they move on or any other reasons.

 

Option 3 – Leasing permanent space on the current private server with a basic maintenance fee

The last option would be to officially lease the current space being used for the website and pay a basic maintenance fee. This wouldn’t provide for additional development, but would ensure the website continues to be available with the functions and information available once the current Multimedia Advisor and server owner leaves the JET Program in August.

The annual fee for the dedicated server is US $1,499.88 ignoring additional costs for Cloudflare CDN (Content Delivery Network – https://www.cloudflare.com/cdn/) and SSL (Secure Sockets Layer - https://en.wikipedia.org/wiki/Transport_Layer_Security). KobeJET currently occupies less than a fourth of the physical hard drive space and currently requires even less of the processing and user request resources available – and this shouldn’t change much given normal usage and data demand increases. As such, a total of US $375 annually (or approximately one fourth the base server costs) would be appropriate to maintain the KobeJET site if this option is chosen.

This option has some of the same drawbacks as option 2 – continuing to rely upon an individual for hosting and maintenance. Additionally, the basic server costs would not provide for the time spent to continue updating the site, adding additional features, or providing support. These duties would either still need to be handled by someone else (possibly an ALT) or would require additional reimbursement. Basic site maintenance, including core and module updates and basic support, would be about US $30 a month. This would still not include implementing any requested new features or functionality, design changes, etc.

 

Conclusion

Of these three options, I highly recommend option 1 if at all possible. The benefits of a modern, customized website to help organize and manage various facets of the JET Program in Kobe far outweigh the pains of working through bureaucratic red tape and the initial setup. It is unfortunate the Netcommons platform already adopted by the Kobe BOE is so limited and antiquated - there will probably never be a developer interested in building a site with similar functionality and extensibility to KobeJET.com using this CMS. Netcommons would currently need an ambitious amount of development to be on par with other major CMSs. I am willing to lend my time and assistance to facilitate the successful implementation of any of these options and am available to answer any questions or help review another viable option proposal.

 

Note: I have tried to use as basic of descriptions as possible per Lance’s requests, but of course if additional clarification would be helpful I can answer any questions.

These are modules we're waiting for release versions of to install and use on the site:

Drawing Field - https://www.drupal.org/project/drawingfield

Automatic Nodetitles - https://www.drupal.org/project/auto_nodetitle

Field Group - https://www.drupal.org/project/field_group

Calendar - https://www.drupal.org/project/calendar or Full Calendar https://www.drupal.org/project/fullcalendar

  • Currently using the dev version without an ending date - will update when D8.1 becomes available, as this will make start/end date events possible.
  • Dev version uses special calendar date and views templates modules.

Password Policy - https://www.drupal.org/project/password_policy

Redirect - https://www.drupal.org/project/redirect

  • For use with moved or popular redirects such as Speakraku > Lessons

Security Kit - https://www.drupal.org/project/seckit

Security Review - https://www.drupal.org/project/security_review

Username Enumeration Prevention - https://www.drupal.org/project/username_enumeration_prevention

Tablefield - for use with songs and lyric translations https://www.drupal.org/project/tablefield - DONE

File chooser field - to enable dropbox, etc. integration https://www.drupal.org/project/file_chooser_field

Link checker - https://www.drupal.org/project/linkchecker - DONE, though functionality isn't quite as useful at present

Gmap - https://www.drupal.org/project/gmap or Geolocation https://www.drupal.org/project/geolocation - DONE

Editable Views - https://www.drupal.org/project/editableviews or https://www.drupal.org/project/edit_views

Menu per role - https://www.drupal.org/project/menu_per_role or https://www.drupal.org/project/menu_item_visibility

Mediafront - https://www.drupal.org/project/mediafront

Simple Image Rotate - https://www.drupal.org/project/simple_image_rotate

Taxonomy Reference Tree - https://www.drupal.org/project/term_reference_tree - DONE

The website translation team came together in August 2016 with the goal of making the site more accessible to teachers and management personnel other than ALTs. It is a small team of proficient Japanese-speaking ALTs dedicating several hours a week of their own time to translating site elements and Speakraku lesson plans. Many site elements and a number of lessons have already been translated, and work is progressing steadily. At the current pace, the team should be finished translating the existing 300+ lesson plans by late 2017, and will continue to translate new lessons as they are added. They will also keep site element translations up-to-date as the site is reorganized and new features are added.

A bilingual JET website could help set Kobe apart from other cities and prefectures; though many have dedicated JET websites full of resources, Kobe would be one of the first with a bilingual website accessible to both ALTs and Japanese-speaking personnel. Kobe already has a reputation of being innovative with its JET program and English education, and by creating a bilingual website, we hope to continue supporting this reputation. By viewing the website in Japanese, junior high English teachers and elementary school homeroom teachers can browse Speakraku lessons for ideas of games and activities. These lessons can be easily shared with an ALT, who can then view them in English at any of their schools or from home, decreasing miscommunication about lesson content and increasing collaboration in team-teaching. Alternatively, an ALT can choose lesson plans from the website and share these ideas with their team-teaching partner knowing there is a Japanese version readily available. With ALTs often visiting multiple schools and other teachers busy with packed schedules, in addition to varying levels of English skill, it is often difficult to have effective and timely team lesson planning. Being able to remotely share ideas through bilingual lesson plans on the website will reduce these difficulties and foster greater collaboration. It may also help Japanese-speaking English teachers, especially those at elementary school, develop ideas for non-ALT English lessons; they can browse easily and look over lesson plans in Japanese, and choose activities they can enjoy with their students.

  1. Can KobeJET be used as a local registry, replacing the current system of Excel sheets?
    • Pros
      • Easier and faster to add and update information
      • Easier to access information in a centralized location for GD, ALTs, and school personnel
      • Improved, centralized organization allows for more efficient time management when scheduling and managing events, disseminating information, etc. 
    • Cons
      • Security concerns (see #8).
  2. Can KobeJET be relocated to the Kobe City servers and intranet?
    • Pros
      • Easier to monitor for several security issues (see #8).
      • Easier to update and support.
      • The site and information are currently hosted on an ALT's private server. The ALT will eventually be unaffiliated with JET and or Kobe after his contract is fulfilled. Relocating would ensure that KobeJET's resources are maintained by the appropriate, involved parties moving forward.
    • Cons
      • Server resource space and usage.
  3. Can we export information as csv files? Can we upload to the site via csv files?
    • Pros
      • This functionality is entirely possible, though not yet fully implemented on the site.
    • Cons
      • Additional development time is needed to implement.
  4. Can JET numbers and other private/sensitive information be uploaded to the site if password protected?
    • Security concerns (see #8).
  5. Some functions on KobeJET don't work properly on city computers and/or KIIF systems. For example, some java/ajax-powered features such as editing modals and forms are either stripped by filters or unreliably processed.
    • Pros
      • Full access granted on city/KIIF systems would allow Kobe city employees to use all tools and resources more quickly and reliably.
    • Cons
      • Security concerns (see #8).
  6. Can KobeJET features and information be translated to Japanese to allow Guidance Division and other Japanese-speaking educational personnel to use the site and resources?
    • Yes, many elements of the site have already been translated including the primary menus and a handful of lessons and other content. There is already a small team of proficient Japanese-speaking ALTs dedicating several hours a week of their own time to translating the site, to make it more accessible to other teachers and management personnel.
  7. ALTs need to be notified of access and policy changes regarding third-party online resources including, but not limited to, Youtube, wikipedia, and Englipedia. Unannounced changes can disrupt lessons already in progress and the lack of a definitive, reliable policy makes it difficult to plan future lessons and know which resources can and should be used/shared for education purposes.
  8. Security concerns - placing personally identifiable and other sensitive information online, hosted on a third-party system comes with several additional security risks. The following primary concerns have been assessed as "nominal risk", with attached explanations.
    • PII, or Personally Identifiable Information, and other sensitive information would be more vulnerable online, at risk of being accessed, used and disseminated by unauthorized entities.
      • In order to remove the potential for digital leaks entirely, information must be placed in closed, offline, intranetworks only. The Kobe Board of Education and Guidance Division computer systems and files are currently kept on servers and terminals with access to the internet, and therefore already vulnerable to external breaches. Moving the information to a CMS-controlled space located on the same servers would actually add a layer of security as the CMS itself employs several layers of protection that would be added to any security firewalls, encryption and other measures already in place.
      • The Kobe city operational and, more specifically, educational systems and information are relatively low-value targets. The number of entities that are capable of breaching the standard security protocols used by the city are limited, and the potential risk of an individual, group or organization with the technical expertise to successfully breach Kobe's concerned systems actually choosing those systems to target can be considered minimal.
    • Better connectivity and access for GD, JET, and other educational personnel to information, including sensitive personal, system and organization operational details, would result in increased opportunity for misuse and privacy violations.
      • The largest threats to leaks and breaches of protocol would be authorized individuals unintentionally using or sharing sensitive information. This risk can be minimized by proper training and education of authorized users on concerned systems with regard to their proper use and what constitutes sensitive information and the potential risks involved with handling such information in a network.
  9. KobeJET "To Do" list for July 2017 - these are the features or improvements considered most useful that the Guidance Division, ALTs, and OTEs would like to see.
    • Listening test bank and results
      • An online collection of listening tests allows for a greater range in accents and subject content to use in class.
      • Schools in Kobe have a wide range of speech test recording ability and experience - this would allow schools to share and learn from each other.
      • Online records would allow ALTs to upload their results faster, easier, and more uniformly.
      • Online records allow for easier data review and reporting on the results, such as;
        • Which schools are doing better/worse every year?
        • How schools perform in relation to each other?
        • What questions were asked least/most and the scores they represent - to be reviewed for consistency in testing across ALTs/schools.
        • Questionnaire on the testing process
    • Locations - displayed points of interest on a map would allow for finding program/meeting locations easier, such as;
      • Official locations - BOE, KEC, ward offices, consulates, Gaidai University, locations for welcome tours, etc.
      • Living necessities - supermarkets, clothing/departments stores, school supplies, etc.
    • Calendar - an interactive calendar would make scheduling and tracking events, both organizationally and per individual, much more convenient and reliable.
      • Official events - SDCs, job trainings, spring seminars, English festival, welcome tests and tours, etc.
      • Important deadlines - travel reimbursement forms, my number forms, health checks, program registrations, etc.
      • Personal dates - nenkyu/summer leave requested/taken tracking, sick days, etc.
      • School specific information - KICPs/DSs, opening/closing ceremonies, school events (bunkasai, sports day, etc.), testing dates, etc.
      • Public holidays or other extra-JET important events (embassy open houses, local events, etc.)
    • Account messages and alerts - updated notifications regarding upcoming deadlines, account flags/requests, private messages, etc.
      • Users should be able to easily reference and be made aware of important personal, potentially time-sensitive information, such as;
        • Paperwork needed by the Guidance Division
        • Registration alerts for upcoming events
        • Questions or concerns about personal/business travel
        • Other important messages or information from the Guidance Division
      • As personal emails can be difficult to use at schools on the KIIF system, a private messaging system for official use would allow information to be passed more easily regarding;
        • Upcoming KICP/DS event participation and updates
        • Lesson planning and recommendations
        • Other useful JET-related topics such as contract policies, health center locations and information, filing taxes overseas, etc.
    • Other useful resources such as an online-accessible version of New Crown, available real-time chat for exchanging information, etc.
    • Various user interface and theming improvements.
  10. Documentation and training
    • Kobejet.com is already a fairly involved web project and as such needs better documentation for the following, plus basic training for a projected hand-off in July/August;
      • Basic content management service (CMS) minor version update procedures
      • Host and services monitoring
      • Error tracking and applying patch releases or fixes
      • Frontend user interface management - menus, block regions, users, content and permissions
      • Backend management - database, add-on modules, stylesheets and javascript files
    • Time  should be set aside for working on documentation and training for the various elements of the website.
      • Documentation - estimate ~20 hrs for primary needs write-ups.
      • Training - estimate ~2 weeks, 1-2 hours daily (appx. 10 sessions) would be sufficient for all major aspects.
        • Relatively limited time, but with adequate documentation it should be sufficient for all major website responsibilities.

The Masquerade module has been added, and allows the ability for users with appropriate permissions to sign in as another user. This is useful to see exactly what that user, with their attached roles, permissions, and other settings, sees.

To masquerade as another user, go to the directory, and select "Masquerade as" under the edit options for that user.

To stop masquerading and return to your own account, select "Unmasquerade" under the "My account" settings.

1. Allow ALT(s) to:

  • Create ICP/DS events? Yes, ALTs are responsible for creating their own KICP event pages, adding them to the calendar, and keeping track of registration. We will not review the registration list until the host school's ALT has confirmed the list is complete and notified either CIR via email.
  • See the current registration lists for events? The admin, both CIR(s), and the host school's ALT(s) must absolutely have access to see the registration list. Access is not necessary for other ALTs, such as volunteers or those not participating in the event.
  • See other currently logged in users (could be useful for the chat feature when implemented later) Yes, this might become a useful method of contact in the future.

UPDATE: Natasha Miner has offered to coordinate sections for the move with Camden McAllister - please contact them for details on how you can help!

To migrate lessons from our old wordpress site (Speakraku) to our new drupal site (KobeJET) - you will need:

  • A kobejet login - done!
  • A speakraku login with content editor permissions
    • Contact us for access

Once you can log in to both, you will need to:

  • Copy/Paste text fields
  • Select the appropriate value for fields such as Grammar and Duration
  • If the author is;
    • currently on kobejet, use their username (autoselect)
    • not on kobejet (a JET who has left), fill in the old username field

Lastly, mark "Copied" on the Speakraku to help with not repeating migrations.

 

Timbers Space Kobe JET Dowell Consulting Dowell Media Backseat Bandits You Pick Farms We Love Maira