@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 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;
}
.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*/