/* Welcome Page */

.xt-notice{
  display:inline-block!important;
  margin-top: 20px;
}

.menu-top[class*=toplevel_page_xt-] {
  font-size: 13px !important;
}

.xt-welcome-page {

  #wpbody-content{

    min-height: 600px;

    .about-wrap{
      max-width: 1800px;
    }

    .xt-welcome-header {
      position: relative;
    }

    .xt-version {
      position: absolute;
      right: 0;
      top: 35px;
      font-size: 20px;
      background: #9b5c8f;
      color: #fff;
      padding: 10px 20px;
      border-radius: 3px;
      text-align: center;

      em{
        display:block;
        font-size:9px;
        margin-top:5px;
        line-height:1;
      }

      @media screen and (max-width: 782px) {

        &{
          font-size:14px;
          padding:5px 10px;
        }
      }
    }

    .xt-logo{
      margin: 15px 0 30px;
      max-width: 200px;
      border:0;

      @media screen and (max-width: 782px) {

        &{
          width:250px;
        }
      }
    }

    .nav-tab-wrapper{
      border-bottom:0;

      @media screen and (max-width: 782px) {

        &{
          margin-top:20px;
        }
      }
    }

    .nav-tab {
      padding: 8px 15px;
      border:0;
      box-shadow: none!important;

      @media screen and (max-width: 782px) {

        &{
          width:100%;
          box-sizing:border-box;
          margin:0 0 2px;
        }
      }
    }

    .nav-tab-active,
    .nav-tab-active:hover,
    .nav-tab-active:focus,
    .nav-tab-active:focus:active,
    .nav-tab-featured:hover{
      border-bottom: 0;
      background: #fdfdfd;
      color: #000;
    }

    .nav-tab-featured{
      background: #333;
      color: greenyellow;
    }

    .xt-refresh-link {
      float: right;
      text-decoration: none;
      font-size: 16px;
      position: relative;
      z-index: 10;
      .dashicons{
        font-size: 18px;
        width:18px;
        height:18px;
      }
    }

    .xt-welcome-section,
    .fs-section #poststuff{
      box-shadow: 0 0px 10px 0 rgba(24, 24, 24, 0.07);
      background: #fdfdfd;
      padding:30px 25px;
      overflow: hidden;
      h3{
        position:relative;
        top:-5px;
        margin: 0 0 .6em;
      }
      h4{
        margin-top:0;
      }
    }

    .xt-links-section{

      overflow: hidden;

      a{
        display: block;
        margin:0 0 20px;
        outline: none;
        float:left;
        clear:both;
        box-shadow:none;
      }
      a:hover,
      a:focus {
        outline: none;
        box-shadow:none;
      }
    }

    .xt-fullversion-section{
      padding-top:15px;
      p{
        font-size:18px;
      }
      ul{
        list-style: square;
        padding-left:20px;
      }
      .button{
        margin-top: 10px;
        font-size: 15px;
        font-weight: 700;
      }
    }
  }

  &.rtl #wpbody-content .xt-version {
    left:0;
    right:inherit;
  }
}

/* Changelog */
.xt-changelog{

  h4{
    margin-top:0;
    margin-bottom:10px;
  }
  ul {
    padding:0px;
    border: 1px solid #eee;
    border-radius: 3px;
    background: #fff;
    overflow: hidden;
    margin: 0 0 30px 0;

    li {
      margin: 0!important;
      display:block;
      padding: 8px 10px;
      box-sizing: border-box;
      position: relative;
      overflow: hidden;

      strong{
        background:#ffffcc;
        color:#000;
        padding:1px 5px;
        border-radius:3px;
      }


      &:nth-child(even){
        background: #f9f9f9;
      }

      .update-type{
        padding:1px 8px;
        display: block;
        border-radius: 3px;
        text-align: center;
        width: 70px;
        float: left;
        box-sizing: border-box;
        font-size:12px;
        line-height: 24px;
        color: #181818;
      }
      .update-txt{
        display: block;
        padding-left: 85px;
        box-sizing: border-box;
        color: #181818;
        line-height: 26px;
        font-size: 14px;

        a {
          color: #000;
          text-decoration: none;
          cursor: pointer;
        }
      }

      span.initial,
      span.Initial{
        background: rgb(228, 228, 169);
      }
      span.fix,
      span.Fix{
        background: rgb(244, 197, 197);
      }
      span.new,
      span.New{
        background: rgb(175, 231, 175);
      }
      span.enhance,
      span.Enhance{
        background: rgb(190, 212, 242);
      }
      span.update,
      span.Update{
        background: rgba(26, 224, 181, 0.3);
      }
      span.support,
      span.Support{
        background: rgba(203, 160, 255, 0.38);
      }
      span.extension,
      span.Extension{
        background: rgba(255, 152, 0, 0.50);
      }
    }
  }
}

