/* variables */
/*  Base Typography */
/* Colours */
/* Basic Colors */
/* Media breakpoints */
/* mixins */
/* 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)*/
/* pages */
/********************************
 * JWD Show Posts Slider :: Client Side CSS Style
 ********************************/
.jwdsp_widget-list {
  margin: 0 !important;
  padding: 0 !important;
  list-style-type: none !important; }
  .jwdsp_widget-list-item {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important; }
  .jwdsp_widget-list-image, .jwdsp_widget-list-thumb, .jwdsp_widget-list-title, .jwdsp_widget-list-excerpt, .jwdsp_widget-list-meta {
    display: block;
    position: relative; }
  .jwdsp_widget-list-thumb {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height: 220px;
    overflow: hidden;
    transition: all .5s ease-in-out;
    text-decoration: none !important; }
    .jwdsp_widget-list-thumb:hover {
      -ms-transform: scale(1.1);
          transform: scale(1.1); }
  .jwdsp_widget-list-image {
    overflow: hidden; }
  .jwdsp_widget-list-title {
    overflow: hidden;
    margin: .75em 0 .45em;
    line-height: 1.3; }
    .jwdsp_widget-list-title.jwdsp_title_over {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      padding: 3% 4%;
      margin: 0;
      line-height: 0.5; }
      .jwdsp_widget-list-title.jwdsp_title_over a {
        text-decoration: none;
        line-height: 1; }
  .jwdsp_widget-list-excerpt {
    text-align: justify;
    overflow: hidden;
    margin: .5em 0; }
  .jwdsp_widget-list-meta {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin: .5em .75em .5em 0; }

.jwdsp_widget-btn {
  display: block;
  position: relative;
  margin: .825em 0; }

.jwdsp_widget-credit {
  display: block;
  position: relative;
  text-align: center;
  font-size: 66%; }

.jwdsp_widget-button {
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 0;
  text-decoration: none !important;
  line-height: 1 !important;
  text-align: center; }
  .jwdsp_widget-button.jwdsp_btn_auto {
    display: inline-block; }

.jwdsp_widget .swiper-pagination-bullets {
  position: relative !important;
  bottom: 0 !important;
  margin: 0.5em auto !important; }

.jwdsp_widget .swiper-button-prev, .jwdsp_widget .swiper-button-next {
  top: 86px !important;
  height: auto !important;
  margin-top: 0 !important;
  background-image: none !important;
  font-size: 3em;
  line-height: 1;
  /* 					&:before{
						margin:0; padding:0;
						width:auto; line-height:normal;
					} */ }
  .jwdsp_widget .swiper-button-prev:before, .jwdsp_widget .swiper-button-next:before {
    display: none; }

.jwdsp_icon-calendar:before {
  content: '\e800'; }

.jwdsp_icon-comment:before {
  content: '\e801'; }

.jwdsp_icon-categories:before {
  content: '\e802'; }

.jwdsp_icon-tags:before {
  content: '\e803'; }

.jwdsp_icon-prev:before {
  content: '\e804'; }

.jwdsp_icon-next:before {
  content: '\e805'; }

/* END Front CSS */
/* Import Fontello */
@font-face {
  font-family: 'jwdsp_fontello';
  src: url("../font/fontello.eot?2950872");
  src: url("../font/fontello.eot?2950872#iefix") format("embedded-opentype"), url("../font/fontello.woff2?2950872") format("woff2"), url("../font/fontello.woff?2950872") format("woff"), url("../font/fontello.ttf?2950872") format("truetype"), url("../font/fontello.svg?2950872#fontello") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
[class^="jwdsp_icon-"]:before, [class*=" jwdsp_icon-"]:before {
  font-family: "jwdsp_fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin: 0 .5em 0 0;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }