#single {
  background-image: linear-gradient(10deg, #13207E 0%, #000000 100%);
  color: #FFF; }
  #single #header {
    background: rgba(0, 0, 0, 0.75); }
  #single .inner {
    padding-top: 10em;
    padding-bottom: 10em; }
    #single .inner .breadCrumb {
      font-size: 90%; }
      #single .inner .breadCrumb ul li {
        display: inline-block;
        margin-right: 1em; }
        #single .inner .breadCrumb ul li::after {
          content: '/';
          margin-left: 1em; }
        #single .inner .breadCrumb ul li:last-child {
          margin-right: 0; }
          #single .inner .breadCrumb ul li:last-child::after {
            display: none; }
        #single .inner .breadCrumb ul li a {
          color: #FFF; }
    #single .inner .titleBox {
      border-bottom: 1px solid #FFF;
      margin: 4em 3.5vw 0;
      padding-bottom: 2em; }
      #single .inner .titleBox h2 {
        font-size: 200%;
        margin-bottom: 0.5em;
        line-height: 1.6em; }
      #single .inner .titleBox ul {
        display: flex;
        align-items: center; }
        #single .inner .titleBox ul li {
          font-size: 90%; }
          #single .inner .titleBox ul li a {
            color: #FFF; }
          #single .inner .titleBox ul li.date {
            margin-right: 2em; }
          #single .inner .titleBox ul li.category {
            background: #fff;
            border-radius: 100vh;
            color: #000;
            padding: 0 1.5em; }
            #single .inner .titleBox ul li.category a {
              color: #000; }
    #single .inner .contentWrap {
      margin-top: 4em; }
      #single .inner .contentWrap .contentInner {
        padding: 0 3.5vw; }
        #single .inner .contentWrap .contentInner h1, #single .inner .contentWrap .contentInner h2, #single .inner .contentWrap .contentInner h3, #single .inner .contentWrap .contentInner h4, #single .inner .contentWrap .contentInner h5, #single .inner .contentWrap .contentInner h6 {
          display: block;
          font-weight: 600;
          margin-top: 1em;
          margin-bottom: 1em; }
        #single .inner .contentWrap .contentInner h1 {
          font-size: 200%; }
        #single .inner .contentWrap .contentInner h2 {
          font-size: 150%; }
        #single .inner .contentWrap .contentInner h3 {
          font-size: 120%; }
        #single .inner .contentWrap .contentInner h4 {
          font-size: 108%; }
        #single .inner .contentWrap .contentInner a {
          text-decoration: underline; }
        #single .inner .contentWrap .contentInner a {
          color: #FFF;
          position: relative;
          text-decoration: none; }
          #single .inner .contentWrap .contentInner a::after {
            background: #FFF;
            content: '';
            width: 100%;
            height: 1px;
            position: absolute;
            left: 50%;
            bottom: -0.15em;
            transform: translateX(-50%); }
        #single .inner .contentWrap .contentInner p {
          margin-bottom: 2em; }
        #single .inner .contentWrap .contentInner blockquote {
          background: #FFF;
          color: #000;
          margin-bottom: 1em;
          padding: 1.5em; }
          #single .inner .contentWrap .contentInner blockquote p:last-child {
            margin-bottom: 0; }
        #single .inner .contentWrap .contentInner hr {
          display: block;
          height: 2em; }
        #single .inner .contentWrap .contentInner table {
          margin-bottom: 1em; }
        #single .inner .contentWrap .contentInner dl {
          margin-bottom: 1em; }
        #single .inner .contentWrap .contentInner ul, #single .inner .contentWrap .contentInner ol {
          margin-bottom: 1em; }
        #single .inner .contentWrap .contentInner ul li ul {
          margin-bottom: 0;
          padding-left: 1.5em; }
        #single .inner .contentWrap .contentInner ol {
          counter-reset: listnum; }
          #single .inner .contentWrap .contentInner ol li::before {
            counter-increment: listnum;
            content: counter(listnum) ".";
            margin-right: 0.25em; }
          #single .inner .contentWrap .contentInner ol li ol {
            margin-bottom: 0;
            padding-left: 1.5em; }
        #single .inner .contentWrap .contentInner pre {
          background: #FFF;
          color: #000;
          margin-bottom: 1em;
          padding: 1.5em;
          line-height: 1em;
          overflow-x: scroll; }
        #single .inner .contentWrap .contentInner .aligncenter {
          margin-left: auto;
          margin-right: auto; }
        #single .inner .contentWrap .contentInner .alignleft {
          float: left;
          margin-right: 1em; }
        #single .inner .contentWrap .contentInner .alignright {
          float: right;
          margin-left: 1em; }
        #single .inner .contentWrap .contentInner .alignleft,
        #single .inner .contentWrap .contentInner .alignright {
          margin-bottom: 0; }
        #single .inner .contentWrap .contentInner .wp-caption {
          max-width: 100%; }
        #single .inner .contentWrap .contentInner .wp-caption-text {
          line-height: 1.5em;
          margin-top: 0.5em; }
    #single .inner .navigation {
      margin-top: 6em;
      position: relative;
      text-align: center; }
      #single .inner .navigation a {
        color: #FFF; }
      #single .inner .navigation .newsAll a {
        background: #FFF;
        border-radius: 100vh;
        color: #3E1485;
        display: block;
        font-weight: 600;
        margin: 0 auto;
        padding: 1em;
        width: 10em; }
      #single .inner .navigation .prev a,
      #single .inner .navigation .next a {
        border: 2px solid #FFF;
        border-radius: 100vh;
        display: block;
        position: relative;
        width: 6em;
        height: 6em; }
        #single .inner .navigation .prev a .arrow,
        #single .inner .navigation .next a .arrow {
          background-color: #FFF;
          border-radius: 100vh;
          display: inline-block;
          margin: 1em 0;
          position: absolute;
          top: 30%;
          left: 50%;
          width: 1.5em;
          height: 3px;
          transform: translateX(-50%); }
          #single .inner .navigation .prev a .arrow::before, #single .inner .navigation .prev a .arrow::after,
          #single .inner .navigation .next a .arrow::before,
          #single .inner .navigation .next a .arrow::after {
            content: "";
            position: absolute;
            top: calc(50% - 1.5px);
            width: 1em;
            height: 3px;
            border-radius: 100vh;
            background-color: #FFF; }
      #single .inner .navigation .prev {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%); }
        #single .inner .navigation .prev a .arrow::before, #single .inner .navigation .prev a .arrow::after {
          right: 0;
          transform-origin: calc(100% - 1.5px) 50%; }
        #single .inner .navigation .prev a .arrow::before {
          transform: rotate(45deg); }
        #single .inner .navigation .prev a .arrow::after {
          transform: rotate(-45deg); }
      #single .inner .navigation .next {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%); }
        #single .inner .navigation .next a .arrow::before, #single .inner .navigation .next a .arrow::after {
          left: 0;
          transform-origin: 1.5px 50%; }
        #single .inner .navigation .next a .arrow::before {
          transform: rotate(45deg); }
        #single .inner .navigation .next a .arrow::after {
          transform: rotate(-45deg); }