.wp-pagenavi {
text-align: center;
margin-bottom: 30px;
font-size: 1em;
}
.wp-pagenavi a, .wp-pagenavi span {
display: inline-block;
}
.wp-pagenavi .pages {
display: none;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: none;
padding: 5px 15px;
margin: 5px;
background: #404040;
color: #FFF;
transition: 0.5s;
border: 2px solid transparent;
}
.wp-pagenavi a:hover, .wp-pagenavi span:hover {
color: #404040;
background: #FFF;
border: 2px solid #404040;
}
.wp-pagenavi span.current {
font-weight: bold;
color: #404040;
background: #FFF;
border: 2px solid #404040;
} p a[href*="tel:"],
p a[href*="mailto:"],
p a[href*="api.whatsapp.com:"],
p a[href*="/maps/place/"] {
position: relative;
padding-left: 25px;
display: inline-block;
}
p a[href*="tel:"]:before,
p a[href*="mailto:"]:before,
p a[href*="api.whatsapp.com:"]:before,
p a[href*="/maps/place/"]:before {
position: absolute;
left: 0;
top: 0;
text-align: center;
}
a[href*="tel:"]:before {
font-family: 'FontAwesome';
content: "\f095";
width: 25px;
display: inline-block;
}
a[href*="mailto:"]:before {
font-family: 'FontAwesome';
content: "\f0e0";
width: 25px;
display: inline-block;
}
a[href*="api.whatsapp.com"]:before {
font-family: 'FontAwesome';
content: "\f232";
width: 25px;
display: inline-block;
}
a[href*="/maps/place/"]:before {
font-family: 'FontAwesome';
content: "\f041";
width: 25px;
display: inline-block;
}
a[href*="api.whatsapp.com"] + a[href*="tel:"] {
margin-left: 10px;
}
a[href*="tel:"] + a[href*="mailto:"] {
margin-left: 10px;
}
@media screen and (max-width: 768px) {
a[href*="api.whatsapp.com"] + a[href*="tel:"] {
margin-left: 0;
}
a[href*="api.whatsapp.com"] {
position: fixed;
bottom: 0;
left: 0;
font-size: 14px;
width: 100%;
background: #FFF;
padding: 10px 0;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
a[href*="api.whatsapp.com"]:before {
font-size: 16px;
width: 30px;
}
} .site-main p a[href*="tel:"],
.site-main p a[href*="mailto:"],
.site-main p a[href*="api.whatsapp.com:"],
.site-main p a[href*="/maps/place/"] {
padding: 0;
}
.site-main p a[href*="tel:"]::before,
.site-main p a[href*="mailto:"]::before,
.site-main p a[href*="api.whatsapp.com:"]::before,
.site-main p a[href*="/maps/place/"]::before {
display: none;
} ul.menu li.social-item {
display: inline-block;
}
ul.menu li.social-item a {
text-decoration: none;
display: inline-block;
position: relative;
transition: 0.5s;
font-size: 0 !important;
padding: 5px;
text-align: center;
}
ul.menu li.social-item a:before {
font-family: "FontAwesome";
text-align: center;
transition: 0.5s ease-in-out;
font-size: 1.1rem;
font-weight: 400;
display: inline-block;
}
ul.menu li.social-item a:hover:before {
transition: 0.5s;
}
ul.menu li.social-item a[href*="facebook.com"]:before,
ul.menu li.social-item a[href*="facebook.com"]:before {
content: "\f230";
}
ul.menu li.social-item a[href*="vimeo.com"]:before,
ul.menu li.social-item a[href*="vimeo.com"]:before {
content: "\f194";
}
ul.menu li.social-item a[href*="youtube.com"]:before,
ul.menu li.social-item a[href*="youtube.com"]:before {
content: "\f167";
}
ul.menu li.social-item a[href*="instagram.com"]:before,
ul.menu li.social-item a[href*="instagram.com"]:before {
content: "\f16d";
} .automargin {
margin: 0 auto !important;
}
.padded {
padding: 30px 30px;
}
.hpadded {
padding-left: 30px !important;
padding-right: 30px !important;
}
.vpadded {
padding-top: 30px !important;
padding-bottom: 30px !important;
}
.no-margin-bottom * {
margin-bottom: 0 !important;
}
.no-margin-top * {
margin-top: 0 !important;
}
.no-margin * {
margin: 0 !important;
}
.no-margin-top-bottom * {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.no-margin-top-bottom p:last-child {
margin-bottom: 1.5em !important;
}
.no-margin-top-bottom img {
margin-bottom: 1em !important;
}
.hide {
display: none !important;
}
.round {
border-radius: 50%;
overflow: hidden;
}
.negative-margin-top {
margin-top: -30px;
}
.inline-row .so-panel {
width: auto;
display: inline-block;
vertical-align: middle;
margin-bottom: 0 !important;
}
.inline-row .so-panel + .so-panel {
margin-left: 30px;
}
.no-builder-margin .so-panel,
.no-builder-margin .panel-grid,
.no-builder-margin .panel-grid-cell,
.no-panel-margin .so-panel,
.no-grid-margin .panel-grid,
.no-cell-margin .panel-grid-cell {
margin-bottom: 0 !important;
}
.stretched {
width: 100vw !important;
position: relative !important;
left: 50% !important;
right: 50% !important;
max-width: none !important;
margin-left: -50vw !important;
margin-right: -50vw !important;
}
@media screen and (max-width: 768px) {
.hide-mobile {
display: none !important;
}
} div.object-fit[class*="panel-"] {
align-items: stretch !important;
}
.object-fit * {
display: flex;
flex-wrap: wrap;
align-items: stretch !important;
width: 100%;
}
.object-fit .so-widget-sow-image {
position: relative !important;
height: 100% !important;
}
.object-fit img {
height: 100% !important;
width: 100% !important;
object-fit: cover;
} .inline-panels > .so-panel,
.inline-panels > .panel-grid-cell {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.inline-panels.center > .so-panel,
.inline-panels.center > .panel-grid-cell {
justify-content: center;
align-items: center;
}
.inline-panels > .panel-grid-cell > .so-panel {
margin-bottom: 0 !important;
}
.inline-panels > .panel-grid-cell > .so-panel + .so-panel {
margin-left: 20px;
}
@media screen and (max-width: 768px) {
.inline-panels > .panel-grid-cell > .so-panel,
.inline-panels > .panel-grid-cell > .so-panel .ow-button-base a {
width: 100%;
}
.inline-panels .ow-button-base a.ow-icon-placement-left .sow-icon-image,
.inline-panels .ow-button-base a.ow-icon-placement-left [class^="sow-icon-"] {
float: none;
margin: 0 0 10px 0;
}
} .inline-menu .menu {
text-align: right;
margin: 0 !important;
padding: 0 !important;
}
.inline-menu .menu li {
display: inline-block;
}
.inline-menu .menu li a {
font-weight: normal;
padding: 0;
display: inline-block;
}
.inline-menu .menu li + li {
margin-left: 20px;
}
@media screen and (max-width: 768px) {
.inline-menu .menu {
text-align: center;
}
} .inline-menu.centered-menu .menu,
.centered-menu .menu {
text-align: center;
width: 100%;
}
.inline-menu.centered-menu .menu li + li::before {
content: '/';
font-size: 1rem;
} .inline-menu.button-menu .menu {
text-align: center;
}
.inline-menu.button-menu .menu li {
margin-right: 10px;
}
.inline-menu.button-menu .menu li:last-child {
margin-right: 0;
}
.button-menu .menu li a,
.inline-menu.button-menu .menu li a {
border: 3px solid #FFF;
padding: 0.7em 1em;
}
.button-menu:not(.inline-menu) .menu li,
.button-menu:not(.inline-menu) .menu li a {
display: block;
}
.button-menu:not(.inline-menu) .menu {
padding-left: 0;
}
.button-menu:not(.inline-menu) .menu li + li {
margin-top: 15px;
}
@media screen and (max-width: 768px) {
.inline-menu.button-menu .menu li  {
margin: 0 0 10px 0;
}
.inline-menu.button-menu .menu li:last-child {
margin-bottom: 0;
}
} .row {
position: relative;
width: 100%;
display: flex;
flex-wrap: wrap;
padding: 0;
}
.col {
min-height: 0.125rem;
padding: 5px
}
.col.col-1,
.col.col-2,
.col.col-3,
.col.col-4,
.col.col-5,
.col.col-6,
.col.col-7,
.col.col-8,
.col.col-9,
.col.col-10,
.col.col-11,
.col.col-12 {
width: 100%;
}
.row::after {
content: "";
display: table;
clear: both;
}
@media only screen and (min-width: 540px) { }
@media only screen and (min-width: 720px) { .col.col-1 {
width: 8.333%;
}
.col.col-2 {
width: 16.666%;
}
.col.col-3 {
width: 24.999%;
}
.col.col-4 {
width: 33.333%;
}
.col.col-5 {
width: 41.666%;
}
.col.col-6 {
width: 50%;
}
.col.col-7 {
width: 58.333%;
}
.col.col-8 {
width: 66.666%;
}
.col.col-9 {
width: 75%;
}
.col.col-10 {
width: 83.333%;
}
.col.col-11 {
width: 91.666%;
}
.col.col-12 {
width: 100%;
}
.hidden-sm {
display: block;
}
}
@media only screen and (min-width: 960px) { } .col .wpcf7-form-control-wrap,
.col input[type="text"],
.col input[type="tel"],
.col input[type="email"],
.col textarea,
.col select {
width: 100%;
}
.col span.wpcf7-list-item + span.wpcf7-list-item {
margin-top: 10px;
}
.col:not(.checkbox) + .col.checkbox {
margin-top: 20px;
}
textarea {
max-height: 125px;
} span.wpcf7-acceptance,
span.wpcf7-checkbox {
display: inline-block;
font-size: 0.9em;
margin: 0;
}
span.wpcf7-acceptance span.wpcf7-list-item-label::after {
content: '*';
color: red;
}
span.wpcf7-list-item {
margin-left: 0;
}
span.wpcf7-list-item input,
span.wpcf7-list-item span.wpcf7-list-item-label {
display: inline-block;
vertical-align: middle;
}
span.wpcf7-list-item input {
width: 40px;
text-align: center;
}
span.wpcf7-list-item span.wpcf7-list-item-label  {
width: calc(100% - 40px);
line-height: 1.25;
} div.wpcf7 {
margin-left: -10px;
margin-right: -10px;
}
form.wpcf7-form::after {
content: '';
display: table;
clear: both;
}
.wpcf7-form,
form {
position: relative;
clear: both;
}
.wpcf7-form-control-wrap {
display: inline-block;
}
.hidden-row {
height: 0;
overflow: hidden;
}
.text-right {
text-align: right;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.border-radius button {
text-align: center;
}
.form-group label.error,
span.wpcf7-not-valid-tip {
position: absolute;
font-size: 10px;
border: 2px solid #e22328;
padding: 2px 4px;
border-radius: 5px;
line-height: 1.15;
top: 25px;
right: -15px;
z-index: 9;
width: auto;
background: #FFF;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.33);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.33);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.33);
}
.wpcf7-response-output {
position: absolute;
font-size: 11px;
border: 2px solid #e22328;
padding: 2px 8px;
border-radius: 5px;
bottom: -50px;
right: 0;
left: 0;
width: auto;
background: #FFF;
color: #909090;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.33);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.33);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.33);
}
.icon-label {
position: relative;
padding-left: 40px !important;
}
.icon-label label {
position: absolute;
width: 40px;
height: 100%;
font-size: 0;
background: #FFF;
display: flex;
align-items: center;
justify-content: center;
left: 0;
top: 0;
border-bottom: 2px solid #e0e0e0;
}
.icon-label label:after {
font-family: 'FontAwesome';
display: block;
color: #1d1d1d;
font-size: 1rem;
}
.icon-label label[for='address']:after {
content: '\f041';
}
.icon-label label[for='datetime_match']:after {
content: '\f017';
} select {
width: 100%;
}
.select2-container {
width: 100%;
}
body .select2 {
border: 1px solid #ccc;
}
body .select2-dropdown {
border: 1px solid #ccc;
border-radius: 0;
width: 100%;
}
.woocommerce form .form-row.woocommerce-validated .select2-container,
.woocommerce form .form-row.woocommerce-validated input.input-text,
.woocommerce form .form-row.woocommerce-validated select,
.wpsl-radius-dropdown,
.wpsl-dropdown {
border: 1px solid #CCC;
border-radius: 0;
}
.select2-container--default .selection .select2-selection--single {
border-radius: 0;
border: none;
}
.woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
width: auto;
}
.select2-container .selection .select2-selection--single {
height: auto;
padding: 0.5em 1em;
margin: 0;
}
.select2-container--default .selection .select2-selection--single .select2-selection__rendered {
line-height: 1.5;
padding-left: 0;
}
.select2-container--default .selection .select2-selection--single .select2-selection__arrow {
line-height: 1.5;
height: 100%;
width: 30px;
}
.select2-container {
max-width: 100%;
}
.select2-container .select2-dropdown {
z-index: 99999;
} article {
position: relative;
}
.wpcf7-form-control-wrap {
position: relative;
}
.popup-trigger {
cursor: pointer;
}
.popup-parent {
display: none;
}
.simplebar-content {
width: 100%;
}
#modalpopup .popup-content {
display: flex;
align-items: center;
justify-content: center;
}
#popup-buttons .button {
box-sizing: border-box;
font-size: 0.9em;
font-weight: 700;
padding: 0.7em 1.1em;
background: #FFF;
color: #404040;
border: 2px solid #404040;
border-radius: 0;
box-shadow: none;
text-shadow: none;
margin: 0 10px;
transition: 0.5s ease-in-out;
display: inline-block;
min-width: 58px;
}
#popup-buttons .button:hover {
background: #404040;
color: #FFF;
}
#popup-buttons .button.green {
border-color: #00ff17;
}
#popup-buttons .button.green:hover {
background: #00ff17;
color: #FFF;
}
#popup-buttons .button.red {
border-color: #ff3333;
}
#popup-buttons .button.red:hover {
background: #ff3333;
color: #FFF;
}
#modalpopup .popup-content > div {
text-align: center;
}
#modalpopup .popup-content h1 {
margin-top: 0;
}
.brz .brz-wrapper.popup-css,
.brz .brz-wrapper.readypopup,
.popup-css, .readypopup {
font-size: 1em;
cursor: default;
position: absolute;
top: 0;
left: 0;
width: 100%;
transition: 0.5s ease-in-out;
height: 0;
overflow: hidden;
}
.elementor-editor-active .popup-css,
.elementor-editor-active .readypopup {
position: static;
height: auto;
}
.popup-wrapper {
height: 100%;
position: relative;
}
body.brz > .brz-columns.popup-css,
body.brz > .brz-columns.readypopup,
body.brz > .brz-wrapper.popup-css,
body.brz > .brz-wrapper.readypopup,
body > .popup-css,
body > .readypopup {
z-index: 99999;
display: flex;
position: fixed;
justify-content: center;
align-items: center;
opacity: 0;
width: 100%;
height: auto;
max-height: 520px;
max-width: 640px;
margin: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: auto;
}
.popup-background,
.readypopup-background,
.modal-background {
position: fixed;
height: 100%;
width: 100%;
background: rgba(0,0,0,0.5);
top: 0;
left: 0;
transition: 0.5s ease-in-out;
z-index: 99999;
}
body > .readypopup .popup-wrapper,
body > .popup-css .popup-wrapper {
position: relative;
width: 100%;
display: block;
}
body > .popup-css p {
font-size: 1em;
}
.lock-body {
position: fixed;
overflow-y: scroll;
width: 100%;
margin-top: 0;
}
.popup-zindex {
z-index: 99999;
}
.popup-content {
max-width: 100%;
min-width: 320px;
width: 100%;
height: 100%;
max-height: 100%;
margin: 0 auto;
background: #FFF;
padding: 0px;
position: relative;
cursor: default;
overflow: auto;
}
.popup-close, .readypopup-close {
position: absolute;
top: 0;
right: 10px;
cursor: pointer;
}
.popup-close::before,
.readypopup-close::before {
display: inline-block;
padding: 20px;
font-size: 28px;
content: '\f00d';
font-family: 'FontAwesome';
}
.popup-css .popup-content > div:not(.simplebar-content):first-child,
.popup-css .popup-content .simplebar-content > div {
padding: 30px 50px;
width: 100%;
}
.popup-content:not(.simplebar-scrollable-y) .simplebar-content-wrapper {
display: flex;
justify-content: center;
align-items: center;
}
.popup-css .popup-content .simplebar-content > div.brz-wrapper {
padding: 0;
}
@media screen and (max-width: 1180px) {
body > .popup-css,
body > .readypopup {
overflow: auto;
height: auto;
}
.popup-css,
.readypopup {
position: static;
width: 100%;
max-width: 100%;
min-height: 100%;
left: 0;
top: 0;
}
.popup-content ul {
margin: 0;
padding-left: 25px;
}
.popup-close::before,
.readypopup-close::before {
padding: 15px 20px;
}
}
@media screen and (max-width: 768px)  {
body > .popup-css,
body > .readypopup {
padding: 10px;
}
.popup-content {
padding: 20px;
position: static;
width: 100%;
max-width: 100%;
height: 100%;
left: 0;
top: 0;
}
.popup-content .widget-title {
padding: 20px 20px 0px 20px;
}
.popup-content ul {
margin: 0;
padding-left: 25px;
}
.popup-close, .readypopup-close {
right: 0;
}
.popup-close::before,
.readypopup-close::before {
padding: 10px 15px;
font-size: 20px;
}
.popup-css .popup-content > div:not(.simplebar-content):first-child,
.popup-css .popup-content .simplebar-content > div {
padding: 30px;
}
.popup-css .popup-content .simplebar-content > div.brz-wrapper {
padding: 0;
}
}
@media screen and (max-width: 460px) {
.popup-css .popup-content > div:not(.simplebar-content):first-child,
.popup-css .popup-content .simplebar-content > div {
padding: 20px;
}
}
@media screen and (max-width: 320px) {
.popup-content {
min-width: 0;
}
}  body > .popup-css.fullscreen {
max-width: 99%;
max-height: 98%;
}
body .popup-close::before,
body .readypopup-close::before {
}
@media screen and (max-width: 640px) {
.popup-css.fullscreen .popup-content:not(.panel-layout) .textwidget {
padding: 0;
}
.popup-css.fullscreen .popup-content > div:not(.simplebar-content):first-child,
.popup-css.fullscreen .popup-content .simplebar-content > div {
padding: 10px 20px;
}
body > .popup-css.fullscreen {
font-size: 0.9em;
}
body > .popup-css.fullscreen .so-panel {
margin-bottom: 15px !important;
}
} body > .popup-css.fullscreenvideo {
max-width: 100%;
max-height: 100%;
width: 100%;
height: 100%;
}
.video-controls {
width: 100%;
position: fixed;
bottom: 0;
left: 0;
text-align: center;
background: #FFF;
padding-top: 10px;
padding-bottom: 20px;
}
.video-controls div {
display: inline-block;
}
.video-controls div + div {
margin-left: 30px;
}
.video-controls a:not([class*="c-btn"]) {
border-bottom-width: 2px;
border-bottom-color: #404040;
transition: 0.5s ease-in-out;
padding-left: 0;
padding-right: 0;
padding-top: 10px;
padding-bottom: 5px;
font-size: 1.35em;
color: #404040;
cursor: pointer;
}
.video-controls a:hover {
border-bottom-color: #404040;
color: #404040;
}
@media screen and (max-width: 768px)  {
body > .popup-css.fullscreenvideo {
padding: 0;
}
body > .popup-css.fullscreenvideo .popup-content {
}
} .no-js body .popup-css,
.no-js body .readypopup,
.no-js body .popup-background,
.no-js body .readypopup-background {
height: auto !important;
overflow: auto !important;
} .fullheight {
position: relative;
}
.flex-vertical-align,
.fullheight.vertical-hero .sow-slider-image {
display: flex !important;
justify-content: center;
align-items: center;
}
.flex-vertical-align.flex-column {
flex-direction: column;
}
.fullheight.vertical-hero .sow-slider-base ul.sow-slider-images li.sow-slider-image .sow-slider-image-container {
position: relative;
}
.showarrow {
position: relative;
} .height-100 {
height: 100vh;
}
.height-100.offset-site-header {
height: calc(100vh - 150px);
}
.height-95 {
height: 95vh;
}
.height-95.offset-site-header {
height: calc(95vh - 150px);
}
.height-90 {
height: 90vh;
}
.height-90.offset-site-header {
height: calc(90vh - 150px);
}
.height-80 {
height: 80vh;
}
.height-80.offset-site-header {
height: calc(80vh - 150px);
}
.height-70 {
height: 70vh;
}
.height-70.offset-site-header {
height: calc(70vh - 150px);
} @keyframes fade-updown {
0%   {opacity: 0; margin-top: -5px;}
50%  {opacity: 1; }
100% {opacity: 0; margin-top: 5px;}
}
.bottom-circle {
border-radius: 50%;
border: 2px solid transparent;
bottom: 5%;
left: calc(50% - 40px);
position: absolute;
text-align: center;
width: 80px;
height: 80px;
cursor: pointer;
transition: 0.5s;
z-index: 151;
background-color: rgba(0,0,0,0);
}
#circle2 {
position: static;
}
.bottom-arrow {
width: 100%;
height: 100%;
font-family: FontAwesome;
background-size: 70%;
display: table;
}
.animation {
-webkit-animation:fade-updown 1.25s ease infinite;
-moz-animation:fade-updown 1.25s ease infinite;
animation: fade-updown 1.25s ease infinite;
}
.bottom-arrow::before {
content: '\f107';
font-size: 48px;
text-align: center;
color: #FFF;
display: table-cell;
vertical-align: middle;
}
.bottom-circle a {
text-decoration: none;
outline: none !important;
cursor: pointer;
}
@media screen and (max-height: 640px) {
body .fullheight.no-fullheight-mobile {
height: auto !important;
justify-content: top !important;
padding-bottom: 60px !important;
padding-top: 30px !important;
}
} .longer-wrap .widget_sow-editor {
margin-bottom: 15px !important;
}
.longer-css {
background: transparent;
float: left;
width: 100%;
padding: 0;
cursor: pointer;
transition: 0.5s;
position: relative;
overflow: hidden;
margin-bottom: 30px;
}
.longer-css > div {
height: auto;
width: 100%;
transition: 0.5s;
}
.longer-css > div > div h3 {
margin-bottom: 0;
margin-top: 0;
}
.longer-css .longer-overlay {
height: 100%;
width: 100%;
left: 0;
bottom: 0;
position: absolute;
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%);
transition: 0.5s ease-in-out;
}
.longer-css p {
margin-bottom: 0;
margin-top: 0;
}
.longer-plus,
.longer-hide {
position: absolute;
right: 5px;
font-weight: bold;
line-height: 1;
font-size: 2em;
bottom: 0;
}
.longer-plus::before {
content: '+';
}
.longer-hide::before {
content: '-';
} #lightboxIframe {
display: none;
}
#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 10090;
width: 100%;
height: 500px;
background-color: #000;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
display: none;
}
#lightbox{
position: absolute;
left: 0;
width: 100%;
z-index: 10100; line-height: 0;
}
#jqlb_spinner{
height:32px;
}
#jqlb_closelabel{
height:22px;
width:66px;
}
#lightbox a {
cursor: pointer;
}
#lightbox a img{ border: none; }
#outerImageContainer{
position: relative;
background-color: #fff;
width: 300px;
height: 300px;
margin: 0 auto;
}
#imageContainer{
padding: 0;
text-align: center;
}
#jqlb_loading{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
line-height: 0;
}
#hoverNav{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#imageContainer>#hoverNav{ left: 0; }
#hoverNav a{ outline: none; } #prevLink, #nextLink{
width: 45%;
height: 100%;
display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {  }
#nextLink:hover, #nextLink:visited:hover {  }  #imageDataContainer{
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
color: #000;
margin: 0 auto;
line-height: 1.4em;
}
#imageData{
padding:0 10px;
}
.ontop #imageData {
padding-top: 5px; }
#imageData #imageDetails{
float: left;
text-align: left;
margin-bottom: 10px;
width: 80%; width: -moz-calc(100% - 80px); width: -webkit-calc(100% - 80px); width: -o-calc(100% - 80px); width: calc(100% - 80px); }
#imageData #imageDetails #titleAndCaption{ } #imageData #imageDetails #titleAndCaption #titleText { font-weight: bold; }
#imageData #imageDetails #titleAndCaption #captionText { font-weight: normal; }
#imageData #imageDetails #controls{ margin:0px; white-space: nowrap;}
#imageData #imageDetails #controls #playPause{}
#imageData #imageDetails #controls #numberDisplay{}
#imageData #imageDetails #controls #downloadLink{}
#imageData #bottomNav #bottomNavClose{ height:22px; width: 66px; float: right; margin-bottom: 10px; }
body #hoverNav {
display: flex;
align-items: center;
justify-content: space-around;
}
body #prevLink,
body #nextLink {
opacity: 0;
transition: 0.6s;
text-decoration: none;
position: relative;
display: flex;
align-items: center;
width: 50%;
}
#prevLink:before,
#nextLink:after {
font-family: "FontAwesome";
display: inline-block;
background: transparent;
border-radius: 50%;
width: 100%;
font-size: 42px;
color: #FFF;
}
#prevLink:before {
content: "\f104";
text-align: left;
padding-left: 30px;
}
#nextLink:after {
content: "\f105";
text-align: right;
padding-right: 30px;
}
#prevLink:hover, #prevLink:visited:hover,
#nextLink:hover, #nextLink:visited:hover {
background-image: none !important;
opacity: 1;
}
#controls, #imageDetails {
display: none;
}
#lightbox #outerImageContainer {
background: #0c0c0c;
}
#imageData #bottomNav #bottomNavClose {
height: 80px !important;
width: 80px !important;
float: none !important;
margin-bottom: 0;
position: fixed;
top: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
z-index: 999999;
}
#bottomNavClose #jqlb_closelabel {
height: auto !important;
width: auto !important;
background: none;
}
#jqlb_closelabel::before {
font-family: 'FontAwesome';
content: '\f00d';
color: #FFF;
font-size: 3em;
}
body #jqlb_loading {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
body > #overlay,
body > #lightbox {
z-index: 99999;
} .a-disappear {
opacity: 0 !important;
visibility: hidden;
}
.a-appear {
opacity: 1 !important;
visibility: visible !important;
}
.a-down {
transform: translateY(10px) !important;
}
.a-up {
transform: translateY(10px) !important;
}
.a-scale-1 {
transform: scale(1,1) !important;
}
.a-scale-0 {
transform: scale(0,0) !important;
}
.a-scale-y {
transform: scale(1,0) !important;
}
.a-scale-x {
transform: scale(0,1) !important;
}
.a-translate-xo {
transform: translateX(0) !important;
}
.a-translate-yo {
transform: translateY(0) !important;
}