//@import "tfl-lib";
//
///* --------------- Reset styles --------- */
//
//.panel-grid .widget {
//  overflow: initial;
//}
//
//.tfl-clear {
//  clear: both;
//}
//
//.tfl-center {
//  text-align: center;
//}
//
//.tfl-container, .tfl-uber-grid-container, .tfl-grid-container {
//  box-sizing: border-box;
//
//  *, *::after, *::before {
//    box-sizing: inherit;
//  }
//
//  ol, ul, ol > li, ul > li, ol:hover, ul:hover, ul > li:hover, ol > li:hover, ol > li > a, ul > li > a, ol > li > a:hover, ul > li > a:hover, img {
//    padding: 0;
//    margin: 0;
//    border: none;
//    box-shadow: none;
//    list-style: none;
//    background: none;
//
//    &:before, &:after {
//      display: none;
//    }
//  }
//
//  a {
//    text-decoration: initial;
//  }
//
//  img {
//    max-width: 100%;
//    width: auto;
//    height: auto;
//  }
//}
//
///* ------- General styles ------------ */
//
//.tfl-container {
//  @include tfl-container;
//  margin-left: auto;
//  margin-right: auto;
//}
//
//.panel-grid .widget {
//  border: 0;
//}
//
//.tfl-center {
//  text-align: center;
//}
//
///* ---------------- Uber Grid Styles ---------------------- */
//
//.tfl-uber-grid-container {
//  display: grid;
//  grid-column-gap: 30px;
//  grid-row-gap: 35px;
//
//  &.tfl-grid-auto-column-layout {
//    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
//  }
//
//  &.tfl-grid-mobile-1 {
//    grid-template-columns: repeat(1, 1fr);
//  }
//
//  &.tfl-grid-mobile-2 {
//    grid-template-columns: repeat(2, 1fr);
//  }
//
//  &.tfl-grid-mobile-3 {
//    grid-template-columns: repeat(3, 1fr);
//  }
//
//  &.tfl-grid-mobile-4 {
//    grid-template-columns: repeat(4, 1fr);
//  }
//
//  &.tfl-grid-mobile-5 {
//    grid-template-columns: repeat(5, 1fr);
//  }
//
//  &.tfl-grid-mobile-6 {
//    grid-template-columns: repeat(6, 1fr);
//  }
//
//  @media only screen and (min-width: 767px) {
//    &.tfl-grid-tablet-1 {
//      grid-template-columns: repeat(1, 1fr);
//    }
//    &.tfl-grid-tablet-2 {
//      grid-template-columns: repeat(2, 1fr);
//    }
//    &.tfl-grid-tablet-3 {
//      grid-template-columns: repeat(3, 1fr);
//    }
//    &.tfl-grid-tablet-4 {
//      grid-template-columns: repeat(4, 1fr);
//    }
//    &.tfl-grid-tablet-5 {
//      grid-template-columns: repeat(5, 1fr);
//    }
//    &.tfl-grid-tablet-6 {
//      grid-template-columns: repeat(6, 1fr);
//    }
//  }
//  @media only screen and (min-width: 1024px) {
//
//    &.tfl-grid-desktop-1 {
//      grid-template-columns: repeat(1, 1fr);
//    }
//    &.tfl-grid-desktop-2 {
//      grid-template-columns: repeat(2, 1fr);
//    }
//    &.tfl-grid-desktop-3 {
//      grid-template-columns: repeat(3, 1fr);
//    }
//    &.tfl-grid-desktop-4 {
//      grid-template-columns: repeat(4, 1fr);
//    }
//    &.tfl-grid-desktop-5 {
//      grid-template-columns: repeat(5, 1fr);
//    }
//    &.tfl-grid-desktop-6 {
//      grid-template-columns: repeat(6, 1fr);
//    }
//  }
//}
//
//
///* -------- Widget separator headline ------------ */
//
//.tfl-widget-heading {
//  @include tfl-heading-style();
//  font-size: 40px;
//  line-height: 52px;
//  text-align: center;
//  @include respond-to-max(767) {
//    font-size: 32px;
//    line-height: 44px;
//  }
//}
//
///* --------------- Button CSS -------------------- */
//
//input.tfl-button, button.tfl-button, a.tfl-button, .tfl-button:active, .tfl-button:visited {
//  display: inline-block;
//  text-align: center;
//  line-height: 1;
//  cursor: pointer;
//  -webkit-appearance: none;
//  vertical-align: middle;
//  border: 1px solid transparent;
//  border-radius: 3px;
//  padding: 16px 40px;
//  margin: 0;
//  font-size: 12px;
//  font-weight: normal;
//  text-transform: uppercase;
//  letter-spacing: 2px;
//  background-color: #f94213;
//  color: #fefefe;
//  outline: none;
//  transition: all 0.4s ease-in-out 0s;
//
//  &.tfl-rounded {
//    border-radius: 999px;
//  }
//
//  &.tfl-large {
//    padding: 20px 60px;
//  }
//
//  &.tfl-small {
//    padding: 12px 25px;
//    font-size: 11px;
//  }
//
//  &:hover {
//    background-color: #f9633e;
//    color: #fefefe;
//  }
//}
//
//$skin-names: ("black", "blue", "cyan", "green", "orange", "pink", "red", "teal");
//$color-collection: (#363636, #46a5d5, #57c0dc, #00a57d, #e87151, #dd5679, #da4f49, #28c2ba);
//
//@for $i from 0 to length($skin-names) {
//  $skin-name: nth($skin-names, $i+1);
//  $skin-color: nth($color-collection, $i+1);
//  .tfl-button.tfl-#{$skin-name} {
//    background-color: $skin-color;
//  }
//  .tfl-button.tfl-#{$skin-name}:hover {
//    background-color: lighten($skin-color, 5%);
//  }
//}
//
//.tfl-button.tfl-trans {
//  color: #333;
//  background-color: transparent; /* IE */
//  background-color: rgba(0, 0, 0, 0);
//  border: 2px solid #a5a5a5;
//
//  &:hover {
//    background-color: #fff;
//    color: #333 !important;
//    border-color: #fff;
//  }
//}
//
//.tfl-button.tfl-semitrans {
//  color: #fff;
//  background-color: transparent; /* IE */
//  background-color: rgba(125, 125, 125, 0.5);
//
//  &:hover {
//    background-color: #fff;
//    color: #333 !important;
//  }
//}
//
///* Template Library Theme Builder Templates */
//
//.single-elementor_library [data-elementor-type="themesflat_grid"] .elementor-element.elementor-widget.elementor-widget-themesflat-grid-item .elementor-widget-container {
//  border: 5px double #a4a0a2;
//  padding: 10px;
//}
//
//.single-elementor_library [data-elementor-type="themesflat_grid"] .elementor-column {
//  border: 1px dotted #827e80;
//}
//
//.tfl-template-error {
//  padding: 20px;
//  font-style: italic;
//}
//
///* ---------------------------------- Button Widget ---------------------------------- */
//
//input.tfl-button.tfl-with-icon, button.tfl-button.tfl-with-icon, a.tfl-button.tfl-with-icon, .tfl-button.tfl-with-icon:active, .tfl-button.tfl-with-icon:visited {
//  i, img.tfl-thumbnail {
//    margin-right: 15px;
//
//    .rtl & {
//      margin-right: 0;
//      margin-left: 15px;
//    }
//  }
//
//  i {
//    color: #fff;
//    font-size: 24px;
//    vertical-align: middle;
//    line-height: 1;
//  }
//
//  img.tfl-thumbnail {
//    display: inline !important;
//    vertical-align: middle;
//    max-width: 50px;
//  }
//}
//
//
///* ---------------------------------- Heading ---------------------------------- */
//
//.tfl-heading {
//  text-align: center;
//  margin: 0 auto 60px;
//  max-width: 640px;
//  @include respond-to-max(767) {
//    margin-bottom: 40px;
//  }
//
//  .tfl-text {
//    font-size: 18px;
//    line-height: 28px;
//    margin: 0 auto;
//    @include respond-to-max(767) {
//      font-size: 15px;
//      line-height: 26px;
//    }
//  }
//
//  &.tfl-alignleft, &.tfl-alignright {
//    margin: 0;
//
//    .tfl-text {
//      margin: 0;
//    }
//  }
//
//  &.tfl-alignleft {
//    text-align: left;
//  }
//
//  &.tfl-alignright {
//    text-align: right;
//    max-width: none;
//  }
//}
//
//.tfl-heading {
//  .tfl-title {
//    font-weight: 700;
//    font-size: 32px;
//    line-height: 42px;
//    margin: 0 auto 20px;
//    color: #333;
//    font-weight: bold;
//    @include respond-to-max(767) {
//      font-size: 24px;
//      line-height: 32px;
//    }
//  }
//
//  .tfl-dark-bg & {
//    .tfl-title {
//      color: #e5e5e5;
//    }
//
//    .tfl-subtitle {
//      color: #B0B0B0;
//    }
//
//    .tfl-text {
//      color: #909090;
//    }
//  }
//
//  &.tfl-alignleft, &.tfl-alignright {
//    .tfl-title {
//      margin: 0 0 20px;
//    }
//  }
//}
//
//.tfl-heading {
//
//  .tfl-subtitle {
//    margin: 0 auto 5px;
//    color: #888;
//    font-size: 12px;
//    line-height: 20px;
//    text-transform: uppercase;
//    font-weight: 600;
//    letter-spacing: 2px;
//    position: relative;
//    display: inline-block;
//    padding: 0 10px;
//    @include respond-to-max(767) {
//      font-size: 11px;
//      line-height: 18px;
//    }
//  }
//
//  &.tfl-alignleft, &.tfl-alignright {
//    .tfl-subtitle {
//      margin: 0 0 5px;
//      padding: 0;
//
//      &:before, &:after {
//        display: none;
//      }
//    }
//  }
//}
//
///* --------------------------------------------------------- General Styles -------------------------------------------------- */
//
//.tfl-post-link-overlay {
//  position: absolute;
//  top: 0px;
//  bottom: 0px;
//  left: 0px;
//  right: 0px;
//  width: 100%;
//  z-index: 1;
//}
//
//.tfl-terms, .tfl-post-title {
//  a {
//    transition: all 0.5s ease-out 0s;
//  }
//}
//
//.tfl-read-more {
//  position: relative;
//  display: inline-block;
//  font-size: 0.75rem;
//  line-height: 1;
//  text-decoration: none;
//  padding: 8px 15px;
//  margin-top: 15px;
//  transition: all 0.5s ease-out 0s;
//  transition: all 0.5s ease-out 0s;
//}
//
//.tfl-post-featured-img-bg {
//  position: relative;
//  background-repeat: no-repeat;
//  background-position: center;
//  background-size: cover;
//  margin-bottom: 15px;
//}
//
//
