/*  Base Typography */
/* Colours */
/* Basic Colors */
/* Media breakpoints */
/* mixins
http://seesparkbox.com/foundry/structuring_and_serving_styles_for_older_browsers
*/
/*media query loader*/
/*vertical media query loader*/
/*/ Returns the opposite direction of each direction in a list
/// @author Hugo Giraudel
/// @param {List} $directions - List of initial directions
/// @return {List} - List of opposite directions*/
/* https://css-tricks.com/snippets/sass/css-triangle-mixin/
/// Triangle helper mixin
/// @param {Direction} $direction - Triangle direction, either `top`, `right`, `bottom` or `left`
/// @param {Color} $color [currentcolor] - Triangle color 
/// @param {Length} $size [1em] - Triangle size*/
/* flags -- generated with grunt-spritesmith 
SCSS variables are information about icon's compiled state, stored under its original file name
.icon-home {
  width: $icon-home-width;
}
The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;
*/
/*for @2x flags (half BG size and adjust BG position)*/
/********************************
 * JWD Show Posts Slider :: Admin Side CSS Style
 ********************************/
.jwdsp_loader {
  position: absolute;
  top: .25em;
  right: -1.25em;
  border: 2px solid #F17C72;
  border-top: 2px solid #344960;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  animation: spin .5s linear infinite;
  display: none; }
  .jwdsp_loader.show {
    display: inline-block; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.jwdsp_widget_content {
  display: block;
  position: relative; }

.jwdsp_tabs {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  z-index: 1; }
  .jwdsp_tabs li {
    display: inline-block;
    background-color: #fafafa;
    padding: .5em 4%;
    margin: 0;
    color: #999;
    cursor: pointer;
    transition: all .5s ease-in;
    position: relative;
    border: 1px solid #e9e9e9;
    font-size: 12px;
    font-weight: 600; }
    .jwdsp_tabs li:hover {
      color: #000; }
    .jwdsp_tabs li.active {
      background-color: #fff;
      color: #000;
      border-bottom-color: #fff; }

.jwdsp_tab {
  list-style-type: none;
  margin: -1px 0 1.25em;
  padding: 0; }
  .jwdsp_tab-row, .jwdsp_tab-section {
    position: relative;
    display: block; }
  .jwdsp_tab-row {
    margin: .75em 0; }
  .jwdsp_tab-section {
    margin: 1.125em 0; }
  .jwdsp_tab small {
    font-size: 11px;
    margin: .5em 0;
    position: relative;
    display: block; }
  .jwdsp_tab code {
    font-size: 10px; }
  .jwdsp_tab label {
    position: relative; }
  .jwdsp_tab li {
    display: none;
    padding: 1em;
    position: relative;
    border: 1px solid #e9e9e9; }
    .jwdsp_tab li li {
      padding: 0;
      border: none; }
    .jwdsp_tab li ul {
      display: block;
      position: relative;
      margin: 0 0 1em; }
    .jwdsp_tab li.active {
      display: block; }
    .jwdsp_tab li h4 {
      margin: .75em 0;
      line-height: 1.5; }

.jwdsp_error, .jwdsp_notice, .jwdsp_warning {
  display: block;
  margin: .25em 0;
  position: relative;
  font-size: 0.75em; }

.jwdsp_error {
  color: red; }

.jwdsp_notice {
  color: green; }

.jwdsp_warning {
  color: orange; }

.jwdsp_panel-reset {
  position: absolute;
  bottom: 3em;
  right: 2em; }

.jwdsp_panel-wrap {
  max-width: 1024px;
  margin-top: 25px; }
  .jwdsp_panel-wrap .notice, .jwdsp_panel-wrap .error, .jwdsp_panel-wrap .updated {
    margin: 0.75em 0 !important; }

.jwdsp_panel-header {
  display: block;
  padding: 1em !important;
  color: #fff;
  position: relative;
  border-radius: 4px 4px 0 0;
  font-size: 2em !important;
  font-weight: 300 !important;
  background-color: #000; }
  .jwdsp_panel-header-logo {
    position: absolute;
    right: 1em;
    top: 30%;
    outline: 0;
    transition: all .5s ease-in-out;
    /* &:hover { transform: scale(1.1); } */ }
    .jwdsp_panel-header-logo img {
      position: relative;
      outline: 0;
      max-height: 36px; }
  .jwdsp_panel-header-version {
    position: relative;
    display: block;
    font-size: 40%;
    color: #777;
    font-weight: 600;
    margin-top: .125em;
    line-height: 0.5; }
    .jwdsp_panel-header-version a {
      text-decoration: none;
      position: relative;
      color: #777;
      transition: all .5s ease-in; }
      .jwdsp_panel-header-version a:hover {
        color: #fff; }
  .jwdsp_panel-header .dashicons {
    width: auto;
    margin-right: .75em; }
    .jwdsp_panel-header .dashicons:before {
      font-size: 2em; }

.jwdsp_panel-content {
  padding: 1em 2em;
  background-color: #fff;
  display: block;
  position: relative; }
  .jwdsp_panel-content .form-table {
    margin: 0 !important; }
    .jwdsp_panel-content .form-table th[scope="row"] {
      display: none !important; }
    .jwdsp_panel-content .form-table td {
      padding: 0 !important; }
  .jwdsp_panel-content-option {
    display: block;
    position: relative;
    padding: 1.33em 1em; }
    .jwdsp_panel-content-option h4 {
      margin: 0 !important; }
    .jwdsp_panel-content-option:nth-child(even) {
      background-color: #f9f9f9; }
    .jwdsp_panel-content-option .description {
      font-size: 0.875em; }
  .jwdsp_panel-content-title, .jwdsp_panel-content-box {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 73%; }
  .jwdsp_panel-content-title {
    width: 25%; }

.jwdsp_panel-copyright {
  position: relative;
  max-width: 1024px;
  font-size: 85%;
  color: #999;
  margin: 0;
  font-style: italic;
  margin: .5em 0 0;
  text-align: center; }

.jwdsp_slider-bg {
  border: 1px solid #e9e9e9 !important;
  background: #fafafa !important;
  position: relative;
  height: 0.35em !important;
  border-radius: 2px !important;
  display: block;
  margin: .75em 0 0;
  width: 50%; }

.jwdsp_slider-handle {
  width: auto !important;
  height: auto !important;
  min-width: 1.75em !important;
  min-height: 1em !important;
  padding: 0.25em !important;
  top: 50% !important;
  margin-left: -0.9375em !important;
  margin-top: -0.875em !important;
  text-align: center !important;
  z-index: 99 !important;
  position: absolute !important;
  border-radius: 4px !important;
  color: #fff !important;
  font-size: 13px !important;
  line-height: 1 !important;
  cursor: e-resize !important;
  border: 1px solid #02b5a5 !important;
  background: #02b5a5 !important; }
  .jwdsp_slider-handle.jwdsp_disabled {
    background: #999 !important;
    border-color: #999 !important; }

.jwdsp_slider-input {
  display: none;
  width: 40px; }

.jwdsp_switch-field {
  overflow: hidden; }
  .jwdsp_switch-field input {
    display: none; }
    .jwdsp_switch-field input:checked + label {
      background-color: #02b5a5;
      -webkit-box-shadow: none;
      box-shadow: none;
      color: #fff; }
  .jwdsp_switch-field label {
    float: left;
    display: inline-block;
    vertical-align: top;
    background-color: #fafafa;
    font-size: 0.875em;
    line-height: 0.875;
    text-align: center;
    text-shadow: none;
    padding: .45em .55em .55em;
    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease-in; }
    .jwdsp_switch-field label:hover {
      cursor: pointer;
      background-color: #88adaa;
      color: #fff; }
    .jwdsp_switch-field label:first-of-type {
      border-radius: 4px 0 0 4px; }
    .jwdsp_switch-field label:last-of-type {
      border-radius: 0 4px 4px 0; }
    .jwdsp_switch-field label.jwdsp_checkbox {
      margin-bottom: .5em; }
      .jwdsp_switch-field label.jwdsp_checkbox:first-of-type, .jwdsp_switch-field label.jwdsp_checkbox:last-of-type {
        border-radius: 4px; }
    .jwdsp_switch-field label.jwdsp_checkbox_list {
      margin: 0 .25em .5em 0;
      border-radius: 4px; }
      .jwdsp_switch-field label.jwdsp_checkbox_list.jwdsp_avlpt_post {
        background-color: #88adaa; }
        .jwdsp_switch-field label.jwdsp_checkbox_list.jwdsp_avlpt_post:hover {
          background-color: #88adaa; }

.jwdsp_rating {
  display: block;
  position: relative;
  padding: 1em;
  text-align: center;
  background-color: #243649;
  border-radius: 0 0 4px 4px;
  color: #fff;
  transition: all .35s ease-in; }
  .jwdsp_rating:hover {
    background-color: #364960; }
  .jwdsp_rating a {
    position: relative;
    text-decoration: none;
    outline: none; }
  .jwdsp_rating .dashicons {
    width: 1.5em;
    height: 1em;
    font-size: 1.65em;
    color: #ffb900; }
  .jwdsp_rating-stars {
    display: block;
    position: relative;
    padding: .5em 0; }
  .jwdsp_rating h1, .jwdsp_rating h2, .jwdsp_rating h3, .jwdsp_rating h4 {
    color: #fff;
    margin: .5em 0;
    padding: 0; }
  .jwdsp_rating h4 {
    font-weight: normal; }
  .jwdsp_rating.widget {
    border-radius: 0;
    margin-bottom: 1.25em; }

/* END Admin CSS */