@charset 'UTF-8';
.ngg-video-play-overlay {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 48px;
height: 48px;
border-radius: 999px;
background: rgba(0, 0, 0, 0.55);
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
pointer-events: none;
z-index: 3;
}
.ngg-video-play-overlay:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-35%, -50%);
width: 0;
height: 0;
border-left: 14px solid rgba(255, 255, 255, 0.95);
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
} a[data-ngg-video-play-overlay="1"],
div[data-ngg-video-play-overlay="1"] {
position: relative;
display: block;
}
a[data-ngg-video-play-overlay="1"]::before,
div[data-ngg-video-play-overlay="1"]::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 48px;
height: 48px;
border-radius: 999px;
background: rgba(0, 0, 0, 0.55);
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
pointer-events: none;
z-index: 50;
}
a[data-ngg-video-play-overlay="1"]::after,
div[data-ngg-video-play-overlay="1"]::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-35%, -50%);
width: 0;
height: 0;
border-left: 14px solid rgba(255, 255, 255, 0.95);
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
pointer-events: none;
z-index: 51;
} .ngg-galleryoverview .ngg-gallery-thumbnail a,
.ngg-imagebrowser a,
.ngg-gallery-singlepic-image a,
.ngg-pro-masonry-item > a,
.nextgen_pro_thumbnail_grid .image-wrapper > a,
.nextgen_pro_film .image-wrapper > a,
.nextgen_pro_sidescroll .image-wrapper > a,
.nextgen_pro_blog_gallery .image-wrapper > a,
.tiled-gallery-item a,
.ngg-pro-mosaic-item a,
.galleria-stage .galleria-image,
.galleria-thumbnails .galleria-image {
position: relative;
display: block;
}.ngg-video-container {
position: relative;
width: auto;
height: auto;
background:transparent;
z-index: 10001;
display: flex;
align-items: center;
justify-content: center;
}
.ngg-video-player,
.ngg-video-container iframe {
width: 100%;
height: 100%;
object-fit: contain;
}  #npl_wrapper.npl-video-mode .galleria-image img {
display: none !important;
} .sl-wrapper.sl-video-mode .ngg-video-container {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.sl-wrapper.sl-video-mode .sl-image img {
display: none !important;
} .sl-wrapper.sl-video-mode .sl-image {
top: 0 !important;
left: 0 !important;
width: 100vw !important;
height: 100vh !important;
} .ngg-video-mode#fancybox-wrap #fancybox-img {
display: none !important;
}
#fancybox-wrap.ngg-video-mode {
width: auto !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%);
}
#fancybox-wrap.ngg-video-mode #fancybox-content {
width: auto !important;
height: auto !important;
} #shDisplay #shWrap.ngg-video-mode #shImage {
display: none !important;
}
#shDisplay .ngg-video-container {
margin-inline: auto;
}
#shDisplay.ngg-video-mode {
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
} #TB_window.ngg-video-mode #TB_Image {
display: none !important;
}
#TB_window.ngg-video-mode #TB_ImageOff {
display: none !important;
}
#TB_window.ngg-video-mode {
margin-left: 0 !important;
margin-top: 0 !important;
width: auto !important;
transform: translate(-50%, -50%);
} #TB_window.ngg-video-mode #TB_caption {
display: block !important;
visibility: visible !important;
}
#TB_window.ngg-video-mode #TB_secondLine {
display: block !important;
visibility: visible !important;
}
#TB_window.ngg-video-mode #TB_prev,
#TB_window.ngg-video-mode #TB_next {
display: inline !important;
visibility: visible !important;
} .ngg-video-error {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
display: flex;
align-items: center;
justify-content: center;
z-index: 20;
}
.ngg-video-error-content {
color: #fff;
text-align: center;
padding: 20px;
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
}
.ngg-video-error-icon {
font-size: 48px;
opacity: 0.7;
}
.ngg-video-error-text {
font-size: 16px;
} .ngg-custom-lightbox-video-mode img:not(.ngg-video-processed) {
display: none !important;
}
.ngg-custom-lightbox-video-mode .ngg-video-container {
position: relative !important;
width: 100% !important;
height: 100% !important;
display: flex !important;
align-items: center;
justify-content: center;
padding: 0 !important;
margin: 0 !important;
}
.ngg-custom-lightbox-video-mode .ngg-video-player,
.ngg-custom-lightbox-video-mode .ngg-video-container iframe {
max-width: 100%;
max-height: 100%;
width: auto !important;
height: auto !important;
object-fit: contain;
display: block;
}.ngg-trigger-buttons {
clear: both;
text-align: right;
font-size: 12px;
line-height: 1em;
margin: 0;
}
.ngg-trigger-buttons.hidden {
display: none;
}
.ngg-trigger-large {
font-size: 16px;
margin: 0 10px;
}
.ngg-trigger-buttons .ngg-trigger {
margin-left: 0.3em;
cursor: pointer;
}
.ngg-trigger-buttons .ngg-trigger:active,
.ngg-trigger-buttons .ngg-trigger:focus,
.ngg-trigger-buttons .ngg-trigger:visited,
.ngg-trigger-buttons .ngg-trigger {
color: #999;
}
.ngg-trigger-buttons .ngg-trigger:hover {
color: #333;
}
.ngg-trigger-large .ngg-trigger {
} .galleria.photocrati-nextgen_pro_horizontal_filmstrip {
margin-bottom: 5px;
}
@media screen and (min-width: 0px) and (max-width: 1024px) {
.ngg-trigger-buttons.mobile-hide {
display: none;
}
}body.hidden-scroll {
overflow: hidden; }
.sl-overlay {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #fff;
opacity: 0.7;
display: none;
z-index: 1035; }
.sl-wrapper {
z-index: 1040; }
.sl-wrapper * {
box-sizing: border-box; }
.sl-wrapper button {
border: 0 none;
background: transparent;
font-size: 28px;
padding: 0;
cursor: pointer; }
.sl-wrapper button:hover {
opacity: 0.7; }
.sl-wrapper .sl-close {
display: none;
position: fixed;
right: 30px;
top: 30px;
z-index: 10060;
margin-top: -14px;
margin-right: -14px;
height: 44px;
width: 44px;
line-height: 44px;
font-family: Arial, Baskerville, monospace;
color: #000;
font-size: 3rem; }
.sl-wrapper .sl-close:focus {
outline: none; }
.sl-wrapper .sl-counter {
display: none;
position: fixed;
top: 30px;
left: 30px;
z-index: 1060;
color: #000;
font-size: 1rem; }
.sl-wrapper .sl-navigation {
width: 100%;
display: none; }
.sl-wrapper .sl-navigation button {
position: fixed;
top: 50%;
margin-top: -22px;
height: 44px;
width: 22px;
line-height: 44px;
text-align: center;
display: block;
z-index: 10060;
font-family: Arial, Baskerville, monospace;
color: #000; }
.sl-wrapper .sl-navigation button.sl-next {
right: 5px;
font-size: 2rem; }
.sl-wrapper .sl-navigation button.sl-prev {
left: 5px;
font-size: 2rem; }
.sl-wrapper .sl-navigation button:focus {
outline: none; }
@media (min-width: 35.5em) {
.sl-wrapper .sl-navigation button {
width: 44px; }
.sl-wrapper .sl-navigation button.sl-next {
right: 10px;
font-size: 3rem; }
.sl-wrapper .sl-navigation button.sl-prev {
left: 10px;
font-size: 3rem; } }
@media (min-width: 50em) {
.sl-wrapper .sl-navigation button {
width: 44px; }
.sl-wrapper .sl-navigation button.sl-next {
right: 20px;
font-size: 3rem; }
.sl-wrapper .sl-navigation button.sl-prev {
left: 20px;
font-size: 3rem; } }
.sl-wrapper.sl-dir-rtl .sl-navigation {
direction: ltr; }
.sl-wrapper .sl-image {
position: fixed;
-ms-touch-action: none;
touch-action: none;
z-index: 10000; }
.sl-wrapper .sl-image img {
margin: 0;
padding: 0;
display: block;
border: 0 none;
width: 100%;
height: auto; }
@media (min-width: 35.5em) {
.sl-wrapper .sl-image img {
border: 0 none; } }
@media (min-width: 50em) {
.sl-wrapper .sl-image img {
border: 0 none; } }
.sl-wrapper .sl-image iframe {
background: #000;
border: 0 none; }
@media (min-width: 35.5em) {
.sl-wrapper .sl-image iframe {
border: 0 none; } }
@media (min-width: 50em) {
.sl-wrapper .sl-image iframe {
border: 0 none; } }
.sl-wrapper .sl-image .sl-caption {
display: none;
padding: 10px;
color: #fff;
background: rgba(0, 0, 0, 0.8);
font-size: 1rem;
position: absolute;
bottom: 0;
left: 0;
right: 0; }
.sl-wrapper .sl-image .sl-caption.pos-top {
bottom: auto;
top: 0; }
.sl-wrapper .sl-image .sl-caption.pos-outside {
bottom: auto; }
.sl-wrapper .sl-image .sl-download {
display: none;
position: absolute;
bottom: 5px;
right: 5px;
color: #000;
z-index: 1060; }
.sl-spinner {
display: none;
border: 5px solid #333;
border-radius: 40px;
height: 40px;
left: 50%;
margin: -20px 0 0 -20px;
opacity: 0;
position: fixed;
top: 50%;
width: 40px;
z-index: 1007;
-webkit-animation: pulsate 1s ease-out infinite;
-moz-animation: pulsate 1s ease-out infinite;
-ms-animation: pulsate 1s ease-out infinite;
-o-animation: pulsate 1s ease-out infinite;
animation: pulsate 1s ease-out infinite; }
.sl-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll; }
.sl-transition {
transition: -moz-transform ease 200ms;
transition: -ms-transform ease 200ms;
transition: -o-transform ease 200ms;
transition: -webkit-transform ease 200ms;
transition: transform ease 200ms; }
@-webkit-keyframes pulsate {
0% {
transform: scale(0.1);
opacity: 0.0; }
50% {
opacity: 1; }
100% {
transform: scale(1.2);
opacity: 0; } }
@keyframes pulsate {
0% {
transform: scale(0.1);
opacity: 0.0; }
50% {
opacity: 1; }
100% {
transform: scale(1.2);
opacity: 0; } }
@-moz-keyframes pulsate {
0% {
transform: scale(0.1);
opacity: 0.0; }
50% {
opacity: 1; }
100% {
transform: scale(1.2);
opacity: 0; } }
@-o-keyframes pulsate {
0% {
transform: scale(0.1);
opacity: 0.0; }
50% {
opacity: 1; }
100% {
transform: scale(1.2);
opacity: 0; } }
@-ms-keyframes pulsate {
0% {
transform: scale(0.1);
opacity: 0.0; }
50% {
opacity: 1; }
100% {
transform: scale(1.2);
opacity: 0; } }.ngg-tiktok-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
padding: 0 !important;
margin: 0 !important;
}
.ngg-tiktok-video,
.ngg-tiktok-iframe {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
object-fit: contain;
}  #npl_wrapper.npl-tiktok-mode .galleria-image img {
display: none !important;
} .sl-wrapper.sl-tiktok-mode .sl-image img {
display: none !important;
} .sl-wrapper.sl-tiktok-mode .sl-image {
display: flex !important;
align-items: center;
justify-content: center;
width: 100vw !important;
height: 100vh !important;
}
.sl-wrapper.sl-tiktok-mode .sl-image .ngg-tiktok-container {
position: relative !important;
top: auto !important;
left: auto !important;
width: 100% !important;
height: 100% !important;
max-width: 100vw !important;
max-height: 100vh !important;
display: flex;
align-items: center;
justify-content: center;
padding: 0 !important;
margin: 0 !important;
box-sizing: border-box;
}
.sl-wrapper.sl-tiktok-mode .sl-image .ngg-tiktok-video,
.sl-wrapper.sl-tiktok-mode .sl-image .ngg-tiktok-iframe {
width: auto !important;
height: auto !important;
object-fit: contain;
display: block;
} .ngg-tiktok-mode#fancybox-wrap #fancybox-img {
display: none !important;
}
.ngg-tiktok-mode#fancybox-wrap #fancybox-content {
padding: 0 !important;
}
.ngg-tiktok-mode#fancybox-wrap .ngg-tiktok-container {
position: relative !important;
width: auto !important;
height: auto !important;
display: block !important;
padding: 0 !important;
margin: 0 !important;
}
.ngg-tiktok-mode#fancybox-wrap .ngg-tiktok-video,
.ngg-tiktok-mode#fancybox-wrap .ngg-tiktok-iframe {
width: auto !important;
height: auto !important;
max-width: 100% !important;
max-height: 100% !important;
object-fit: contain;
display: block;
} body.ngg-tiktok-shutter-active {
overflow: hidden !important;
}
html.ngg-tiktok-shutter-active {
overflow: hidden !important;
}
#shShutter.ngg-tiktok-mode + #shDisplay #shWrap,
#shShutter.ngg-tiktok-mode ~ #shDisplay #shWrap {
position: relative !important;
display: flex !important;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 200px;
overflow: visible !important;
}
#shDisplay.ngg-tiktok-mode {
overflow: visible !important;
}
#shDisplay #shWrap .ngg-tiktok-container {
position: relative !important;
top: auto !important;
left: auto !important;
margin: 0 !important;
z-index: 10003;
width: auto !important;
height: auto !important;
max-width: none !important;
max-height: none !important;
display: flex;
align-items: center;
justify-content: center;
padding: 0 !important;
box-sizing: border-box;
overflow: visible !important;
clip: auto !important;
clip-path: none !important;
}
#shDisplay #shWrap .ngg-tiktok-video,
#shDisplay #shWrap .ngg-tiktok-iframe {
width: auto !important;
height: auto !important;
max-width: none !important;
max-height: none !important;
visibility: visible !important;
object-fit: contain !important;
display: block !important;
overflow: visible !important;
clip: auto !important;
clip-path: none !important;
} #TB_window.ngg-tiktok-mode #TB_Image {
display: none !important;
}
#TB_window.ngg-tiktok-mode #TB_ImageOff {
display: none !important;
}
#TB_window.ngg-tiktok-mode {
background: #fff !important;
padding: 15px 15px 0 15px !important;
} #TB_window.ngg-tiktok-mode .ngg-tiktok-wrapper {
display: block !important;
text-align: center !important;
margin: 0 auto !important;
padding: 0 !important;
position: relative !important;
width: auto !important;
height: auto !important;
}
#TB_window.ngg-tiktok-mode .ngg-tiktok-wrapper .ngg-tiktok-container {
position: relative !important;
width: auto !important;
height: auto !important;
display: inline-block !important;
margin: 0 auto !important;
padding: 0 !important;
vertical-align: middle !important;
background: transparent !important;
}
#TB_window.ngg-tiktok-mode .ngg-tiktok-wrapper .ngg-tiktok-video,
#TB_window.ngg-tiktok-mode .ngg-tiktok-wrapper .ngg-tiktok-iframe {
width: auto !important;
height: auto !important;
max-width: 100% !important;
max-height: 100% !important;
object-fit: contain !important;
display: block !important;
margin: 0 auto !important;
} #TB_window.ngg-tiktok-mode #TB_caption {
display: block !important;
visibility: visible !important;
}
#TB_window.ngg-tiktok-mode #TB_secondLine {
display: block !important;
visibility: visible !important;
}
#TB_window.ngg-tiktok-mode #TB_prev,
#TB_window.ngg-tiktok-mode #TB_next {
display: inline !important;
visibility: visible !important;
} .ngg-tiktok-error {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
color: #fff;
z-index: 11;
display: flex;
align-items: center;
justify-content: center;
}
.ngg-tiktok-error-content {
padding: 20px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.ngg-tiktok-error-icon {
font-size: 48px;
display: block;
margin-bottom: 10px;
color: #ff4d4d;
}
.ngg-tiktok-error-text {
font-size: 16px;
font-family: sans-serif;
} .ngg-custom-lightbox-tiktok-mode img:not(.ngg-tiktok-processed) {
display: none !important;
}
.ngg-custom-lightbox-tiktok-mode .ngg-tiktok-container {
position: relative !important;
width: 100% !important;
height: 100% !important;
display: flex !important;
align-items: center;
justify-content: center;
padding: 0 !important;
margin: 0 !important;
}
.ngg-custom-lightbox-tiktok-mode .ngg-tiktok-video,
.ngg-custom-lightbox-tiktok-mode .ngg-tiktok-iframe {
max-width: 100%;
max-height: 100%;
width: auto !important;
height: auto !important;
object-fit: contain;
display: block;
} #ngg-custom-lightbox-overlay {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
background-color: transparent !important;
z-index: 999999 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
#ngg-custom-lightbox-overlay .ngg-custom-lightbox-close {
position: absolute !important;
top: 20px !important;
right: 20px !important;
background: transparent !important;
border: none !important;
color: #000 !important;
font-size: 40px !important;
cursor: pointer !important;
z-index: 1000000 !important;
padding: 10px !important;
line-height: 1 !important;
opacity: 0.8;
transition: opacity 0.2s;
}
#ngg-custom-lightbox-overlay .ngg-custom-lightbox-close:hover {
opacity: 1;
}
#ngg-custom-lightbox-overlay .ngg-custom-lightbox-content {
position: relative !important;
max-width: 90vw !important;
max-height: 90vh !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
#ngg-custom-lightbox-overlay .ngg-tiktok-container {
position: relative !important;
background: transparent !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
#ngg-custom-lightbox-overlay .ngg-tiktok-video {
max-width: 90vw !important;
max-height: 90vh !important;
width: auto !important;
height: auto !important;
object-fit: contain !important;
}.ngg-slideshow.slick-slider {
margin: 40px auto 50px !important;
overflow: visible;
}
.ngg-slideshow .ngg-gallery-slideshow-image {
display: inline-block;
text-align: center;
font: 0/0 a;
}
.ngg-slideshow .ngg-gallery-slideshow-image:before {
content: ' ';
display: inline-block;
vertical-align: middle;
height: 100%;
}
.ngg-slideshow .ngg-gallery-slideshow-image a {
display: inline !important;
}
.ngg-slideshow .ngg-gallery-slideshow-image img {
margin: 0 auto;
display: inline-block !important;
vertical-align: middle;
max-width: 99%!important;
max-height: 98% !important;
}
.ngg-slideshow .slick-prev {
left: 20px !important;
z-index: 10 !important;
top: 49%;
cursor: before;
}
.ngg-slideshow .slick-next {
right: 30px !important;
z-index: 10 !important;
top: 49%;
cursor: pointer;
}
.ngg-slideshow .slick-next:before, 
.ngg-slideshow .slick-prev:before {
color: #CCC !important;
font-size: 32px !important;
}
.ngg-slideshow .slick-next:hover:before, 
.ngg-slideshow .slick-prev:hover:before {
color: #AAA !important;
font-size: 32px !important;
}
.ngg-slideshow .slick-dots {
margin: 0;
padding: 0;
bottom: -30px;
}
.ngg-slideshow .slick-dots li {
margin: 0;
}
.ngg-slideshow .slick-dots li button {
margin: 0;
}
.ngg-slideshow .slick-dots li button:before {
font-size: 8px;
color: #888;
opacity: .5;
cursor: pointer;
}
.ngg-slideshow .slick-dots li.slick-active button:before {
opacity: 1;
color: #555;
}
.slideshowlink {
margin: -34px auto 50px;
text-align: center;
text-transform: uppercase;
}
.slideshowlink a {
font-size: 13px;
letter-spacing: .75px;
cursor: pointer;
text-decoration: none;
box-shadow: none;
border: none;
}
.slideshowlink a:hover {
text-decoration: none !important;
box-shadow: none !important;
border: none !important;
}
@media (max-width: 600px) {
.ngg-slideshow .ngg-gallery-slideshow-image {
height: 400px !important;
}
}
@media (max-width: 450px) {
.ngg-slideshow .ngg-gallery-slideshow-image {
height: 300px !important;
}
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
margin: 0 auto;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(https://eagleschool.org/wp-content/plugins/nextgen-gallery/static/Slideshow/slick/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://eagleschool.org/wp-content/plugins/nextgen-gallery/static/Slideshow/slick/fonts/slick.eot);
src: url(https://eagleschool.org/wp-content/plugins/nextgen-gallery/static/Slideshow/slick/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://eagleschool.org/wp-content/plugins/nextgen-gallery/static/Slideshow/slick/fonts/slick.woff) format('woff'), url(https://eagleschool.org/wp-content/plugins/nextgen-gallery/static/Slideshow/slick/fonts/slick.ttf) format('truetype'), url(https://eagleschool.org/wp-content/plugins/nextgen-gallery/static/Slideshow/slick/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}.ssa-upcoming-appointments{
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
gap: 1rem;
margin-bottom: 1rem;
}
.ssa-upcoming-appointments .appointment-card{
display: flex;
flex-direction: column;
color: #858585;
background-color: white;
border-radius: 4px;
}
.ssa-upcoming-appointments .appointment-card-header{
display: flex;
flex-wrap: wrap;
gap: 1rem;
padding: 1.5rem 1.5rem 0 1.5rem;
}
.wp-container-core-group-layout-6 .ssa-upcoming-appointments .appointment-card-header{
justify-content: center;
}
.wp-container-core-columns-layout-1 .ssa-upcoming-appointments .appointment-card-header{
justify-content: center;
}
.wp-container-core-columns-layout-2 .ssa-upcoming-appointments .appointment-card-header{
justify-content: center;
}
.wp-container-core-group-layout-6 .ssa-upcoming-appointments .appointment-card .appointment-card-header .member-avatar img{
object-fit: contain;
}
.wp-container-core-columns-layout-1 .ssa-upcoming-appointments .appointment-card .appointment-card-header .member-avatar img{
object-fit: contain;
}
.wp-container-core-columns-layout-2 .ssa-upcoming-appointments .appointment-card .appointment-card-header .member-avatar img{
object-fit: contain;
}
.wp-container-core-group-layout-6 .ssa-upcoming-appointments .appointment-card .action-bar{
display: flex;
justify-content: center;
}
.wp-container-core-columns-layout-1 .ssa-upcoming-appointments .appointment-card .action-bar{
display: flex;
justify-content: center;
}
.wp-container-core-columns-layout-2 .ssa-upcoming-appointments .appointment-card .action-bar{
display: flex;
justify-content: center;
}
.ssa-upcoming-appointments .appointment-card .appointment-card-header .appointment-information{
display: flex;
flex-direction: column;
}
.ssa-upcoming-appointments .appointment-card .appointment-card-header .appointment-information .appointment-header {
display: flex;
flex-direction: column;
font-size: 20px;
font-weight: normal;
padding-top: 5px;
}
.ssa-upcoming-appointments .appointment-card .appointment-card-header .appointment-information .appointment-header .appointment-staff {
color: #242424;
}
.ssa-upcoming-appointments .appointment-card .appointment-card-header .appointment-information .appointment-header p:first-of-type{
font-size: 22px;
font-weight: bold;
color: #636363;
}
.ssa-upcoming-appointments .appointment-card .appointment-card-header .appointment-information .appointment-details ul {
padding-left: 18px;
margin: 11px 0 0 0;
font-size: 18px;
}
.ssa-upcoming-appointments .appointment-card .appointment-card-header .appointment-information .appointment-details ul li {
list-style-type: none;
}
.ssa-upcoming-appointments .appointment-card .appointment-card-header .appointment-information .appointment-details ul li a{
color: #000000 !important;
text-decoration: underline !important;
}
.ssa-upcoming-appointments .appointment-card .appointment-card-header .appointment-information .appointment-header p{
margin: 0;
}
.ssa-upcoming-appointments .appointment-card .appointment-card-header img{
width: 70px;
height: 70px;
border-radius: 120px;
object-fit: cover;
}
.ssa-upcoming-appointments .appointment-card .appointment-card-header .staff-images-container{
width: 70px;
height: 70px;
position: relative;
}
.ssa-upcoming-appointments .appointment-card .appointment-card-header .staff-images-container img{
width: 56px;
height: 56px;
position: absolute;
border-radius: 120px;
object-fit: cover;
}
.ssa-upcoming-appointments .appointment-card .appointment-card-header .staff-images-container .secondary-image{
top: 0;
left: 0;
}
.ssa-upcoming-appointments .appointment-card .appointment-card-header .staff-images-container .primary-image{
bottom: 0;
right: 0;
}
.ssa-upcoming-appointments .appointment-card .action-bar{
padding: 1rem;
}
.ssa-upcoming-appointments .appointment-card .action-bar button{
padding: 0.5rem 8px;
font-size: 18px;
background-color: transparent;
border: none;
color: #000000;
content: 'Edit Appointment';
border-radius: 4px;
}
.ssa-upcoming-appointments .appointment-card .action-bar button:hover{
cursor: pointer;
background-color: #FAFDF8;
}
@media screen and (min-width: 486px) and (max-width: 768px){
.ssa-upcoming-appointments .appointment-card-header{
justify-content: center;
}
.ssa-upcoming-appointments .appointment-card .appointment-card-header .member-avatar img {
object-fit: contain;
}
.ssa-upcoming-appointments .appointment-card .action-bar{
display: flex;
justify-content: center;
}
}
@media screen and (min-width: 600px) and (max-width: 768px) {
.wp-container-core-group-layout-6 .ssa-upcoming-appointments .appointment-card .action-bar{
display:block;
justify-content: none;
}
.wp-container-core-columns-layout-1 .ssa-upcoming-appointments .appointment-card .action-bar{
display:block;
justify-content: none;
}
.wp-container-core-columns-layout-2 .ssa-upcoming-appointments .appointment-card .action-bar{
display:block;
justify-content: none;
}
}iframe.ssa_booking_iframe {
border: 0 none;
height: 600px;
max-height:  none !important; min-width: 100%;
width: 1px;
}
.ssa-admin-warning {
background-color: #fff9c4;
border-left: 4px solid #fdd835;
color: #c6a700; 
margin: 0;
padding: 16px;
}.spu-box,
.spu-box *{
box-sizing: border-box;
}
.wppopups-whole{
position: relative;
width: 100%;
left: 0;
top: 0;
z-index: 999998;
display: flex;
align-items: center;
justify-content: center;
}
.spu-bg{
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: none;
z-index: 99999;
}
.spu-box:before,
.spu-box:after {
content:"";
display:table;
}
.spu-box:after {
clear:both;
}
.spu-box {
zoom:1;
}
.spu-box {
position:fixed;
z-index: 999999;
width: 100%;
max-height: 100vh;
}
.spu-box img{
max-width: 100%;
height: auto;
}
.spu-box img.aligncenter {
clear: both;
display: block;
margin: 0 auto;
} .spu-box.spu-position-top-left{
top: 0; left: 0; bottom: auto; right: auto;
}
.spu-box.spu-position-top-right{
top: 0; right: 0; bottom: auto; left: auto;
}
.spu-box.spu-position-top-center{
top: 0; right: auto; bottom: auto; left: auto;
}
.spu-box.spu-position-bottom-left{
bottom: 0; left: 0; top: auto; right: auto;
}
.spu-box.spu-position-bottom-right{
bottom: 0; right: 0; top: auto; left: auto;
}
.spu-box.spu-position-bottom-center{
top: auto; right: auto; bottom: 0; left: auto;
}
.spu-box.spu-position-top-bar,
.spu-box.spu-position-bottom-bar{
margin: 0;
width: 100% !important;
max-width: 100% !important;
position: fixed;
}
.spu-box.spu-position-top-bar{
top: 0;
}
.spu-box.spu-position-bottom-bar{
bottom: 0;
}
.spu-box.spu-position-bottom-bar .spu-content .spu-fields-container,
.spu-box.spu-position-top-bar .spu-content .spu-fields-container{
padding: 0;
}
.spu-box.spu-position-bottom-bar .spu-content,
.spu-box.spu-position-top-bar .spu-content {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100% !important;
}
.spu-box.spu-position-bottom-bar .spu-content > *,
.spu-box.spu-position-top-bar .spu-content > *{
margin-left: 20px;
margin-bottom: 0;
}
.spu-box.spu-position-bottom-bar .spu-content .spu-optin-form,
.spu-box.spu-position-top-bar .spu-content label.spu-fields.spu-gdpr,
.spu-box.spu-position-bottom-bar .spu-content label.spu-fields.spu-gdpr,
.spu-box.spu-position-top-bar .spu-content .spu-optin-form {
display: inline-flex;
margin-bottom: 0;
}
.spu-box.spu-position-top-bar .spu-content .spu-optin-fields,
.spu-box.spu-position-bottom-bar .spu-content .spu-optin-fields,
.spu-box.spu-position-top-bar .spu-content label.spu-fields.spu-gdpr,
.spu-box.spu-position-bottom-bar .spu-content label.spu-fields.spu-gdpr{
margin-bottom: 0;
}
.spu-box.spu-position-bottom-bar .spu-content label.spu-fields.spu-gdpr ,
.spu-box.spu-position-top-bar .spu-content label.spu-fields.spu-gdpr {
margin-left: 20px;
margin-bottom: 0;
}
.spu-box.spu-position-bottom-bar .spu-content .spu-optin-fields .spu-fields ,
.spu-box.spu-position-top-bar .spu-content .spu-optin-fields .spu-fields {
min-width: 250px;
}
.spu-box.spu-position-bottom-bar .spu-content button.spu-fields.spu-submit ,
.spu-box.spu-position-top-bar .spu-content button.spu-fields.spu-submit {
width: 120px;
margin-left: 20px;
} .spu-close{
position:absolute;
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
line-height: .5;
text-decoration: none;
cursor: pointer;
z-index: 9999;
}
html .spu-box a.spu-close {
text-decoration: none;
}
.spu-close-top_right{
right:8px;
top:5px;
}
.spu-close-top_left{
left:8px;
top:5px;
}
.spu-close-bottom_right{
right:8px;
bottom:5px;
}
.spu-close-bottom_left{
left:8px;
bottom:5px;
}
.spu-close:hover,
.spu-close:focus {
text-decoration: none;
display: block;
} p.spu-powered {
position: absolute;
bottom: -55px;
width: 100%;
text-align: center;
color: #fff;
left: 0px;
}
p.spu-powered a{
color: #ccc;
text-decoration: underline;
}
.spu-box.spu-scrollable p.spu-powered {
display: none;
} .spu-addon-container {
text-align: center;
margin: 36px 32px 44px;
}
.spu-addon-container:after {
clear: both;
content: " ";
display: table;
}
.spu-addon-title {
font-size: 24px;
}
.spu-addon-msg {
font-size: 17px;
}
.spu-input-text {
background-color: #fff;
width: 49%;
height: 44px;
border: 1px solid #cdd1d4;
-webkit-box-shadow: 0 0 6px -3px rgba(0,0,0,0.8) inset;
-moz-box-shadow: 0 0 6px -3px rgba(0,0,0,0.8) inset;
box-shadow: 0 0 6px -3px rgba(0,0,0,0.8) inset;
border-radius: 3px;
font-size: 18px;
line-height: 38px;
padding: 4px 6px;
overflow: hidden;
outline: none;
margin: 0;
vertical-align: middle;
}
.spu-button {
display: block;
-webkit-box-shadow: 0 1px 1px -1px #fff inset;
-moz-box-shadow: 0 1px 1px -1px #fff inset;
box-shadow: 0 1px 1px -1px #fff inset;
-webkit-text-shadow: #888 -0 0 1px;
-moz-text-shadow: #888 -0 0 1px;
text-shadow: #888 0 0 1px;
font-size: 15px;
padding: 10px 12px;
line-height: 24px;
text-align: center;
vertical-align: middle;
cursor: pointer;
text-decoration: none;
margin: 0;
height: auto;
width: 35%;
border: 0;  
}
.spu-button-bg {
width: 100% !important;
}
.spu-inline {
display: inline-block !important;
}
.spu-errors {
color: red;
text-align: center;
margin-top: 20px;
} .spu-optin-form .spu-helper-fields{
display: none;
}
.spu-fields-container{
padding: 36px 32px 44px;
position: relative;
}
.spu-fields.spu-name,
.spu-fields.spu-email{
background-color: #fff;
width: 100%;
height: 48px;
border: 1px solid #cdd1d4;
-webkit-box-shadow: 0 0 6px -3px rgba(0,0,0,0.8) inset;
-moz-box-shadow: 0 0 6px -3px rgba(0,0,0,0.8) inset;
box-shadow: 0 0 6px -3px rgba(0,0,0,0.8) inset;
border-radius: 3px;
font-size: 18px;
line-height: 38px;
padding: 4px 6px;
overflow: hidden;
outline: none;
margin: 0 0 20px 0;
vertical-align: middle;
display: block;
}
.spu-fields.spu-submit{
background: #50bbe8;
border: 1px solid #429bc0;
-webkit-box-shadow: 0 1px 1px -1px #fff inset;
-moz-box-shadow: 0 1px 1px -1px #fff inset;
box-shadow: 0 1px 1px -1px #fff inset;
-webkit-text-shadow: #888 -0 0 1px;
-moz-text-shadow: #888 -0 0 1px;
text-shadow: #888 -0 0 1px;
width: 24%;
color: #fff;
font-size: 16px;
padding: 10px 6px;
line-height: 24px;
text-align: center;
vertical-align: middle;
cursor: pointer;
display: inline;
margin: 0;
height: auto;
}
.spu-fields.spu-submit i{
display: none;
}
.spu-optin-fields {
display: block;
}
.spu-optin-fields.spu-inline-fields {
display: flex;
margin-bottom: 20px;
}
.spu-optin-fields.spu-inline-fields .spu-fields{
margin-bottom: 0px;
}
.spu-optin-fields.spu-inline-fields .spu-fields.spu-name {
margin-right: 20px;
}
.spu-fields.spu-email{
margin-right: 0;
}
.spu-fields.spu-submit {
width: 100%;
max-width: 100%;
}
.spu-fields.spu-submit span{
transition: all 1s;
opacity:1;
}
.spu-fields.spu-submit svg{
display:none;
margin:0 auto;
transition: all 1s;
}
.spu-fields.spu-submit svg path,
.spu-fields.spu-submit svg rect{
fill: #fff;
}
.spu-fields.spu-submit.spu-sending span{
display: none;
opacity: 0;
}
.spu-fields.spu-submit.spu-sending svg{
display: block;
opacity: 1;
}
.optin-errors {
color: red;
text-align: center;
margin-top: 20px;
} span.spu-timer {
position: absolute;
bottom: 0px;
left: 0px;
font-size: 12px;
position: absolute;
width: 100%;
text-align: right;
padding: 0 10px;
}
@media all and (max-width: 568px){
.spu-box{
max-width: 90vw !important;
}
.spu-box.spu-position-fullscreen,
.spu-box.spu-position-top-bar,
.spu-box.spu-position-bottom-bar{
max-width: 100vw !important;
}
.spu-box.spu-position-bottom-bar .spu-content,
.spu-box.spu-position-top-bar .spu-content {
flex-flow: column;
}
.pop-up-text2{
margin-bottom: 25px !important;
}
}