.jux-mashup {
  position: relative;
  width: 100%;
}
.jux-mashup .jux-controls {
  position: relative;
  overflow: hidden;
  padding: 5px;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
}
.jux-mashup .jux-controls .jux-style-grid-list {
  float: left;
  margin-right: 4px;
}
.jux-mashup .jux-controls .jux-style-grid-list .jux-icon {
  padding-right: 8px;
}
.jux-mashup .jux-controls .jux-filters .jux-filters-group {
  float: left;
  margin-right: 10px;
}
.jux-mashup .jux-controls .jux-filters .jux-filters-group .jux-filters-title {
  margin: 5px 0px;
}
.jux-mashup .jux-controls .jux-filters .jux-filters-group.checkbox input {
  transform: translateY(1px);
}
.jux-mashup .jux-controls .jux-filters .jux-filters-group.checkbox label {
  color: #777;
  font-size: 14px;
  margin-left: 4px;
  margin-right: 13px;
  line-height: 32px;
}
.jux-mashup .jux-controls .jux-sorts {
  display: block;
  position: relative;
  margin-top: 10px;
  overflow: hidden;
}
.jux-mashup .jux-controls .jux-sorts .jux-sorts-group {
  float: left;
}
.jux-mashup .jux-controls .jux-sorts .jux-sort {
  float: left;
}
.jux-mashup .jux-controls .jux-sorts .jux-icon {
  padding-right: 8px;
}
.jux-mashup .jux-controls .jux-filters-list {
  display: block;
  position: relative;
  float: left;
}
.jux-mashup .jux-controls .jux-filters-list .jux-filters-group {
  float: left;
  margin-right: 0px;
}
.jux-mashup .jux-controls .jux-filters-list .jux-reset,
.jux-mashup .jux-controls .jux-sorts-list .jux-changelayout {
  padding: 5px 14px;
  margin: 0px;
}
.jux-mashup .jux-controls .jux-sorts-list {
  display: block;
  position: relative;
  padding-left: 20px;
  overflow: hidden;
}
.jux-mashup .jux-controls .jux-label {
  float: left;
  font-weight: 300;
  margin: 0 0.4em 0 0;
}
.jux-mashup .jux-controls button {
  border-color: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 4px 10px;
  margin-bottom: 4px;
  background: #fff;
  color: #777;
  overflow: hidden;
  font-size: 14px;
  webkit-transition: border-color 0.3s, color 0.3s;
  transition: border-color 0.3s, color 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  box-sizing: content-box;
}
.jux-mashup .jux-container.grid .mix .jux-item .jux-image .jux-image-datetime {
  padding: 10px 15px 10px 15px;
  color: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.jux-mashup .jux-controls button:hover,
.jux-mashup .jux-controls button:focus,
.jux-mashup .jux-controls button.jux-reset:hover,
.jux-mashup .jux-controls button.jux-reset:focus {
  background: #08A0EC;
  color: #fff;
  border-color: #0088cc;
  outline: none;
  transition: all 0.25s ease-in-out;
}
.jux-mashup .jux-controls i {
  margin-right: 4px;
}
.jux-mashup .jux-controls button.jux-reset {
  background-color: #E2E2E2;
}
.jux-mashup .jux-controls button.active {
  background: #0088cc;
  color: #fff;
  border-color: #0088cc;
}
.jux-mashup .jux-container {
  width: 100%;
  text-align: left;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  display: flex;
  flex-wrap: wrap;
}
.jux-mashup .jux-container.list .jux-image-info {
  display: none;
}
.jux-mashup .jux-container.list .text-overlay .jux-hover-image,
.jux-mashup .jux-container.list .text-overlay .jux-info {
  display: block;
}
.jux-mashup .jux-container .text-below .jux-image-info {
  display: none;
}
.jux-mashup .jux-container .text-below .jux-image-datetime {
  display: none;
}
.jux-mashup .jux-container .text-overlay .jux-hover-image,
.jux-mashup .jux-container .text-overlay .jux-info {
  display: none;
}
.jux-mashup .jux-container .text-overlay .jux-image img {
  min-height: 200px;
  object-fit: cover;
}
.jux-mashup .jux-container .text-overlay .jux-image:hover .jux-image-datetime {
  transform: translateX(-50%) scale(1);
  -webkit-transform: translateX(-50%) scale(1);
}
.jux-mashup .jux-container .text-overlay .jux-image-info {
  position: absolute;
  bottom: 0px;
  width: 100%;
  padding: 12px 14px;
}
.jux-mashup .jux-container .text-overlay .jux-image-info .jux-image-post {
  z-index: 2;
  position: relative;
  display: block;
}
.jux-mashup .jux-container .text-overlay .jux-image-info:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0.5) 100%);
  top: 0;
  bottom: 0;
  left: 0;
}
.jux-mashup .jux-container .text-overlay .jux-image-info .jux-title {
  color: #fff;
}
.jux-mashup .jux-container .text-overlay .jux-image-info i {
  color: #fff;
}
.jux-mashup .jux-container .text-overlay .jux-image-info .jux-au-ca p {
  color: #fff;
  margin: 0;
}
.jux-mashup .jux-container .text-overlay .jux-image-datetime {
  position: absolute;
  bottom: 53%;
  width: 60px;
  height: 60px;
  left: 50%;
  text-align: center;
  transform: translateX(-50%) scale(0);
  transition: all 0.4s ease-in-out;
}
.jux-mashup .jux-container .text-overlay .jux-image-datetime .jux-image-day {
  font-size: 24px;
  margin: 0;
  line-height: 1;
}
.jux-mashup .jux-container .text-overlay .jux-image-datetime .jux-image-month {
  font-size: 14px;
  line-height: 1;
  margin: 0;
  text-transform: uppercase;
}
.jux-mashup .jux-container a {
  color: inherit;
  text-decoration: none;
}
.jux-mashup .jux-container .jux-mix {
  display: flex;
  flex-direction: column;
}
.jux-mashup .jux-container .jux-item .jux-info {
  padding: 15px 20px 20px;
}
.jux-mashup .jux-container .jux-item .jux-title {
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
  transition: all 300ms ease-in-out;
}
.jux-mashup .jux-container .jux-item .jux-title:hover {
  color: #4C4A7D;
}
.jux-mashup .jux-container .jux-item .jux-introtext {
  font-size: 14px;
}
.jux-mashup .jux-container .jux-item .jux-readmore {
  font-size: 14px;
  transition: all 300ms ease-in-out;
}
.jux-mashup .jux-container .jux-item .jux-readmore:hover {
  color: #4C4A7D;
}
.jux-mashup .jux-container .jux-item .jux-tags {
  display: block;
  position: relative;
  padding: 0;
  margin: 0;
  margin-top: 15px;
  margin-bottom: 10px;
}
.jux-mashup .jux-container .jux-item .jux-tags .jux-get-tags {
  list-style: none;
  font-size: 13px;
  display: inline-block;
  position: relative;
}
.jux-mashup .jux-container .jux-item .jux-tags .jux-get-tags a {
  color: inherit;
}
.jux-mashup .jux-container:after {
  content: '';
  display: inline-block;
  width: 100%;
}
.jux-mashup .jux-container .mix {
  float: left;
  overflow: hidden;
  text-align: left;
  vertical-align: top;
  display: none;
  box-sizing: border-box;
  color: #777;
}
.jux-mashup .jux-container .mix .jux-item .jux-image {
  width: 100%;
  position: relative;
}
.jux-mashup .jux-container .mix .jux-item .jux-image img {
  width: 100%;
}
.jux-mashup .jux-container .mix .jux-item .jux-image .jux-image-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}
.jux-mashup .jux-container .mix .jux-item .jux-image .jux-hover-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  -webkit-transform: translate(-50%, -50%) scale(0);
  -moz-transform: translate(-50%, -50%) scale(0);
  -o-transform: translate(-50%, -50%) scale(0);
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  border: 1px solid rgba(255, 255, 255, 0.5);
  text-align: center;
}
.jux-mashup .jux-container .mix .jux-item .jux-image .jux-hover-image a.jux-hover-icon {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.7);
  margin: 0px;
  padding: 0px;
}
.jux-mashup .jux-container .mix .jux-item .jux-image .jux-hover-image a.jux-hover-icon i {
  color: #fff;
  font-size: 20px;
  padding: 15px;
}
.jux-mashup .jux-container .mix .jux-item .jux-image:hover .jux-hover-image {
  transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -o-transform: translate(-50%, -50%) scale(1);
}
.jux-mashup .jux-loadmore {
  margin: 40px auto 20px;
  width: 100%;
  text-align: center;
}
.jux-mashup .jux-loadmore #ShowMore {
  font-weight: bold;
  width: 100%;
  padding: 10px 30px;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  background-color: #08c;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
.jux-mashup .jux-loadmore #ShowMore:hover {
  box-shadow: 1px 1px 2px 1px #D6D6D6;
  -webkit-box-shadow: 1px 1px 2px 1px #D6D6D6;
  -moz-box-shadow: 1px 1px 2px 1px #D6D6D6;
  -o-box-shadow: 1px 1px 2px 1px #D6D6D6;
  background-color: #fffdfd;
  color: #028DB5;
}
@media screen and (max-width: 680px) {
  .jux-mashup .jux-container .mix {
    width: 100% !important;
  }
  .jux-mashup .jux-container.list .mix .jux-item .jux-image,
  .jux-mashup .jux-container.list .mix .jux-item .jux-info {
    width: 100% !important;
  }
  .jux-mashup .jux-container.list .mix .jux-item .jux-info {
    padding: 10px 0px 10px 0px !important;
  }
}
@media screen and (min-width: 480px) and (max-width: 768px) {
  .jux-mashup .jux-container.grid .mix .jux-item .jux-info .jux-au-ca div {
    width: 33.33% !important;
  }
}
@media screen and (min-width: 680px) and (max-width: 768px) {
  .jux-mashup .jux-container .mix {
    width: 50% !important;
  }
}
.jux-mashup .jux-container .gap {
  display: inline-block;
  width: 24%;
  overflow: hidden;
}
/*----------------------------General------------------------------*/
.jux-mashup .jux-container.list .mix:before {
  padding-top: 40px;
}
.jux-mashup .jux-container .mix .jux-item .jux-au-ca {
  margin-top: 10px;
  font-style: italic;
  position: relative;
  display: block;
  margin-bottom: 5px;
}
.jux-mashup .jux-container .mix .jux-item .jux-au-ca div {
  font-size: 12px;
  opacity: 0.8;
  line-height: 1;
}
.jux-mashup .jux-container .mix .jux-item .jux-au-ca div i {
  float: left;
  margin-right: 5px;
}
/*----------------------------------------------List style--------------------------------------------------*/
.jux-mashup .jux-container.list .mix {
  width: 100% !important;
  margin-top: 20px;
  position: relative;
}
.jux-mashup .jux-container.list .mix .jux-item {
  display: flex;
  position: relative;
  width: 100%;
}
.jux-mashup .jux-container.list .mix .jux-item .jux-image {
  width: 40%;
  float: left;
}
.jux-mashup .jux-container.list .mix .jux-item .jux-image .jux-image-datetime {
  display: none;
}
.jux-mashup .jux-container.list .mix .jux-item .jux-info {
  float: left;
  width: 60%;
  padding: 15px 20px;
  line-height: 20px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
}
.jux-mashup .jux-container.list .mix .jux-item .jux-info .jux-au-ca div {
  width: auto;
  float: left;
  display: inline-flex;
  margin-right: 10px;
}
.jux-mashup .jux-container .mix .jux-item .jux-image:hover .jux-image-overlay {
  background-color: #000;
  opacity: 0.7;
}
.nivo-lightbox-theme-default .nivo-lightbox-image img {
  width: 100%;
}
.nivo-lightbox-theme-default .nivo-lightbox-nav:hover {
  background-color: rgba(0, 0, 0, 0) !important;
}