/*Theme Name: Skepsis Divi Child

Theme URI: https://andorharau.ro

Version: 1.0

Description: Child Theme of Divi for Skepsis

Author: Andor

Template: Divi

*/

@import url("../Divi/style.css");





:root {

  --skep-hp-header: rgba(124,0,9,0.5);

  --skep-primary: #7c0009; 

  --skep-secondary: #fbc739;

  --skep-accent: #debfc1;

  --skep-white: #ffffff;

  --skep-body-size-workaround: 1em;

  --skep-body-lheight-workaround: 1.2;

}





/*Gallery sitewide*/



figure .mfp-title{

  display: none !important;

}



/* SKEP images aspect ratio */

.skep-aspect-ratio img {

  aspect-ratio: 1/1;

  object-fit: cover;

}



.skep-aspect-ratio-wide img {

  aspect-ratio: 16/9;

  object-fit: cover;

}



@media screen and (max-width: 981px) { 

  .skep-aspect-ratio img, .skep-aspect-ratio-wide img {

    aspect-ratio: 1/1.5;

  }

}



.mfp-gallery .mfp-content .mfp-counter {

  display: none !important;

}



/* ------------------------------------------------------------- */

/* CORTINA SETTINGS START */



/* Setări cortina - a se șterge comentariile în producție */

:root {

--cortina-element-display: initial; /* none = oprita, initial=normal */

  --cortina-preloader-imgurl: url('/wp-content/themes/skep-divi/assets/scribble.svg'); /* imaginea pentru preloader */

  --cortina-texture-imgurl: url('/wp-content/themes/skep-divi/assets/skepcortina.webp'); /* textură pentru cortine */

  --cortina-skew: -20deg, 0deg; /* înclinația */

  --cortina-translate-1: -160vw; /* destinație de deplasare */

  --cortina-opener-duration: 2s; /* durată animație de deschidere */

  --cortina-full-scaleX: 1; /* scalare la starea inițială */

  --cortina-retracted-scaleX: 0.3; /* scalare la starea retractată */

  --cortina-animation-interpolartion: ease-in-out; /* curba de interpolare */

  --cortina-dynamic-height: 100vh; /* fallback: înălțime dinamică */

  --cortina-static-width: 50vw; /* lățimea cortinei */

}

@supports (height: 100dvh) {

  :root {

      --cortina-dynamic-height: 100dvh; /* înălțime dinamică pentru browsere moderne */

  }

}

body.no-scroll {

  overflow: hidden; /* dezactivează scroll-ul când clasa este adăugată */

  position: fixed; /* Prevents scrolling */

  width: 100%; /* Full width */



}

/* backdrop blur/flash */

@keyframes blur {

  0% {

      backdrop-filter: blur(15px) brightness(15%);

      /* background: linear-gradient(145deg, #00313d, #002433, #001a22); */

      background: repeating-linear-gradient(

        to right,

        #1a0005 0px,

        #2b0000 36px,

        #1b0000 92px,

        #2b000b 168px,

        #1a0000 184px

      );

           

  }

  20% {

      backdrop-filter: blur(7px) brightness(15%);

      background: transparent;

  }

  60% {

      backdrop-filter: blur(2px) brightness(120%);

      background: transparent;



  }

  100% {

      backdrop-filter: blur(0px) brightness(100%);

      background: transparent;



  }

}

/* Keyframes for cortinaD */

@keyframes cortinaD {

  0% {

      transform: 

          scaleX(var(--cortina-full-scaleX))

          rotateY(180deg);

  }           

  100% {

      transform:                   

          scaleX(var(--cortina-retracted-scaleX))

          rotateY(180deg)

          skew(var(--cortina-skew)) 

          translateX(var(--cortina-translate-1));

  }

}

/* Keyframes for cortinaS */

@keyframes cortinaS {

  0% {

      transform: scaleX(var(--cortina-full-scaleX));

  }

  100% {

      transform:                   

          scaleX(var(--cortina-retracted-scaleX))

          skew(var(--cortina-skew)) 

          translateX(var(--cortina-translate-1));

  }

}

/* Shared cortina styles */

.cortina {

  width: var(--cortina-static-width);

  height: var(--cortina-dynamic-height);

  padding: 0;

  position: absolute;

  background-image: var(--cortina-texture-imgurl);

  background-size: cover;

  will-change: transform;

  /* clip-path: circle(135% at 0 0); */

  filter: drop-shadow(30px 0px 15px rgba(15, 15, 15, 0.3));

  background-size: cover;

  background-position: right;

  pointer-events: all;

}

#cortinaS {

  animation: cortinaS var(--cortina-animation-interpolartion) var(--cortina-opener-duration) forwards;

  animation-play-state: paused;

}

#cortinaD {

  animation: cortinaD var(--cortina-animation-interpolartion) var(--cortina-opener-duration) forwards;

  right: 0;

  animation-play-state: paused;

}

/* Container for cortinas */

#cortinacontainer {

display: var(--cortina-element-display);

  width: 100vw;

  height: var(--cortina-dynamic-height);

  position: fixed;

  top: 0;

  left: 0;

  z-index: 999999;

  animation: blur var(--cortina-opener-duration) forwards;

  /* pointer-events: none;  */

  animation-play-state: paused;

  background: transparent;



}

/* Disable pointer events after animation starts */

.cortina-finished {

  pointer-events: none;

}

/* CORTINA SETTINGS END */

/* ------------------------------------------------------------- */





/* Tribe events calendar styling */

.tribe-events-calendar-month__header-column-title span{

  font-size: 20px;

  font-weight: 700;

  color: var(--skep-primary);

}



.tribe-events-c-subscribe-dropdown{

	display: none;

}



.tribe-events{

  margin-top: 10px;

  margin-bottom: 12px;

}

.tribe-events .tribe-events-c-top-bar__datepicker-container{

  width: 250px;



}

.tribe-events .dropdown-menu{

  text-align: center !important;

  display: flex !important;

  justify-content: center;

  align-items: center;

  overflow: hidden;

}

.tribe-events.tribe-common--breakpoint-medium .tribe-events-calendar-month__day .tribe-events-calendar-month__day-date, .tribe-events.tribe-common--breakpoint-full .tribe-events-calendar-month__day .tribe-events-calendar-month__day-date{

    margin: auto;

    position: relative;

    font-size: 20px;

    /* filter: opacity(0.35); */

    /* top: 50%; */

    text-align: left;

    /* right: -12px; */

    /* transform: translate(-50%, -50%); */

}



@keyframes grow {

  0% {

    transform: scale(1);

  }

  70%{

    z-index: 999;

  }

  100% {

    transform: scale(1.4);

    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);

    background-color: #FFF;

  }

}

.tribe-events-calendar-month__day{

  transition: transform 0.3s ease, box-shadow 0.3s ease;

  position: relative;

}

.tribe-events-calendar-month__day:hover{

  overflow: hidden;

  /* transform: scale(1.7); */

  z-index: 999;

  border-radius: 24px;

  /* height: 300px; */

  animation: grow 0.3s ease forwards;

}

.tribe-events-calendar-month__calendar-event-details{

}

.tribe-events-calendar-month__calendar-event-datetime *{

  font-size: 14px;

}

.tribe-events-calendar-month__calendar-event-title a{

  font-size: 18px;

  font-weight: 700;

  color: var(--skep-primary);

}

.tribe-events-calendar-month__day-cell{

  overflow: hidden;

}



.tribe-events-calendar-month__day-date.tribe-common-h4{

  width: 100%;

  padding: 0 !important;

  display: block;

  margin-left: 0 !important;

  margin-right: 0 !important;

  /* text-align: right; */

  /* background-color: #fafafa; */

  /* border-bottom: 1px solid #ddd; */

}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day, .tribe-common--breakpoint-full.tribe-events .tribe-events-calendar-month__day{

  min-height: 12px;

}

/*

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day:hover, .tribe-common--breakpoint-full.tribe-events .tribe-events-calendar-month__da:hover{

  min-height: 190px;

  max-height: 120px;

  height: 20px !important;

  overflow: hidden; 

}*/

.tribe-events-calendar-month__calendar-event-tooltip * *{

    font-size: 18px !important;

}

.tribe-events-calendar-month__calendar-event-tooltip {

    overflow: hidden;

    /* max-height: 80vh !important; */

}

.tribe-events-calendar-month__calendar-event-tooltip-description {

  max-height: 50px; /* Ensures content is clipped */

  padding-bottom: 20px;

  width: 100%;

  text-overflow: ellipsis;

  overflow: hidden;

}

.tribe-events-calendar-month__day-date-daynum{

  display:  block;

  width: 100% !important;

  padding: 10px !important;

}

.tribe-events-calendar-month__day-date-daynum:has(a){

  background-color: var(--skep-secondary);

  /* text-align: left; */

}

.tribe-events-calendar-month__day-date-daynum a{

    display: block;

    width: 100% !important;

    font-weight: 900;

    color: var(--skep-primary) !important;

    text-align: left;

}

/* ------------------------------------------------------------- */



/* SKEP footer global styles */



.skep-footer-menu{

  width: fit-content;

}

.skep-footer-menu .et_pb_widget{

  margin-right: 0px !important;

  padding: 0px !important;

  width: 100%;

}

.skep-footer-menu.skep-main-footer-menu ul{

  column-count: 2;

  column-gap: 30px; 

}

.skep-footer-menu.skep-main-footer-menu ul li{

  margin-left: 0px;

  margin-right: 0px;

  max-width: 30vw;

}

.skep-footer-menu ul li a{

  font-size: 1.2em !important;

}

.skep-footer-menu div, .skep-footer-menu div ul{

  margin-bottom: 4px !important;

  margin: 0;

  padding: 0;

}

.skepsalsol > div > div {

  display: flex;

  flex-direction: row;

  gap: 10px;

}



@media (min-width: 768px) and (max-width: 980px) {

  /* .skep-footer-menu.skep-main-footer-menu ul {

    column-count: 2;

  }

  .skep-footer-col2, .skep-footer-col3 {

    width: fit-content;

  }

  .skepsalsol{

    width: 100%;

  } */

  .skepsalsol img {

    width: 150px;

  }

  /* .skepsalsol > div > div {

    display: flex;

    flex-direction: row;

  } */

  /* .skep-footer-main {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    flex-wrap: nowrap;

  } */

}

  



@media (max-width: 767px) {

  .skep-footer-menu.skep-main-footer-menu ul {

    column-count: 1;

  }

  .skep-footer-menu ul li a{

    font-size: 1.3rem !important;

  }

  .skep-footer-menu.skep-main-footer-menu ul li{



    max-width: 80vw;

  }

  .skep-footer-menu ul li{

    margin-bottom: 12px;

    max-width: 80vw;

  }

  .skepsalsol img {

    width: 200px;

  }

  .skepsalsol > div > div {

    display: flex;

    flex-direction: column;

  }

}





/* ------------------------------------------------------------- */



/* SKEP AVIZIER homepage */

.skep-avizier-poster .ecs-no-events, .skep-avizier-descriere .ecs-no-events{

	display: none;

} 

.skep-avizier .ecs-no-events{

	color: var(--skep-white);

}

/* Avizier > detalii eveniment (left) .skep-avizier */



.skep-avizier a{

  color: var(--skep-secondary) !important;

}



.skep-avizier > div{

  width: 90%;

}



.skep-avizier ul, .skep-avizier-poster ul{

  list-style-type: none;

  padding: 0;

  margin: 0;

  width: 100% !important;

}



.skep-avizier ul h4{

  list-style-type: none;

  display: flex;

  padding: 0;

  margin: 0;

  margin-right: 0px;

  align-items: center;

  justify-content: flex-start;

  font-size: 2em !important;

  width: 100% !important;

} 



.skep-avizier ul li{

  width: 100% !important;

  display: flex;

  flex-direction: column;

  align-items: baseline;

  color: var(--skep-white);

  flex-wrap: wrap;

}



/* DESCRIERE */



.skep-avizier-poster > div > ul > li > a > img

.skep-avizier-descriere h4, .skep-avizier-descriere .time{

  display: none !important;

} 

.skep-avizier-descriere ul{

  list-style-type: none;

  padding: 0;

  margin: 0;

  width: 100% !important;

  color: var(--skep-white);

  margin-bottom: 12px;

}



.skep-avizier-descriere .entry-title{

  display: none !important;

}

.skep-avizier-descriere p{

  font-size: var(--skep-body-size-workaround);

  line-height: var(--skep-body-lheight-workaround);



}

/* POSTER */

.skep-avizier-poster > div {

  width: 100% !important;

}

.skep-avizier-poster h4{

  display: none !important;

}





.skep-avizier-poster ul{

  list-style-type: none;

  padding: 0;

  margin: 0;

  width: 100% !important;

}

.skep-avizier-poster ul h4{

  list-style-type: none;

  display: flex;

  padding: 0;

  margin: 0;

  margin-right: 0px;

  align-items: center;

  justify-content: flex-start;

  font-size: 24px !important;

  width: 100% !important;



} 



.skep-avizier-poster ul li{

  width: 100% !important;

  display: flex;

  flex-direction: column;

  align-items: baseline;

  color: var(--skep-white);

  flex-wrap: wrap;



}



.skep-avizier-poster{

  display: flex;

  flex-direction: row;

  align-items: center;

  margin: 0 !important;

  padding: 0 !important;

  padding-bottom: 0 !important;

  font-size: 18px !important;

  width: 100% !important;

}



.skep-avizier-poster ul > li > a{

  object-fit: cover;

  order: 1;

  transition: box-shadow .3s ease, transform .3s ease;

}



.skep-avizier-poster ul > li > a img{

  display: block;

  object-fit: contain;

  width: 100%;

  height: auto;

	border-radius: 8px;  

  max-height: 90vh;

  min-height: 30vh;

  transition: box-shadow 0.3s ease-in-out;

}



.skep-avizier-poster ul > li > a:hover{

  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);

  transform: scale(101%);

}



/* Location  */



.skep-additional-event-location{

  color: var(--skep-white);

  font-size: 0.8em;

}



.skep-additional-event-location .skep-additional-location-name{

  font-weight: 700;

}

.skep-additional-event-location .skep-additional-street-address{

  font-style: italic;

}



/* END */

/* ------------------------------------------------------------- */



/* SKEP global header styling */



/* header desktop */

.skep-header-menu-text{

}



.skep-header-menu-text .et-menu-nav li ul.sub-menu{

  width: auto;

  min-width: 300px;

  max-width: 500px;

  display: flex;

  flex-direction: column;

  flex-wrap: nowrap;

  justify-content: center;

  border-radius: 0 0 0 0;

  border-width: 4px;

}







.skep-header-menu-text .et-menu-nav li ul.sub-menu>li a:hover{

  color: var(--skep-primary) !important;

}



.skep-header-menu-text .et-menu-nav li ul.sub-menu::before {

  content: "";

  display: block;

  height: 0;

  width: 0;

  border-left: 8px solid transparent;

  border-right: 8px solid transparent;

  border-top: 8px solid var(--skep-secondary);

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  margin: 0 auto;

  z-index: 99999;

}

.skep-header-menu-text .et-menu-nav ul.sub-menu li a{

  text-transform: capitalize !important;

}



.skep-header-menu-text .et_pb_menu__search-input{

  color: #333 !important;

}



/* mobile header */







.skep-mobile-header .et_pb_menu__logo img{

  min-height: 40px !important;

  object-fit: contain;

}









.skep-mobile-header .et_mobile_menu::before {

content: "";

    display: block;

    height: 0;

    width: 0;

    border-left: 8px solid transparent;

    border-right: 8px solid transparent;

    border-top: 8px solid var(--skep-secondary);

    position: absolute;

    top: 0;

    right: 0;

  left: 0;

    margin: 0 auto;

    z-index: 99999;

}



.skep-mobile-header .et_mobile_menu .menu-item {

  width: 100%;

  text-align: center ; 

	margin-bottom: 4px;

  text-transform: uppercase;





}

.skep-mobile-header .et_mobile_menu .menu-item ul {

  width: 100%;

  font-size: 14px !important;

  padding-left: 0 !important;

  margin-left: 0 !important;

  text-align: center;



}



.skep-mobile-header .et_mobile_menu .menu-item li a{

  width: 100%;

  font-size: 16px !important;

  margin-left: 0 !important;

  padding-left: 0 !important;

  padding: 5px !important;

  margin-top: 5px;

  text-align: center ; 



}



.skep-mobile-header .et_mobile_menu .menu-item li {

  padding-left: 0 !important;

    text-transform: lowercase;



}





.skep-mobile-header .et_pb_menu__search-input{

  color: var(--skep-white) !important;

}

.skep-mobile-header input.et_pb_menu__search-input::placeholder{

  color: #f8f8f8 !important;

}







/* ------------------------------------------------------------- */







/* Skep blog sidebar icons - on desktop */



@media (min-width: 981px) {

  .skep-blog-bottombar{

    margin-top: 136px;

  }

  .skep-blog-bottombar .widget_block{

    margin: 0 !important;

    width: fit-content !important;

  }



  .skep-blog-bottombar .widget_block:nth-child(even) {

    margin-right: 15% !important;

    margin-left: 5% !important;

  }



  .skep-blog-bottombar > div > div{

    width: 50px !important;

  }

  

  .skep-blog-sidetitle {

    position: relative; 

    margin: 0 !important;

    padding-right: 0 !important;

    width: fit-content !important;

  }



  .skep-blog-sidetitle.skep-blog-sidetitle-arhive::before,

  .skep-blog-sidetitle.skep-blog-sidetitle-categorii::before {

    content: ""; 

    position: absolute;

    top: -136px; 

    left: 0;

    font-family: 'ETmodules';

    font-weight: 200;

    font-size: 40px;

    /* transform: translateX(-30px); */

    color: var(--skep-primary, #333);

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100px;

    height: 100px;

    background: var(--skep-secondary, #ddd);

    border-radius: 200px; 

    z-index: -1; 

  }

  .skep-blog-sidetitle.skep-blog-sidetitle-arhive::before{

    content: "\e059";

  }

  .skep-blog-sidetitle.skep-blog-sidetitle-categorii::before{

    content: "\e056";

  }

}



/* ------------------------------------------------------------- */





/* SKEP testimonial */



.skep_tst_styles {

    column-gap: 1em;

    column-count: 1;

    column-fill: balance;

    font-size: 0.85em;

  }

  

  @media (min-width: 768px) {

    .skep_tst_styles {

      column-count: 2;

    }

  }

  

  @media (min-width: 981px) {

    .skep_tst_styles {

      column-count: 3;

    }

}

  

/* testimonial wrapper */

.skep_tst_styles .skep-testimonial-item-wrapper {

  display: inline-block;

  width: 100%;

  margin-bottom: 1em;

  break-inside: avoid;

}

  

/* Testimonial card  */

.skep_tst_styles .skep-testimonial-item {

  z-index: 3;

  background: linear-gradient(to bottom right, #fbc739aa, transparent);

  background-size: 100% 100%;

  transition: transform 0.3s ease, background-position 0.7s ease-in-out, background-size 0.7s ease-in-out;

  color: #333;

  text-align: left;

  border-radius: 1em;

  padding: 1.2em 1.5em 1.5em 1.5em;

  display: flex;

  flex-direction: column;

  justify-content: flex-start;

  align-items: flex-start;

  position: relative;

  overflow: hidden;

  transition: transform 0.3s ease, background-position 1.2s ease, background-size 1.2s ease-in;

  box-shadow: 0 2px 4px rgba(0,0,0,0.2);

  z-index: 1;

}



.skep_tst_styles .skep-testimonial-item::after {

  content: '”';

  position: absolute;

  top: 32px;

  right: 12px;

  height: 50px;

  font-size: 80px;

  font-family: 'Nunito', 'sans-serif';

  color: var(--skep-white, #333);

  z-index: -1;

  box-sizing: border-box;

}



.skep_tst_styles .skep-testimonial-item::before {

  content: "";

  position: absolute;

  inset: 0;

  opacity: 1;

  background: rgba(255, 255, 255, 1); /* Adjust transparency */

  transition: opacity 0.7s ease-in-out; /* Smooth transition */

  z-index: -2; /* Keeps it behind text */

}









.skep_tst_styles .skep-testimonial-item blockquote {

  border-left: none;

  margin: 0 0 1em;

  padding: 0;

}



/* Testimonial hover */

@media (min-width: 768px) {

/* Hover */

.skep_tst_styles .skep-testimonial-item:hover {

  transform: translateY(-5px);

  background-position: 100% 50%;

  background-size: 150% 150%; 

}

.skep_tst_styles .skep-testimonial-item:hover::before {

  opacity: 0; 



}

}



/* Testimonial lightson */

@media (max-width: 769px) {



  .skep_tst_styles .skep-testimonial-item.skep-nowvisible{

    transform: translateY(-5px);

    background-position: 100% 50%;

    background-size: 150% 150%;   

  }

  .skep_tst_styles .skep-testimonial-item.skep-nowvisible::before{

    opacity: 0; 



  }

}



  

/* image */

.skep_tst_styles .skep-testimonial-featured-image {

  flex-shrink: 0;

  width: 3.4em;

  margin-right: 18px;

}

  

/* Circular image */

.skep_tst_styles .skep-testimonial-featured-image img {

  width: 100%;

  height: 3.4em;

  border-radius: 50%;

  object-fit: cover;

}

  

/* Author  */

.skep_tst_styles .skep-testimonial-who {

  font-size: 1.4rem;

  font-weight: 600;

  line-height: 1.25;

  display: inline-block;

  color: var(--skep-primary, #333);

}

  

.skep_tst_styles .skep-test-position{

  font-size: 1.2rem;

  font-weight: 300;

  line-height: 1.25;

  display: block;

  color: #333;

}

.skep_tst_styles .skep-test-organisation {

  font-size: 1.05rem;

  font-weight: 200;

  line-height: 1.25;

  display: block;

  color: #333;

}



.skep_tst_styles .skep-testimonial-header {

  display: flex;

  /* align-items: center; */

  margin-bottom: 18px;

}







/* SKEP social reviews */

.skep_social_review_styles {

  display: block;

  gap: 1.5rem;

  margin: 0 auto;

  column-count: 1;

  font-size: 0.85em;

  line-height: 1.5;

}



@media (min-width: 768px) {

  .skep_social_review_styles {

    column-count: 2;

  }

}



@media (min-width: 992px) {

  .skep_social_review_styles {

    column-count: 3;

  }

}





/* Hide the date for now */

.skep-social-review-date{

  display: none;

}



/* Avoid broken items in columns */

.skep_social_review_styles .skep-social-review-item-wrapper {

  break-inside: avoid;

}



/* Each review card */

.skep_social_review_styles .skep-social-review-item {

  background: #fff;

  border-radius: 8px;

  padding: 1.5rem;

  box-shadow: 0 2px 4px rgba(0,0,0,0.2);

  transition: transform 0.3s ease;

  position: relative;

  margin-bottom: 2em;

}



.skep_social_review_styles .skep-social-review-item::before {

  /* content: '”';

  position: absolute;

  top: 18px;

  right: 12px;

  height: 50px;

  font-size: 100px;

  font-family: 'Nunito', 'sans-serif';

  color: #fff;

  color: var(--skep-secondary, #333);

  box-sizing: border-box;

  transition: transform 0.3s ease;

  transform-origin: top right; */

}



.skep_social_review_styles .skep-social-review-item:hover {

  transform: translateY(-4px);

}

.skep_social_review_styles .skep-social-review-item:hover::before{

  transform-origin: top right;

  transform: scale(1.2);

}



/* Header: image on left, text column on right */

.skep_social_review_styles .skep-social-review-header {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  margin-bottom: 1rem;

  gap: 1rem;

  transition: gap 0.3s ease, transform 0.3s ease;

}



.skep_social_review_styles .skep-social-review-item:hover .skep-social-review-header {

  transform: translateY(-4px);

  gap: 1.2rem;

}



.skep_social_review_styles .skep-social-review-header a{

  text-decoration: none;

  color: var(--skep-primary, #333);

}



.skep_social_review_styles .skep-social-review-featured-image {

  width: 4em;

  height: 4em;

  flex-shrink: 0;

  transition: transform 0.3s ease;

  transform-origin: center left;

}



.skep_social_review_styles .skep-social-review-item:hover .skep-social-review-featured-image {

  transform: scale(1.05);

}



.skep_social_review_styles .skep-social-review-featured-image img {

  width: 100%;

  height: 100%;

  border-radius: 50%;

  object-fit: cover;

  display: block;

}



.skep_social_review_styles .skep-social-review-header-text {

  display: flex;

  flex-direction: column;

  justify-content: center;

}



/* Title */

.skep_social_review_styles .skep-social-review-title {

  font-size: 1.2em;

  margin: 0;

  padding: 0;

  font-weight: 600;

  color: var(--skep-primary, #333);

  line-height: normal;

}



/* Stars below the name */

.skep_social_review_styles .skep-social-review-rating {

  margin: 0;

  line-height: normal;



}



.skep_social_review_styles .skep-social-review-rating .star {

  color: #fbc739;

  font-size: 1em;

  margin-right: 2px;

}

.skep_social_review_styles .skep-social-review-rating .star.empty {

  color: #ccc;

}

.skep_social_review_styles .skep-social-review-rating .star.half {

  color: #fbc739;

}



/* Date & Platform in one row */

.skep_social_review_styles .skep-social-review-meta {

  margin-top: 5px;

  font-size: 0.9rem;

  color: #666;

  display: flex;

  flex-direction: column;

  gap: 0;

  line-height: normal;

}



.skep_social_review_styles .skep-social-review-platform{

  display: none;

}



/* Insert "on " before the platform text */



.skep_social_review_styles .skep-social-review-platform::before {

  content: "pe ";

  color: #666;

}



/* The main review content */

.skep_social_review_styles .skep-social-review-content {

  margin: 0; 

  padding: 0;

  border-left: none;

  color: #333;

}



/* Optional link */

.skep_social_review_styles .skep-social-review-link {

  display: inline-block;

  margin-top: 1rem;

  color: #333;

  font-weight: 600;

  text-decoration: underline;

}







/* SKEP blog masory */





/* Mobile */

.skep-blog-masonry {

  display: grid;

  grid-template-columns: 1fr;

  gap: 12px;

  padding-bottom: 120px;



}



/* Tablet (768px - 980px) */

@media (min-width: 768px) and (max-width: 980px) {

  .skep-blog-masonry{

    padding-bottom: 80px;

  }

  .skep-blog-masonry > div{

    display: grid;

    grid-template-columns: repeat(2, 1fr); 

    gap: 12px; 

  }

}



/* Desktop (981px+) */

@media (min-width: 981px) {

  .skep-blog-masonry{

    padding-bottom: 60px;

  }

  /* not in archive pages */

  .skep-blog-masonry:not(.skep-archives-content) article:nth-child(3n+2) {  

    transform: translateY(48px);

  }

  .skep-blog-masonry > div{

    display: grid;

    grid-template-columns: repeat(3, 1fr); 

    gap: 18px; 

  }

}





/* .skep-blog-masonry  > div > div > div > div, */

 .skep-blog-masonry  .pagination {

  

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  background: var(--skep-white);

  color: var(--skep-primary, #333);

  display: flex;

  justify-content: center;

  align-items: center;

  margin-left: 0;

  padding: 6px;

  z-index: 5;

  text-transform: lowercase !important;



} 



.skep-blog-masonry .pagination a{

  height: 50px !important;

  display: flex;

  align-items: center;

  justify-self: center;

  border: var(--skep-primary, #333) 2px solid;

  border-radius: 4px;



  padding-left: 12px;

  padding-right: 12px;

  margin-left: 6px;

  margin-right: 6px;

  transition: .3s ease;

}





.skep-blog-masonry .pagination a:hover{

  background: var(--skep-secondary, #fff);

  text-decoration: underline !important;

}





.skep-blog-masonry article {

  display: flex;

  flex-direction: column;

  background: #fff;

  break-inside: avoid;

  border-radius: 8px;

  overflow: hidden;

  margin-bottom: 5em;

}

.skep-blog-masonry article .more-link{

  font-size: 0.85em;

}



.skep-blog-masonry article .post-content{

  padding-top: 12px;

}





.skep-blog-masonry article>a{

	border-bottom: 12px solid var(--skep-secondary) !important;

  margin-bottom: 10px !important;

  overflow: hidden;

}



.skep-blog-masonry article>a img{

  min-height: 200px;

  object-fit: cover;

  transition: transform 0.7s ease;

}



.skep-blog-masonry article>h2{

  /* padding: 0 12px 12px 12px; */

  padding: 0;



  order: 1;

}

.skep-blog-masonry article>p{

order: 0;

    /* padding: 0 12px 12px 12px; */

    padding: 0;



}

.skep-blog-masonry article>div{

    /* padding: 0 12px 12px 12px; */

    padding: 0;



order: 1;



}



.skep-blog-masonry .post-meta a{

  background: var(--skep-white, #fff);

  display: block;

  width: fit-content;

  border-radius: 90px;

  padding: 4px 19px 4px 19px;

  color: var(--skep-primary, #333) !important;

  text-align: center;

  font-size: 18px !important;

  position:absolute;

  top: 12px;

  left: 12px;

  z-index: 1;

  box-shadow: 2px 2px 4px #33333355;

  visibility: visible;

}

.skep-blog-masonry .post-meta a:not(:first-of-type) {
  display: none !important;
}

.skep-blog-masonry .post-meta a:hover{

  text-decoration: underline;

}





.skep-blog-masonry .post-meta:not(a):not(.published):not(span) {

  visibility: hidden;

  color: transparent !important;

}

.skep-blog-masonry .post-meta .published {

  /* padding-left: 19px;; */

  font-weight: 700;

  font-size: 14px;

  visibility: visible;

  color: #333;

}



.skep-blog-masonry .skep-placeholder-featured{

  background: var(--skep-primary, #333);

  padding: 13%;

}



.skep-blog-masonry .skep-placeholder-featured img{

  mix-blend-mode: luminosity;

  opacity: 0.5;

  min-height: 100px;

  max-height: 150px;

  object-fit: contain;

}



.skep-blog-masonry article:hover a img{

  transform: scale(1.05);

}



/* ------------------------------------------------------------- */





  /* IVORY SEARCH skep styling */

  .is-screen-reader-text {

    border: 0;

    clip: rect(1px, 1px, 1px, 1px);

    -webkit-clip-path: inset(50%);

    clip-path: inset(50%);

    color: #000;

    height: 1px;

    margin: -1px;

    overflow: hidden;

    padding: 0;

    position: absolute !important;

    width: 1px;

    word-wrap: normal !important;

    word-break: normal;

  }

  

  .is-menu {

    position: relative;

  }

  

  .is-menu a {

    background: transparent !important;

    line-height: 1;

    outline: 0;

  }

  

  .is-menu a::before,

  .is-menu a::after {

    display: none !important;

  }

  

  .is-menu:hover > a,

  .is-menu a:hover,

  .is-menu a:focus {

    background: transparent !important;

    outline: none;

  }

  

  .is-menu.default form {

    max-width: 310px;

  }

  

  .is-menu.is-dropdown form {

    display: none;

    min-width: 310px;

    max-width: 100%;

    position: absolute;

    right: 0;

    top: 100%;

    z-index: 9;

  }

  

  .is-menu.full-width-menu form,

  .is-menu.sliding form {

    min-width: 0 !important;

    overflow: hidden;

    position: absolute;

    right: 0;

    top: 25%;

    width: 0;

    z-index: 99;

    padding: 0;

    margin: 0;

  

  }

  

  .is-menu.is-dropdown form:not(.is-search-form) input[type=text],

  .is-menu.full-width-menu form:not(.is-search-form) input[type=text],

  .is-menu.sliding form:not(.is-search-form) input[type=text],

  .is-popup-search-form form:not(.is-search-form) input[type=text],

  .is-popup-search-form form:not(.is-search-form) input[type=search],

  .is-menu.is-dropdown form:not(.is-search-form) input[type=search],

  .is-menu.full-width-menu form:not(.is-search-form) input[type=search],

  .is-menu.sliding form:not(.is-search-form) input[type=search] {

    background: #FFF;

    color: #000;

  }

  

  .is-menu.is-first form {

    right: auto;

    left: 0;

  }

  

  .is-menu.full-width-menu:not(.open) form, 

  .is-menu.sliding:not(.open) form {

    display: block;

  }

  

  .is-menu form .screen-reader-text {

    display: none;

  }

  

  .is-menu form label {

    margin: 0;

    padding: 0;

  }

  

  .is-menu-wrapper {

    display: none;

    position: absolute;

    right: 5px;

    top: 5px;

    width: auto;

    z-index: 9999;

  }

  

  .is-menu-wrapper.is-expanded {

      width: 100%;

  }

  

  .admin-bar .is-menu-wrapper {

    top: 51px;

  }

  

  .is-menu-wrapper .is-menu {

    float: right;

  }

  

  .is-menu-wrapper .is-menu form {

    right: 0;

    left: auto;

  }

  

  .gsc-cse-search-menu {

    max-width: 310px;

    float: right

  }

  

  .gsc-cse-search-menu .cse .gsc-control-cse,

  .gsc-cse-search-menu .gsc-control-cse {

    padding: 0;

  }

  

  .is-menu .search-icon-path {

      fill: #848484;

  }

  

  .search-close {

    cursor: pointer;

    display: none;

    height: 20px;

    position: absolute;

    right: -22px;

    top: 33%;

    width: 20px;

    z-index: 99999;

  }

  

  .is-menu.is-first .search-close {

    right: auto;

    left: -22px;

  }

  

  .is-menu.is-dropdown .search-close {

      top: calc( 100% + 7px );

  }

  

  .popup-search-close {

    cursor: pointer;

    height: 20px;

    width: 20px;

    z-index: 99999;

    float: right;

    position: relative;

    margin: 20px 20px 0 0;

  }

  

  #is-popup-wrapper {

    width: 100%;

    height: 100%;

    position: fixed;

    top: 0;

    left: 0;

      background: rgb(76, 76, 76);

      background: rgba(4, 4, 4, 0.91);

    z-index: 999999;

  }

  

  .is-popup-search-form form {

    width: 80%;

    margin: 20% auto 0;

  }

  

  .is-popup-search-form form.is-ajax-search {

    margin: 10% auto 0;

  }

  

  .popup-search-close:after,

  .search-close:after {

    border-left: 2px solid #848484;

    content: '';

    height: 20px;

    left: 9px;

    position: absolute;

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

  }

  

  .popup-search-close:before,

  .search-close:before {

    border-left: 2px solid #848484;

    content: '';

    height: 20px;

    left: 9px;

    position: absolute;

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    transform: rotate(-45deg);

  }

  

  .is-menu.is-dropdown form[style="display: block;"] + .search-close,

  .is-menu.full-width-menu.open .search-close,

  .is-menu.sliding.open .search-close {

    display: block;

  }

  

  .is-highlight {

    background-color: #FFFFB9;

          color: #222;

  }

  

  @media screen and ( max-width: 910px ) {

    .is-menu form {

      left: 0;

      min-width: 50%;

      right: auto;

    }

  

          .is-menu.default form{

      max-width: 100%;

    }

  

    .is-menu.full-width-menu.active-search {

      position: relative;

    }

  

    .is-menu-wrapper {

      display: block;

    }

  }

  

  .is-link-container {

      display: none;

  }

  

  form .is-link-container {

      position: relative;

  }

  

  form .is-link-container div {

      position: absolute;

      width: 200px;

      bottom: -25px;

      left: 5px;

      z-index: 99999;

      height: auto;

      line-height: 14px;

      padding: 10px 15px;

  }

  

  form .is-link-container a {

      text-decoration: none;

      font-size: 14px;

      font-weight: 100;

      font-family: 'Nunito', 'arial', 'sans-serif' !important;

      box-shadow: none;

  }

  

  form .is-link-container a:hover {

      text-decoration: underline;

  }

  

  form .is-link-container a.is-customize-link {

      margin-left: 15px;

  }

  

  form:hover > .is-link-container,

  form:hover + .is-link-container {

      display: block;

  }

  

  .is-form-style label {

      display: inline-block !important;

      padding: 0;

      vertical-align: middle;

      margin: 0;

      width: 100%;

      line-height: 1;

  }

  

  .is-form-style {

    line-height: 1;

      position: relative;

    padding: 0 !important;

  }

  

  .is-form-style.is-form-style-3 label {

          width: calc( 100% - 36px ) !important;

  }

  

  .is-form-style input.is-search-input {

      background: #FFF;

      background-image: none !important;

      color: #333;

      padding: 0 12px;

      margin: 0;

      outline: 0 !important;

      font-size: 14px !important;

      height: 36px;

    min-height: 0;

      line-height: 1;

      border-radius: 0;

      border: solid 1px #ccc !important;

      font-family: 'Nunito', 'arial', 'sans-serif' !important;

      font-weight: 600;

      width: 100%;

      -webkit-box-sizing: border-box;

      -moz-box-sizing: border-box;

      box-sizing: border-box;

      -webkit-appearance: none;

      -webkit-border-radius: 0;

      border-radius:0;

  }

  

  .is-form-style input.is-search-input::-ms-clear {  display: none; width : 0; height: 0; }

  .is-form-style input.is-search-input::-ms-reveal {  display: none; width : 0; height: 0; }

  .is-form-style input.is-search-input::-webkit-search-decoration,

  .is-form-style input.is-search-input::-webkit-search-cancel-button,

  .is-form-style input.is-search-input::-webkit-search-results-button,

  .is-form-style input.is-search-input::-webkit-search-results-decoration { display: none; }

  

  .is-form-style.is-form-style-3 input.is-search-input {

      border-right: 0 !important;

  }

  

  .is-form-style button.is-search-submit {

      background: none;

      border: 0;

      box-shadow: none !important;

      opacity: 1;

      padding: 0 !important;;

      margin: 0;

      line-height: 0;

      outline: 0;

      vertical-align: middle;

      width: 36px;

      height: 36px;

  }

  

  .is-menu.full-width-menu.is-first button.is-search-submit,

  .is-menu.sliding.is-first button.is-search-submit {

      display: inline-block !important;

  }

  

  .is-menu.full-width-menu.is-first button.is-search-submit:not([style="display: inline-block;"]), 

  .is-menu.sliding.is-first button.is-search-submit:not([style="display: inline-block;"]) {

    visibility: hidden;

  }

  

  .is-form-style .is-search-submit path {

      fill: #555;

  }

  

  .is-form-style input.is-search-submit {

      text-decoration: none;

      position: absolute;

      top: 0;

      right: 0;

  }

  

  .is-form-style input.is-search-submit {

      padding: 0 10px !important;

      width: auto;

  }

  

  .is-search-icon {

      width: 36px;

      padding-top: 6px !important;

  }

  

  .is-search-icon svg {

      width: 22px;

    display: inline;

  }

  

  .is-form-style input.is-search-submit, 

  .is-search-icon {

      display: inline-block !important;

      color: #666;

      background: #ededed;

      box-shadow: none !important;

      outline: 0;

      margin: 0;

      font-size: 14px !important;

      border: 1px solid #ccc;

      border-radius: 0;

      line-height: 1;

      height: 36px;

      text-transform: capitalize;

      vertical-align: middle;

      -webkit-transition: background-color 100ms ease-in-out;

      -moz-transition: background-color 100ms ease-in-out;

      -o-transition: background-color 100ms ease-in-out;

      transition: background-color 100ms ease-in-out;

      -webkit-box-sizing: border-box;

      -moz-box-sizing: border-box;

      box-sizing: border-box;

  }

  

  form.is-form-style input.is-search-submit:hover,

  .is-search-icon:hover {

      background: #dcdcdc;

  }

  

  .is-form-style-2 .is-search-submit {

      display: none;

  }





  /**

 * AJAX Search Style

 */

.is-ajax-search .is-loader-image {

  display: none;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  height: 25px;

  right: 5px;

  z-index: 9999;

  width: 25px;

  background-repeat: no-repeat;

  background-size: contain;

}



.is-ajax-search.processing .is-loader-image {

  display: block;

}



.is-ajax-search label {

  position: relative;

}



.is-ajax-search-details,

.is-ajax-search-result,

.is-ajax-search-details *,

.is-ajax-search-result * {

  -webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;

  -ms-box-sizing: content-box;

  -o-box-sizing: content-box;

  box-sizing: content-box;

  padding: 0;

  outline: 0 !important;

  margin: 0;

  border: 0;

  border-radius: 0;

  text-transform: none;

  text-shadow: none;

  box-shadow: none;

  text-decoration: none;

  text-align: left;

  letter-spacing: normal;

  font-size: 13px;

  line-height: 18px;

  vertical-align: baseline;

}



.is-ajax-search-details a,

.is-ajax-search-result a {

  color: var(--skep-primary, #333);

}



.is-ajax-search-details a:hover,

.is-ajax-search-result a:hover {

  text-decoration: underline;

}



div.is-ajax-search-details,

div.is-ajax-search-result {

  display: none;

  height: auto;

  width: 500px;

  max-width: 100%;

  position: absolute;

  z-index: 999999;

  background: #FFF;

  color: #313131;

  padding: 5px;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

}



.is-ajax-search-items {

  max-height: 400px;

  overflow-y: auto;

  overflow-x: hidden;

}



.is-search-sections {

  position: relative;

  clear: both;

  overflow: hidden;

}



.is-search-sections:after {

  content: "";

  display: block;

  clear: both;

}



.is-search-sections .left-section {

  float: left;

}



.is-show-more-results {

  border-top: none;

  margin-top: 5px;

  background: #FFF;

}



.is-show-more-results-text {

  cursor: pointer;

  padding: 4px 0 3px;

  text-align: center;    

}



.is-load-more-image {

  display: block;

  margin: 0 auto;

  max-height: 25px;

}



.is-ajax-search-no-result {

  padding: 10px;

  background: #FFF;

  text-align: center;

}



.is-ajax-search-items .post-title {

  display: inline-block;

  font-weight: normal;

  font-size: 15px;

  text-transform: capitalize;

}



.is-search-sections .meta {

  margin: 5px 0;

}



.is-search-sections .meta i {

  font-size: 11px;

}



.is-search-sections .meta > div {

  margin-bottom: 5px;

}



.is-search-sections .meta > div > span {

  margin-left: 10px;

}



.is-search-sections .meta > div > span:first-child {

  margin-left: 0;

}



.is-has-badge .is-search-sections .is-title {

  margin-right: 35px;

}



.is-has-badge .is-search-sections .meta > div > span:last-child {

  margin-right: 10px;

}



.is-search-sections .meta > span:not(:last-child):after {

  margin: 0 2px;

  content: '/';

  display: inline-block;

}



.is-search-sections .thumbnail {

  margin-right: 10px;

  width: 70px;

}



.is-search-sections .thumbnail img {

  float: left;

  max-width: 70px;

  height: auto;

}



.is-ajax-term-label {

  display: block;

  font-style: italic;

  font-size: 10px;

  text-transform: uppercase;

  color: #7b7b7b;

  line-height: 12px;

  letter-spacing: 2px;

}



.is-ajax-result-description {

  font-size: 14px;

  margin-top: 6px;

}



.is-ajax-search-post-details,

.is-ajax-search-post {

  clear: both;

  padding: 15px;

  border-bottom: 1px solid #eceff1;

}



.is-ajax-search-details .is-ajax-search-items > div,

.is-ajax-search-post {

  background: #fff;    

}



.is-ajax-search-result .is-ajax-search-post:hover,

.is-ajax-search-result .is-show-more-results:hover,

.is-ajax-search-tags-details > div:hover,

.is-ajax-search-categories-details > div:hover {

  background: #e2e2e2;

}



.is-ajax-search-details .is-title a,

.is-ajax-search-post .is-title a {

  text-transform: capitalize;

  font-size: 14px;

}



.is-ajax-search-post-details:last-child,

.is-ajax-search-posts .is-ajax-search-post:last-child {

  border: 0;

}



.is-ajax-woocommerce-actions {

  clear: both;

  margin-top: 10px;

  display: inline-block;

}



.is-ajax-woocommerce-actions > * {

  display: inline-block;

}



.is-ajax-woocommerce-actions .qty {

  width: 60px;

  height: auto;

  padding: 4px 8px;

  background: #fff;

  font-size: 14px;

  min-height: 0;

}



.is-ajax-woocommerce-actions .add_to_cart_inline {

  margin: 0 0 0 5px;

}



.is-ajax-woocommerce-actions .added_to_cart {

  font-size: 15px;

  text-transform: capitalize;

  font-weight: 800;

  padding: 4px 8px;

}



.is-ajax-woocommerce-actions .add_to_cart_inline a.button {

  padding: 4px 10px;

  background: #0073aa;

  color: #FFF;

  font-weight: 800;

  text-decoration: none;

}



.is-ajax-search-details .is-ajax-woocommerce-actions .add_to_cart_inline a.button.loading {

  opacity: 0.4;

  cursor: wait;

}



.is-ajax-woocommerce-actions .add_to_cart_inline a.button:hover {

  opacity: 0.9;

}



.is-ajax-search-items .stock-status {

  color: #7ad03a;

}



.is-ajax-search-items .is-prices del {

  text-decoration: line-through;

}



.is-ajax-search-items .is-prices .amount  {

  background: none;

  font-weight: 800;

}



.is-ajax-search-items .is-prices del .amount {

  font-weight: lighter;

  font-size: 90%;

  opacity: .6;

}



.is-ajax-search-items .is-prices ins  {

  background: none;

}



.is-ajax-search-items .stock-status.is-out-of-stock {

  color: #a44;

}



.is-featured-icon {

  display: inline-block;

  width: 13px;

  fill: #FFC107;

  vertical-align: text-top;

}



.is-ajax-search-items .is-sale-badge {

  background: #77a464;

  color: #fff;

  height: 20px;

  padding-top: 2px;

  position: absolute;

  right: -24px;

  text-align: center;

  top: 4px;

  transform: rotate(45deg);

  width: 77px;

}



.is-ajax-search-post-details .is-ajax-term-label {

  display: inline-block;

}



.is-ajax-term-name {

  font-size: 16px;

  text-transform: capitalize;

}



.is-ajax-term-wrap {

  margin-bottom: 10px;

}



div.is-ajax-search-details {

  width: 400px;

}



.is-ajax-search-post-details {

  display: none;

}



.is-ajax-search-posts-details .is-search-sections .thumbnail {

  width: 150px;

}



.is-ajax-search-posts-details .is-search-sections .thumbnail img {

  max-width: 150px;

  float: none;

}





@media screen and ( max-width: 910px ) {

  div.is-ajax-search-result {

          max-width: 97%;

  }

  .is-ajax-search-details {

      display: none !important;

  }

}



@media screen and ( max-width: 510px ) {

  .is-ajax-search-result {

      left: 3px !important;

  }

}



/**

* simplebar.css- v5.3.5

* Scrollbars, simpler.

* https://grsmto.github.io/simplebar/

*

* Made by Adrien Denat from a fork by Jonathan Nicol

* Under MIT License

*/



[data-simplebar] {

position: relative;

flex-direction: column;

flex-wrap: wrap;

justify-content: flex-start;

align-content: flex-start;

align-items: flex-start;

}



.simplebar-wrapper {

overflow: hidden;

width: inherit;

height: inherit;

max-width: inherit;

max-height: inherit;

}



.simplebar-mask {

direction: inherit;

position: absolute;

overflow: hidden;

padding: 0;

margin: 0;

left: 0;

top: 0;

bottom: 0;

right: 0;

width: auto !important;

height: auto !important;

z-index: 0;

}



.simplebar-offset {

direction: inherit !important;

box-sizing: inherit !important;

resize: none !important;

position: absolute;

top: 0;

left: 0;

bottom: 0;

right: 0;

padding: 0;

margin: 0;

-webkit-overflow-scrolling: touch;

}



.simplebar-content-wrapper {

direction: inherit;

box-sizing: border-box !important;

position: relative;

display: block;

height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */

width: auto;

max-width: 100%; /* Not required for horizontal scroll to trigger */

max-height: 100%; /* Needed for vertical scroll to trigger */

scrollbar-width: none;

-ms-overflow-style: none;

}



.simplebar-content-wrapper::-webkit-scrollbar,

.simplebar-hide-scrollbar::-webkit-scrollbar {

width: 0;

height: 0;

}



.simplebar-content:before,

.simplebar-content:after {

content: ' ';

display: table;

}



.simplebar-placeholder {

max-height: 100%;

max-width: 100%;

width: 100%;

pointer-events: none;

}



.simplebar-height-auto-observer-wrapper {

box-sizing: inherit !important;

height: 100%;

width: 100%;

max-width: 1px;

position: relative;

float: left;

max-height: 1px;

overflow: hidden;

z-index: -1;

padding: 0;

margin: 0;

pointer-events: none;

flex-grow: inherit;

flex-shrink: 0;

flex-basis: 0;

}



.simplebar-height-auto-observer {

box-sizing: inherit;

display: block;

opacity: 0;

position: absolute;

top: 0;

left: 0;

height: 1000%;

width: 1000%;

min-height: 1px;

min-width: 1px;

overflow: hidden;

pointer-events: none;

z-index: -1;

}



.simplebar-track {

z-index: 1;

position: absolute;

right: 0;

bottom: 0;

pointer-events: none;

overflow: hidden;

}



[data-simplebar].simplebar-dragging .simplebar-content {

pointer-events: none;

user-select: none;

-webkit-user-select: none;

}



[data-simplebar].simplebar-dragging .simplebar-track {

pointer-events: all;

}



.simplebar-scrollbar {

position: absolute;

left: 0;

right: 0;

min-height: 10px;

}



.simplebar-scrollbar:before {

position: absolute;

content: '';

background: black;

border-radius: 7px;

left: 2px;

right: 2px;

opacity: 0;

transition: opacity 0.2s linear;

}



.simplebar-scrollbar.simplebar-visible:before {

/* When hovered, remove all transitions from drag handle */

opacity: 0.5;

transition: opacity 0s linear;

}



.simplebar-track.simplebar-vertical {

top: 0;

width: 11px;

}



.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {

top: 2px;

bottom: 2px;

}



.simplebar-track.simplebar-horizontal {

left: 0;

height: 11px;

}



.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {

height: 100%;

left: 2px;

right: 2px;

}



.simplebar-track.simplebar-horizontal .simplebar-scrollbar {

right: auto;

left: 0;

top: 2px;

height: 7px;

min-height: 0;

min-width: 10px;

width: auto;

}



/* Rtl support */

[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {

right: auto;

left: 0;

}



.hs-dummy-scrollbar-size {

direction: rtl;

position: fixed;

opacity: 0;

visibility: hidden;

height: 500px;

width: 500px;

overflow-y: hidden;

overflow-x: scroll;

}



.simplebar-hide-scrollbar {

position: fixed;

left: 0;

visibility: hidden;

overflow-y: scroll;

scrollbar-width: none;

-ms-overflow-style: none;

}