/**
 * This file should contain frontend styles that 
 * will be applied to all module instances.
 */

.cpt-slider {
  height: 100%;
}

.cpt-slider .tt-slide {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  /* height: calc(100% - 40px); */
  align-items: center;
  height: 100%;
  align-content: center;
  /* flex-direction: column; */
}

.cpt-slider .tt-slide .block {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  align-content: center;
  flex-direction: column;
}

.cpt-slider .tt-slide .content {
  display: inline-block;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
  min-height: 227px;
  width: 100%;
  height: 100%;
  /* flex: 1 0 auto; */
}

.custom-post-slider-wrapper {
  position: relative;
}

.custom-post-slider-wrapper.light .tt-slide .content {
  background-color: #fff;
  color: #303030;
}

.custom-post-slider-wrapper.dark .tt-slide:nth-child(odd) .content {
  background-color: #002587;
  color: #fff;
}

.custom-post-slider-wrapper.dark .tt-slide:nth-child(even) .content {
  background-color: #001f73;
  color: #fff;
}

.cpt-slider .tt-slide .background-image {
  position: relative;
  color: #fff;
  display: flex;
  align-content: flex-end;
  background-size: cover;
  background-repeat: no-repeat;
  flex-wrap: wrap;
}

.cpt-slider .tt-slide .background-image:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

.cpt-slider .tt-slide .background-image .content {
  position: relative;
  z-index: 2;
}

.cpt-slider .tt-slide .background-image .content a {
  color: #fff;
}

.cpt-slider .tt-slide .background-image .content .post-categories a {
  color: #fd3e28;
}

.custom-post-slider-wrapper .bx-wrapper .bx-pager.bx-default-pager a {
  border-color: #294d79;
}

.custom-post-slider-wrapper .bx-wrapper .bx-pager.bx-default-pager a.active,
.custom-post-slider-wrapper .bx-wrapper .bx-pager.bx-default-pager a:focus,
.custom-post-slider-wrapper .bx-wrapper .bx-pager.bx-default-pager a:hover {
  background-color: #294d79;
}

.custom-post-slider-wrapper .bx-wrapper .bx-pager.bx-default-pager a {
  width: 18px;
  height: 18px;
}

.custom-post-slider-wrapper .bx-wrapper .bx-pager {
  bottom: -40px;
}

.cpt-slider ul.post-categories {
  list-style-type: none;
  margin: 0 0 10px;
  padding: 0;
  line-height: 1;
}

.cpt-slider ul.post-categories li {
  display: inline-block;
  margin: 0;
  padding: 0;
}

.cpt-slider ul.post-categories li a,
.cpt-slider .cats a,
.cpt-slider .cats {
  color: #fd3e28;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 10px;
}

.cpt-slider h3 {
  margin: 0 0 15px;
}

.cpt-slider p {
  margin: 0 0 20px;
  font-size: 14px;
  line-height: 1.5;
}

.cpt-slider .content {
  padding: 40px;
}

.cpt-slider .tt-slide img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  object-position: center;
}

.custom-post-slider-wrapper .bx-wrapper {
  margin-bottom: 0;
  width: 100% !important;
}

.custom-post-slider-wrapper .viewall {
  position: absolute;
  bottom: 0;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
}

.custom-post-slider-wrapper.dark .viewall {
  color: #002587;
}

.custom-post-slider-wrapper.light .viewall,
.custom-post-slider-wrapper.background_image .viewall {
  color: #fff;
}

.bx-wrapper .bx-controls-direction a {
  border: 2px solid;
  border-radius: 50%;
  background-size: 75% !important;
  width: 22px !important;
  height: 22px !important;
  margin-top: 0 !important;
  top: 0 !important;
  display: inline-block;
  text-decoration: none;
  text-indent: -5000px;
  background-repeat: no-repeat;
}

.bx-wrapper .bx-controls-direction a.bx-prev {
  left: 0;
}

.bx-wrapper .bx-controls-direction a.bx-next {
  right: 0;
}

.light .bx-wrapper .bx-controls-direction a,
.background_image .bx-wrapper .bx-controls-direction a {
  color: #fff;
}

.bx-wrapper .bx-controls:not(.bx-has-pager) {
  display: flex;
  justify-content: flex-end;
  height: 22px;
  margin-top: 20px;
}

.bx-controls-direction {
  max-width: 60px;
  display: flex;
  width: 100%;
  height: auto;
  position: relative;
  justify-content: space-between;
}

.bx-wrapper .bx-prev {
  background-image: url("/wp-content/plugins/bb-custom-modules/assets/img/arrow-left.svg") !important;
  background-position: 1px center !important;
}

.bx-wrapper .bx-next {
  background-image: url("/wp-content/plugins/bb-custom-modules/assets/img/arrow-right.svg") !important;
  background-position: 3px center !important;
}

.light .bx-wrapper .bx-prev,
.background_image .bx-wrapper .bx-prev {
  background-image: url("/wp-content/plugins/bb-custom-modules/assets/img/arrow-left-white.svg") !important;
  background-position: 1px center !important;
}

.light .bx-wrapper .bx-next,
.background_image .bx-wrapper .bx-next {
  background-image: url("/wp-content/plugins/bb-custom-modules/assets/img/arrow-right-white.svg") !important;
  background-position: 3px center !important;
}

.testimonial .content::before {
  content: "“";
  font-size: 80px;
  line-height: 40px;
  display: block;
  vertical-align: middle;
  font-weight: bold;
}

@media all and (max-width: 660px) {
  /* .cpt-slider .tt-slide {
	    padding: 0 30px;
	} */
}

.fl-module-custom-post-slider-extended
  .cpt-slider.test-type
  .tt-slide
  .content:before,
.fl-module-custom-post-slider-extended
  .cpt-slider.test-type
  .tt-slide
  .content:after {
  content: "‘’";
  position: absolute;
  top: -10%;
  right: 0;
  font-size: 28.57142857142857rem;
  line-height: 32.85714285714286rem;
  color: #001b62;
  z-index: 1;
}

.fl-module-custom-post-slider-extended
  .cpt-slider.test-type
  .tt-slide
  .content:after {
  right: auto;
  left: 0;
  top: auto;
  bottom: -58%;
}

@media (min-width: 768px) {
  .fl-module-custom-post-slider-extended
    .cpt-slider.test-type
    .tt-slide
    .content:after {
    bottom: -48%;
  }
}

.fl-module-custom-post-slider-extended .cpt-slider .tt-slide .content {
  padding: 60px 50px;
  text-align: center;
  font-size: 1.428571428571429rem;
}

@media (min-width: 768px) {
  .fl-module-custom-post-slider-extended .cpt-slider .tt-slide .content {
    padding: 93px 133px;
  }
}

.fl-module-custom-post-slider-extended .cpt-slider .tt-slide .content p {
  margin-bottom: 0;
  font-size: 1.428571428571429rem;
  line-height: 2.142857142857143rem;
  position: relative;
  z-index: 2;
}

.fl-module-custom-post-slider-extended
  .custom-post-slider-wrapper.dark
  .cpt-slider
  .tt-slide:nth-child(even)
  .content {
  background-color: #002587;
  overflow: hidden;
}

.fl-module-custom-post-slider-extended .cpt-slider .tt-slide .content p strong {
  font-size: 2.857142857142857rem;
  line-height: 1.642857142857143rem;
}

.fl-module-custom-post-slider-extended
  .cpt-slider
  .tt-slide
  .content
  p:last-of-type {
  font-size: 1.142857142857143rem;
  margin-top: 30px;
}

.fl-module-custom-post-slider-extended
  .custom-post-slider-wrapper
  .bx-wrapper
  .bx-pager.bx-default-pager
  a {
  margin: 0 7.5px;
  width: 13px;
  height: 13px;
  border-radius: 13px;
  background-color: #2d97ff;
  border: 2px solid #fff;
}

.fl-module-custom-post-slider-extended
  .custom-post-slider-wrapper
  .bx-wrapper
  .bx-pager.bx-default-pager
  a.active {
  margin: 0 7.5px;
  width: 13px;
  height: 13px;
  background-color: #002587;
  border-color: #002587;
}
