.#{$project-base-wrapper} {
    word-wrap: break-word;
}

// Helpers
.sek-text-right { text-align: right !important; }
.sek-text-left { text-align: left !important; }

// LIST FORMATTING
// Conservative
.#{$project-prefix}module .#{$project-prefix}module-inner {
    ul {
      list-style: disc;
    }
    ol {
      list-style: decimal;
      & > li {
        &::before {
          content: none;
        }
      }
    }
    ul, ol {
      padding: 0;
      line-height: 1.5;
      @if ( true == $is_rtl ) {
          margin: 0 1.5rem 3rem 0;
      }
      @else {
          margin: 0 0 1.5rem 3rem;
      }
      & > li {
        padding: .15rem .25rem;
      }
    }
    li > ul, li > ol {
        margin-bottom: 0;
    }
}


// VARIOUS
// mostly inspired from Customizr
.sek-module-inner {
  // January 15th 2020 => dl dt and dd styling has been commented following https://github.com/presscustomizr/nimble-builder/issues/579
  // dl {
  //   dt {
  //     overflow: hidden;
  //     clear: left;
  //     text-align: left;
  //     text-overflow: ellipsis;
  //     white-space: nowrap;
  //     padding: 1.25em 1.25em .625em 1.25em;
  //     position: relative;
  //     &::before {
  //       content: "";
  //       position: absolute;
  //       width: $base-line-height;
  //       height: 2px;
  //       bottom: calc(#{$base-line-height} - 6px);
  //       left: 0;
  //       background: $black;
  //     }
  //   }
  //   .wp-caption-dt::before { content: none }
  //   dd { padding-left: $base-line-height; }
  // }

  pre code, tt {
    @include box-sizing(border-box);
    font-size: inherit;
    white-space: pre-wrap !important;
    background: transparent;
    border: none;
    padding: 0;
    font-family: $monotypeFont;
  }
  pre {
    background: $grey-lightest;
    padding: $base-line-height*2;
    word-wrap: normal;
    white-space: pre-wrap !important;
    color: $black;
    font-family: $monotypeFont !important;
  }

  figure { text-align: center; }
  figcaption { text-align:center; }
  cite {
    color:$black;
    font-weight: 300;
    font-style: normal;
    position: relative;
    display: inline-block;
  }
  // inspired from twentytwenty
  caption, code, code, kbd, samp, .wp-block-table.is-style-stripes tbody tr:nth-child(odd), :root .has-subtle-background-background-color {
    background-color: #dbdbdb;
  }
  sub {
    bottom: -0.25em;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  blockquote {
    // This style is consistent with the quote module one
    @if ( true == $is_rtl ) {
      border-right: 5px solid rgba(0,0,0,.1);
    }
    @else {
      border-left: 5px solid rgba(0,0,0,.1);
    }
    background: none;
    font-size: 1.2em;
    font-style: inherit;
    margin-right: 0;
    margin-left: 0;
    padding: 15px;
  }
}//.sek-module-inner




// INSPIRED FROM CUSTOMIZR THEME
// implemented in nov 2019 for https://github.com/presscustomizr/nimble-builder/issues/525
%table-base {
  width: 100%;
  border-collapse: collapse;
  @include media-breakpoint-down(sm) {
    table-layout: fixed;
  }
  /*&:not([id^=wp-calendar]) {
    border: 2px solid $grey-lightest;
    th { @extend .caps; @extend  .letter-spacing-2; font-family: $serviceFont; }
    th, td { @extend .demi-small; padding: $base-line-height; border: 1px solid $grey-lightest; }
    td { color: $grey-dark; }
  }*/
}
%table-style {
    border: 2px solid $grey-light;
    th { text-transform: uppercase; letter-spacing: 2px; font-family: $serviceFont; }
    th, td { font-size: 0.95em;; padding: $base-line-height; border: 1px solid $grey-light; }
    td { color: $grey-dark; }
}

.sek-module-inner table {
  @extend %table-base;
  &:not([id^=wp-calendar]):not(.ui-datepicker-calendar):not(.tribe-mini-calendar) {
    @extend %table-style;
  }
}

// STYLE OF SEARCH FORM ADDED WITH {{the_search_form}}
.sek-search-form {
  float: none;
  .sek-search-form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    // -webkit-box-pack: center;
    // -ms-flex-pack: center;
    //     justify-content: center;
    label {
      position: relative;
      margin-right: 5px;
      input[type=search] {
        max-width: 100%;
        margin: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-border-radius: 0;
        border-radius: 0;
        background: #fff;
        border: 2px solid #ddd;
        color: #777;
        display: block;
        max-width: 100%;
        padding: 7px 8px;
        padding-left: 5px;
        line-height: 1.5em;
        width: 100%;
      }
    }
    [type=submit] {
      line-height: 15px;
      margin: 0;
      background: #808080 !important;
      color: #fff;
      font-size: 16px;
      padding: 10px 10px;
      font-weight: normal;
      display: inline-block;
      border: none;
      cursor: pointer;
      border-radius: 3px;
    }
  }
}



// customizr like
// .#{$project-prefix}module .#{$project-prefix}module-inner {
//     ul, ol {
//       margin: 0;
//       padding:0;
//       list-style: none;
//       li {
//         line-height: 1.5;
//       }
//     }

//     //formatting
//     //http://www.456bereastreet.com/archive/201105/styling_ordered_list_numbers/
//     //https://css-tricks.com/almanac/properties/l/list-style/
//     //https://en.oxforddictionaries.com/punctuation/bullet-points
//     ol {
//       counter-reset: item;
//       > li {
//         position: relative;
//         padding: 0.25rem 0.5rem;
//       }
//       > li::before {
//         content: counters(item, ".") ".";
//         counter-increment: item;
//         word-wrap: normal;
//         word-break: normal;
//         position: absolute;
//         width: 1em;
//       }
//       @if ( true == $is_rtl ) {
//         > li::before {
//           margin-left: 0.5em;
//           right: -1em;
//           padding-left: .5em;
//         }
//         > li li::before {
//             right: -1.8em;
//         }
//         > li li li::before {
//             right: -2.5em;
//         }
//       }
//       @else {
//         > li::before {
//           margin-right: 0.5em;
//           left: -1em;
//           padding-right: .5em;
//         }
//         > li li::before {
//             left: -1.8em;
//         }
//         > li li li::before {
//             left: -2.5em;
//         }
//       }
//     }
//     ul {
//         list-style: square outside;
//         > li {
//           padding: 0.25rem 0.5rem;
//         }
//     }

//     ol, ul {
//         @if ( true == $is_rtl ) {
//           padding: 0.5rem 1.5rem 1rem 0;
//           @include media-breakpoint-down(xs) {
//             padding: 0.5rem 1rem 1rem 0;
//           }
//         }
//         @else {
//           padding: 0.5rem 0 1rem 1.5rem;
//           //(max-width: 576px)
//           @include media-breakpoint-down(xs) {
//             padding: 0.5rem 0 1rem 1rem;
//           }
//         }
//     }

//     ol, ul {
//       ol, ul {
//         margin-bottom: 0;
//         padding-bottom: 0;
//         @if ( true == $is_rtl ) {
//           margin-right: 1em;
//           @include media-breakpoint-down(xs) {
//             margin-right: 0;
//           }
//         }
//         @else {
//           margin-left: 1em;
//           @include media-breakpoint-down(xs) {
//             margin-left: 0;
//           }
//         }
//       }
//     }
// }