@import "vanillajs-datepicker/sass/datepicker";
@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";
@import "@glidejs/glide/src/assets/sass/glide.core";
@import "@glidejs/glide/src/assets/sass/glide.theme";

/* Resets */
.exfl-plg:where(*:not(svg, svg *), use) {
   all: revert;
}

.exfl-plg {
   font-size: 16px;
   position: relative;
}

.exfl-plg div,
.exfl-plg span,
.exfl-plg applet,
.exfl-plg object,
.exfl-plg iframe,
.exfl-plg h1,
.exfl-plg h2,
.exfl-plg h3,
.exfl-plg h4,
.exfl-plg h5,
.exfl-plg h6,
.exfl-plg p,
.exfl-plg blockquote,
.exfl-plg pre,
.exfl-plg a,
.exfl-plg abbr,
.exfl-plg acronym,
.exfl-plg address,
.exfl-plg big,
.exfl-plg cite,
.exfl-plg code,
.exfl-plg del,
.exfl-plg dfn,
.exfl-plg em,
.exfl-plg img,
.exfl-plg ins,
.exfl-plg kbd,
.exfl-plg q,
.exfl-plg s,
.exfl-plg samp,
.exfl-plg small,
.exfl-plg strike,
.exfl-plg strong,
.exfl-plg sub,
.exfl-plg sup,
.exfl-plg tt,
.exfl-plg var,
.exfl-plg b,
.exfl-plg u,
.exfl-plg i,
.exfl-plg center,
.exfl-plg dl,
.exfl-plg dt,
.exfl-plg dd,
.exfl-plg ol,
.exfl-plg ul,
.exfl-plg li,
.exfl-plg fieldset,
.exfl-plg form,
.exfl-plg label,
.exfl-plg legend,
.exfl-plg table,
.exfl-plg caption,
.exfl-plg tbody,
.exfl-plg tfoot,
.exfl-plg thead,
.exfl-plg tr,
.exfl-plg th,
.exfl-plg td,
.exfl-plg article,
.exfl-plg aside,
.exfl-plg canvas,
.exfl-plg details,
.exfl-plg embed,
.exfl-plg figure,
.exfl-plg figcaption,
.exfl-plg footer,
.exfl-plg header,
.exfl-plg hgroup,
.exfl-plg menu,
.exfl-plg nav,
.exfl-plg output,
.exfl-plg ruby,
.exfl-plg section,
.exfl-plg summary,
.exfl-plg time,
.exfl-plg mark,
.exfl-plg audio,
.exfl-plg video {
   margin: 0;
   padding: 0;
   font-size: 100%;
   vertical-align: baseline;
   border: 0;
   white-space: normal;
}

.exfl-plg img, .exfl-plg svg, .exfl-plg video, .exfl-plg canvas, .exfl-plg audio, .exfl-plg iframe, .exfl-plg embed, .exfl-plg object {
   display: block;
   vertical-align: middle;
}

.exfl-plg .form-input,
.exfl-plg .form-email,
.exfl-plg .form-textarea,
.exfl-plg .form-select {
   box-shadow: none;
   border-width: 1px;
   border-style: solid;
   border-color: rgba(209, 213, 219, 0.8);
   border-radius: 0.375rem;
   background-color: #fff;
}

.exfl-plg .form-input:focus,
.exfl-plg .form-email:focus,
.exfl-plg .form-textarea:focus,
.exfl-plg .form-select:focus {
   box-shadow: none;
   outline: none;
}


.exfl-plg a {
   text-decoration: none !important;
}

.exfl-plg ol, .exfl-plg ul {
   list-style: none;
}

.exfl-plg blockquote, .exfl-plg q {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-size: 100%;
   vertical-align: baseline;
   background: transparent;
   quotes: none;
}

.exfl-plg blockquote:before, .exfl-plg blockquote:after,
.exfl-plg q:before, .exfl-plg q:after {
   content: '';
   content: none;
}

.exfl-plg input[type="email"], .exfl-plg input[type="search"], .exfl-plg input[type="text"], .exfl-plg textarea {
   background: #FFF !important;
   margin: 0;
   padding: 0;
   box-sizing: border-box !important;
}

.exfl-plg select {
   margin: 0;
   padding: 0;
   box-sizing: border-box !important;
}

/*Autocomplete*/
.exfl-plg .autoComplete_wrapper {
   position: relative;
}

.exfl-plg .autoComplete_wrapper>input {
   height: 3em;
   width: 370px;
   margin: 0;
   padding: 0 2em 0 3.2em;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   font-size: 1em;
   text-overflow: ellipsis;
   color: rgba(255, 122, 122, 0.3);
   outline: none;
   border-radius: 10em;
   border: 0.05em solid rgba(255, 122, 122, 0.5);
   background-image: url(./images/search.svg);
   background-size: 1.4em;
   background-position: left 1.05em top 0.8em;
   background-repeat: no-repeat;
   background-origin: border-box;
   background-color: #fff;
   transition: all 0.4s ease;
   -webkit-transition: all -webkit-transform 0.4s ease;
}

.exfl-plg .autoComplete_wrapper>input::placeholder {
   color: rgba(255, 122, 122, 0.5);
   transition: all 0.3s ease;
   font-size: 16px;
   -webkit-transition: all -webkit-transform 0.3s ease;
}

.exfl-plg .autoComplete_wrapper>input:hover::placeholder {
   color: rgba(255, 122, 122, 0.6);
   transition: all 0.3s ease;
   -webkit-transition: all -webkit-transform 0.3s ease;
}

.exfl-plg .autoComplete_wrapper>input:focus::placeholder {
   padding: 0.1em 0.6em;
   font-size: 0.95em;
   color: rgba(255, 122, 122, 0.4);
}

.exfl-plg .autoComplete_wrapper>input:focus::selection {
   background-color: rgba(255, 122, 122, 0.15);
}

.exfl-plg .autoComplete_wrapper>input::selection {
   background-color: rgba(255, 122, 122, 0.15);
}

.exfl-plg .autoComplete_wrapper>input:hover {
   color: rgba(255, 122, 122, 0.8);
   transition: all 0.3s ease;
   -webkit-transition: all -webkit-transform 0.3s ease;
}

.exfl-plg .autoComplete_wrapper>input:focus {
   color: rgba(255, 122, 122, 1);
   border: 0.06em solid rgba(255, 122, 122, 0.8);
}

.autoComplete_wrapper>ul {
   position: absolute;
   max-height: 226px;
   overflow-y: hidden;
   box-sizing: border-box;
   left: 0;
   right: 0;
   margin: 0.5em 0 0 0;
   padding: 0;
   z-index: 1;
   list-style: none;
   border-radius: 0.6em;
   background-color: #fff;
   border: 1px solid rgba(33, 33, 33, 0.07);
   box-shadow: 0 3px 6px rgba(149, 157, 165, 0.15);
   outline: none;
   transition: opacity 0.15s ease-in-out;
   -moz-transition: opacity 0.15s ease-in-out;
   -webkit-transition: opacity 0.15s ease-in-out;
}

.exfl-plg .autoComplete_wrapper>ul[hidden],
.exfl-plg .autoComplete_wrapper>ul:empty {
   display: block;
   opacity: 0;
   transform: scale(0);
}

.exfl-plg .autoComplete_wrapper>ul>li {
   margin: 0.3em;
   padding: 0.3em 0.5em;
   text-align: left;
   font-size: 1em;
   color: #212121;
   border-radius: 0.35em;
   background-color: rgba(255, 255, 255, 1);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   transition: all 0.2s ease;
}

.exfl-plg .autoComplete_wrapper>ul>li mark {
   background-color: transparent;
   color: rgba(255, 122, 122, 1);
   font-weight: bold;
   margin: 0px !important;
   padding: 0px !important;
}

.exfl-plg .autoComplete_wrapper>ul>li:hover {
   cursor: pointer;
   background-color: rgba(255, 122, 122, 0.15);
}

.exfl-plg .autoComplete_wrapper>ul>li[aria-selected="true"] {
   background-color: rgba(255, 122, 122, 0.15);
}

@media only screen and (max-width: 600px) {
   .exfl-plg .autoComplete_wrapper>input {
      width: 18em;
   }
}

/*Directory*/
.expertfile-plugin-directory #experts-filters div:first-child {
   padding-top: 0px !important;
}

.expertfile-plugin-directory .exfl-border-t.exfl-border-gray-200 {
   border-top: 1px solid rgba(229, 231, 235, 0.8) !important;
}

.expertfile-plugin-directory .exfl-border-b.exfl-border-gray-200 {
   border-bottom: 1px solid rgba(229, 231, 235, 0.8) !important;
}

.expertfile-plugin-directory .exfl-search-icon {
   display: block;
   fill: none;
   height: 16px;
   width: 16px;
   stroke-width: 4;
   font-weight: 700;
}

.expertfile-plugin-directory #search-btn {
   min-height: 36px !important;
   min-width: 36px !important;
   border-width: 1px !important;
}

.expertfile-plugin-directory .exfl-border.exfl-border-gray-300 {
   border: 1px solid rgba(209, 213, 219, 0.8) !important;
}

/**/

/*Inquiry*/

.expertfile-plugin-inquiry .exfl-border-t-4.exfl-border-gray-200 {
   border-top: 4px solid rgba(229, 231, 235, 0.8) !important;
}

.expertfile-plugin-inquiry .exfl-border.exfl-border-gray-300 {
   border: 1px solid rgba(209, 213, 219, 0.8) !important;
}

/**/
/*Spotlights*/
.exfl-plg #spotlight-post iframe {
   width: 100%;
}

.exfl-plg #spotlight-post .api-frame .popup-buttons {
   display: none !important;
}

.exfl-plg #spotlight-post p,
.exfl-plg #spotlight-post blockquote,
.exfl-plg #spotlight-post ul,
.exfl-plg #spotlight-post ol,
.exfl-plg #spotlight-post img,
.exfl-plg #spotlight-post h2,
.exfl-plg #spotlight-post h3,
.exfl-plg #spotlight-post h6,
.exfl-plg #spotlight-post strong,
.exfl-plg #spotlight-post iframe {
   margin: 0px;
}

.exfl-plg #spotlight-post .ql-divider:before {
   --x-height-multiplier: 0.342;
   --baseline-multiplier: 0.22;
   letter-spacing: 0.6em;
   content: '...';
   display: inline-block;
   margin-left: 0.6em;
   font-size: 40px;
   color: rgba(0, 0, 0, 0.55);
   position: relative;
   top: -42px;
   pointer-events: none;
}

.exfl-plg #spotlight-post hr {
   display: block;
   border: 0;
   text-align: center;
   overflow: visible;
   margin-top: 40px;
   margin-bottom: 32px;
}

.exfl-plg #spotlight-post h2 {
   color: #111827;
   font-weight: 700;
   font-size: 24px;
}

.exfl-plg #spotlight-post blockquote {
   border-left: 4px solid #ccc;
   margin-bottom: 5px;
   margin-top: 5px;
   padding-left: 16px;
   color: #111827;
}

.exfl-plg #spotlight-post .exfl-plg #spotlight-post ul li:last-child, #spotlight-post ol li:last-child {
   margin-bottom: 0px;
}

.exfl-plg #spotlight-post ul li:first-child, #spotlight-post ol li:first-child {
   margin-top: 0px;
}

.exfl-plg #spotlight-post strong {
   color: #111827;
}

.exfl-plg #spotlight-post a strong {
   color: inherit;
}

.exfl-plg .ql-align-center {
   text-align: center;
}

.exfl-plg .external-link a {
   display: inline-block;
   margin: 0;
   position: relative;
   text-align: center;
   transition-timing-function: ease-out;
   border-radius: 4px;
   width: auto;
   font-size: 14px;
   line-height: 22px;
   letter-spacing: normal;
   padding-top: 8px;
   padding-bottom: 8px;
   font-weight: 800;
   border-width: 2px;
   border-style: solid;
   padding-right: 12px;
   padding-left: 12px;
   box-shadow: none;
   background: #067cb0;
   border-color: transparent;
   text-decoration: none !important;
   color: #ffffff;
}

.exfl-plg #spotlight-post a {
   text-decoration: underline;
}

.exfl-plg #spotlight-post .api-frame iframe.tweet {
   width: 400px !important;
   min-height: 200px;
}

.exfl-plg #spotlight-post .api-frame iframe.instagram {
   width: 400px !important;
}

.exfl-plg #spotlight-post .api-frame iframe.video {
   width: 600px !important;
   height: 400px !important;
}

@media (max-width: 768px) {
   .exfl-plg #spotlight-post .api-frame iframe.video {
      width: 330px !important;
      height: 350px !important;
   }
}

#spotlight-post .exfl-border-b.exfl-border-gray-200 {
   border-bottom: 1px solid rgba(229, 231, 235, 0.8) !important;
}

/*End Spotlights*/

/*Expert Answers*/
.exfl-plg #expertanswer-post iframe {
   width: 100%;
}

.exfl-plg #expertanswer-post .api-frame iframe.video {
   width: 400px !important;
   min-height: 200px;
}

.exfl-plg #expertanswer-post .api-frame iframe.video {
   width: 400px !important;
}

.exfl-plg #expertanswer-post .api-frame iframe.video {
   width: 600px !important;
   height: 400px !important;
}

@media (max-width: 768px) {
   .exfl-plg #expertanswer-post .api-frame iframe.video {
      width: 330px !important;
      height: 350px !important;
   }
}

.exfl-plg .question dd p {
   margin: 0px;
}

/*End Expert Answers*/

/*Profile*/

.exfl-plg #profile-main #social-icons svg {
   fill: currentColor !important;
}

.exfl-plg #profile-main #social-icons svg#generic-website {
   fill: none !important;
}

.exfl-plg #profile-main iframe {
   width: 100%;
}

.exfl-plg #profile-main .api-frame iframe.video {
   width: 400px !important;
   min-height: 200px;
}

.exfl-plg #profile-main .api-frame iframe.video {
   width: 400px !important;
}

.exfl-plg #profile-main .api-frame iframe.video {
   width: 600px !important;
   height: 400px !important;
}

.exfl-plg #profile-main .qanda-items div:first-child {
   padding-top: 0px !important;
}

@media (max-width: 768px) {
   .exfl-plg #profile-main .api-frame iframe.video {
      width: 330px !important;
      height: 350px !important;
   }
}

/*End Profile*/

/*Common*/
#expertfile-featured svg, #spotlight-visual svg, #spotlight-post .text-lg svg, #profile-content section svg, #expertfile-share-component .email-share-icon, #share-modal .email-confirm-icon, #share-modal-download-button #share-modal-loader {
   fill: none !important;
}

.exfl-plg #expertfile-share-component {
   width: 45px;
   position: absolute;
   top: 0;
   right: 0px;
}

@media only screen and (max-width: 600px) {
   .exfl-plg #expertfile-share-component {
      width: 30px;
   }
}

.exfl-plg #expertfile-share-component ul {
   width: auto;
   position: fixed;
}

.exfl-plg #expertfile-share-component .facebook-share-icon {
   position: relative;
   left: -4px;
}

.exfl-plg #expertfile-share-component svg {
   fill: currentColor;
}

.exfl-plg .prose-expertfile ul {
   list-style: disc;
   padding: 0 0 0 20px;
}

.exfl-plg .prose-expertfile ol {
   list-style: decimal;
   padding: 0 0 0 20px;
}

.expertfile-plugin-profile .exfl-border-t.exfl-border-gray-200 {
   border-top: 1px solid rgba(229, 231, 235, 0.8) !important;
}

/*End Common*/

/*Overrides/General*/
.exfl-plg .clearfix::after {
   content: "";
   display: table;
   clear: both;
}

.exfl-plg .slider__arrow--prev {
   left: -0.5em;
}

.exfl-plg .slider__arrow--next {
   right: -0.5em;
}

.exfl-plg .pristine-error {
   color: #bd4f4f;
   font-size: 0.875em !important;
   line-height: 1.25em !important;
}

.exfl-plg .prose ul>li::before {
   background-color: transparent;
}

.exfl-plg #media .exfl-tab-content a {
   cursor: pointer;

}

.exfl-plg .play-wrap {
   left: 45%;
   top: 40%;
   position: absolute;
}

.exfl-plg .prose a {
   text-decoration: none;
}

.exfl-plg .autoComplete_wrapper {
   width: 100%;
}

.exfl-plg .autoComplete_wrapper>input {
   transition: none;
}

.exfl-plg .autoComplete_wrapper>input:hover {
   transition: none;
}

.exfl-plg .autoComplete_wrapper>ul>li mark {
   color: currentColor;
}

.exfl-plg .autoComplete_wrapper>ul>li:hover {
   background: #F5F5F5;
}

.exfl-plg .autoComplete_wrapper>ul>li[aria-selected=true] {
   background: #F5F5F5;
}

.exfl-plg .autoComplete_wrapper>input::selection {
   background: rgba(0, 0, 0, 0.05) !important;
}

.exfl-plg .autoComplete_wrapper>input:focus {
   border: none;
   color: transparent;
}

.exfl-plg *[data-tooltip] {
   position: relative;
}


.exfl-transform {
   --tw-translate-x: 0 !important;
   --tw-translate-y: 0 !important;
   --tw-rotate: 0 !important;
   --tw-skew-x: 0 !important;
   --tw-skew-y: 0 !important;
   --tw-scale-x: 1 !important;
   --tw-scale-y: 1 !important;
   transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.exfl-rotate-0 {
   --tw-rotate: 0deg !important
}

.exfl-rotate-180 {
   --tw-rotate: 180deg !important
}

@-webkit-keyframes spin {
   to {
      transform: rotate(360deg)
   }
}

@keyframes spin {
   to {
      transform: rotate(360deg)
   }
}

@-webkit-keyframes ping {
   75%, 100% {
      transform: scale(2);
      opacity: 0
   }
}

@keyframes ping {
   75%, 100% {
      transform: scale(2);
      opacity: 0
   }
}

@-webkit-keyframes pulse {
   50% {
      opacity: .5
   }
}

@keyframes pulse {
   50% {
      opacity: .5
   }
}

@-webkit-keyframes bounce {
   0%, 100% {
      transform: translateY(-25%);
      -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
      animation-timing-function: cubic-bezier(0.8, 0, 1, 1)
   }

   50% {
      transform: none;
      -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
      animation-timing-function: cubic-bezier(0, 0, 0.2, 1)
   }
}

@keyframes bounce {
   0%, 100% {
      transform: translateY(-25%);
      -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
      animation-timing-function: cubic-bezier(0.8, 0, 1, 1)
   }

   50% {
      transform: none;
      -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
      animation-timing-function: cubic-bezier(0, 0, 0.2, 1)
   }
}

.animate-spin {
   -webkit-animation: spin 1s linear infinite !important;
   animation: spin 1s linear infinite !important
}


@media only screen and (min-width: 1024px) {

   .exfl-plg *[data-tooltip]::after {
      content: attr(data-tooltip);

      position: absolute;
      top: 12px;
      right: 56px;
      width: max-content;

      pointer-events: none;
      opacity: 0;
      -webkit-transition: opacity .15s ease-in-out;
      -moz-transition: opacity .15s ease-in-out;
      -ms-transition: opacity .15s ease-in-out;
      -o-transition: opacity .15s ease-in-out;
      transition: opacity .15s ease-in-out;

      display: block;
      font-size: 12px;
      line-height: 16px;
      line-height: 16px;
      background: transparent;
      padding: 8px 12px;
   }

   .exfl-plg *[data-tooltip]:hover::after {
      opacity: 1;
   }
}

/*End General*/