/*
Theme Name: vitalhealthsolution
Theme URI: https://www.paradisetechsoft.com/
Author: The PTSS Team
Author URI: https://www.paradisetechsoft.com/
Description: This theme based Upon the brand 
Requires at least: 6.0
Tested up to: 6.3
Requires PHP: 5.7
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vitalhealthsolution
Tags: FSE, Donation theme
*/

html {
    scroll-behavior: smooth;
}

 .wp-block-spacer {
    height: 0!important;
}
a{
	color:#5F5959;
    text-decoration:none;
}
footer a:hover{
	color:#5ac553!important;
    padding-left:5px;
	transition:0.2s;
}
.box_readmore a{
	color:#49BCEB;
}
.help-header img {
    width: 20px;
    margin: 0px 7px 0px 0px;
}
span.d-none {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
	margin-right: 5px;
}
span.number a {
    text-decoration: auto;
    /* text-underline-offset: inherit; */
    font-weight: 400;
    color: #fff;
    font-size: 14px;
}
span.past {
    padding: 0px 14px;
    font-size: 26px;
    font-weight: 300;
    color: #fff;
}
header{
	   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.help_us{
    border: 3px solid;
    border-image-source: linear-gradient(135deg,rgb(75,189,216) 22%,rgb(91,198,66) 61%);
    border-image-slice: 1;
    padding: 6px 40px!important;
}
.header-menus a:not(:last-child)::after {
   display:none;
}
.header-menus a:nth-child(8)::after {
   display:none;
}
.mob_sec{
	display:none;
}
box_mob{
	 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.header-menus a::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    /* background: #2c2929; */
    transition: width .3s;
    cursor: pointer;
    background-image: linear-gradient(to right, #4dbec6 31%, #5bc642 100%);
}
.row.content {
    display: flex;
    justify-content: space-between;
}
.top-bar {
    padding-left: 65px;
    padding-right: 65px;
}
.content .col-6 {
    display: flex;
    align-items: center;
}
.header-menus a:hover::after {
    width: 100%;
}
ul.wp-block-post-template-is-layout-flow {
    padding: 0px !important;
}
.\32 nd-box a::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #fff;
    transition: width .3s;
}
.\32 nd-box a:hover::after {
    width: 100%;
}
.\32 nd-box:hover h3, .\32 nd-box:hover p, .\32 nd-box:hover a {
    color: #ffffff !important;
}
.\32 nd-box:hover {
    background-image: linear-gradient(to right, #4dbec6 31%, #5bc642 100%);
    /* color: #fff !important; */
    text-decoration: none;
     opacity: 1;
}

.\32 nd-box {
	transition: 0.3s;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.\32 nd-section {
    position: relative;
    z-index: 1;
    margin: -83px 0px 0px 0px;
    opacity: 1;
}
.\32 nd-box:hover {
   
}
.third-section a {
    color: #ffffff !important;
	background: linear-gradient(135deg,rgb(75,189,216) 22%,rgb(91,198,66) 61%);
}
.what_wedo p{
  width:950px;
  padding-left:20px;	
  padding-right:20px;
}
.donate_today p{
	width:950px;
}
.third-section a:hover {
  transform: scale(1.1);
    cursor: pointer;
    text-align: center;
    background-size: 160% 200%;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.third-section a{
   transition: 0.3s;
}
.donate-button a {
	color: #ffffff !important;
	background: linear-gradient(135deg,rgb(75,189,216) 22%,rgb(91,198,66) 61%);
    border-radius:30px;
    padding:8px 30px;
}
.donate-button a:hover {
	 transform: scale(1.1);
    cursor: pointer;
    text-align: center;
    background-size: 160% 200%;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.help_us:hover {
	 transform: scale(1.1);
    cursor: pointer;
    text-align: center;
    background-size: 160% 200%;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
li.wp-block-navigation-item.help_us.wp-block-navigation-link a::after {
    display: none;
}
.perp_col p{
    width: 250px;
}
.donate-button a {
	transition: 0.3s;
}
.helps-work a {
    transition: 0.3s;
}
.helps-work a:hover {
    transform: scale(1.1);
    cursor: pointer;
    text-align: center;
    background-size: 160% 200%;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
li.wp-block-navigation-item.donate-button.wp-block-navigation-link a::after {
 display:none;
}

.top-bar .col-12 {
    display: flex;
	align-items: center;}

.third-section img.wp-image-99 {
    width: 70%;
}

main#wp--skip-link--target {
    margin: 0px !important;
}

.call-us {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.youth img {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.mobile {
    position: relative;
    margin-top: -50px !important;
	z-index:9;
}
.social-media a {
    background-image: linear-gradient(to right, #4dbec6 31%, #5bc642 100%);
    color: #fff !important;
    text-decoration: none;
    opacity: 1;
    border-radius: 27px;
	border:0px;
}
.helps-work {
    max-width: 1000px !important;
}
.help-is {
    border-radius: 14px;
}

header{
    position: sticky;
    top:-52px;
    right: 0;
    left: 0;
    z-index: 99;
    background: #fff;
}
.youth a:hover::after {
    width: 100%;
}
.youth a::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    transition: width .3s;
    cursor: pointer;
    background: #4dbec6;
}
.mobile-section a {
    text-decoration: none;
}
.mobile-section a:hover {
    color: #49bceb;
}
.woman {
    display: flex;
    justify-content: center;
}
.location a {
	color: #5F5959;
    text-decoration: none;
}
.location a:hover {
    color: #49bceb;
}

.testing {
    padding-top: 20px;
}
/*contact form */
.contact-form h3 {
    font-size: 40px !important;
    font-weight: 700;
    margin: 0px;
}
.contact-form input{
   padding: 6px 15px!important;
   width:100%!important;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: 22%!important;
}
p.help-text {
    font-weight: 400;
    color: #5f5959;
    font-size: 20px !important;
    margin: -3px 0px 26px;
    /* margin-bottom: 16px; */
}
label {
	 font-size: 16px;
    color: #5f5959;
    font-weight: 400;
}
.contact-form {
    border-radius: 30px;
  background: #ffffff !important;
    margin: 0 auto;
    max-width: 600px;
    padding: 30px 50px;
}
.contact-form input {
	border: 1px solid #ccc;
    background: #f7f8fc;
   padding: 20px 15px!important;
   width:100%!important;
  box-sizing:border-box;
}
.contact-form input:hover {
    border: 1px solid #ffb900;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
    height: 100%;
    transition: 0.3s;
    margin: 10px 0px 0px 0px;
    text-align: center;
    border: 1px solid #5ac553;
    border-radius: 28px;
    padding: 12px 34px;
    width: 22%;
    font-family: 'Poppins';
    color: #ffffff !important;
    background: linear-gradient(135deg,rgb(75,189,216) 22%,rgb(91,198,66) 61%);
	font-size: 15px;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
transform: scale(1.1);
    cursor: pointer;
    text-align: center;
    background-size: 160% 200%;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.page-id-396 form {
    background: linear-gradient(135deg,rgb(73,188,235) 39%,rgb(90,197,83) 60%);
    padding: 60px;
}
.contact-form p {
    margin-bottom: 20px;
}
textarea:focus, input:focus {
    outline: none;
}
.wpcf7-response-output {
    margin: 20px auto !important;
    text-align: center;
    max-width: 600px;
}

img.wp-image-474 {
    position: relative;
    top: 7px;
}

p.box_readmore a::after {
    display: none;
}

/*******/
.tophedaer_leftcol {
    display: flex;
    align-items: center;
}
.hidesection{
	display:none;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
    padding: 14px!important;
}
img.custom-logo {
    width: 200px;
}

/* -- 15-sep-23 --*/
.free_hiv_text_sec ul li,
.service_page_content ul li {
    list-style: disc;
}
.job_opportunity_text_part figure.wp-block-image {
    margin-bottom: 0;
    margin-top: 0;
}
.claender_group {
    box-shadow: 0px 0px 20px #c3c3c3;
    border-radius: 10px;
}
#wp-calendar caption {
    margin-bottom: 20px;
    font-weight: 500;
}
.claender_group .wp-calendar-nav {
    margin-top: 20px;
}
.claender_group .wp-calendar-nav a {
    color: #49bceb;
    font-weight: 500;
    transition: 0.5s;
}

.claender_group .wp-calendar-nav a:hover {
    color: #5ac553;
}
.calender_post_block {
    box-shadow: 0px 0px 20px #c3c3c3;
    border-radius: 10px;
    height: 100%;
}
.calender_post_block a.wp-block-post-excerpt__more-link {
    color: #49bceb;
    font-weight: 500;
    transition: .4s ease-in-out;
}

.job_opportunity_text_part{
	display:none;
}
.calender_post_block a.wp-block-post-excerpt__more-link:hover {
    color: #5ac553;
}

.calender_post_block p.wp-block-post-excerpt__more-text {
    margin-top: 14px;
}
.wp-block-columns.alignwide.location.is-layout-flex.wp-container-15.wp-block-columns-is-layout-flex {
    justify-content: center;
}

/* -- 15-sep-23 --*/


/** media query start here **/
@media (max-width: 1280px){
img.custom-logo {
    width: 200px;
}
}
@media (max-width: 1200px){
.mobile .wp-block-columns{
    display: flex;
    flex-direction: column;
}
.mobile .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
    text-align: center;
	}
}
@media (max-width: 1024px){
.wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: block !important;
  }
  li.has-child.open-on-hover-click.wp-block-navigation-submenu ul {
    display: none;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: none;
  }
	.wp-block-navigation__responsive-close {
    height: 100%;
    background: #49bceb;
    color: #ffffff;
}
a.wp-block-navigation-item__content {
    font-size: 18px!important;
}
.banner .wp-block-cover.alignfull.is-light.cover-img {
    min-height: 60vh!important;
}
 .help_us{
    border: 3px solid rgb(91,198,66);
}
.help-header .top-bar .col-12 {
    justify-content: center;
}
.main-header {
    padding-right:30px!important;
    padding-left: 30px!important;
}
.header-menus .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list {
    background: transparent!important;
    color: white!important;
}
ul.wp-block-navigation__container.has-text-color.has-contrast-color.is-responsive.items-justified-right.header-menus.wp-block-navigation {
    width: 100%;
    direction: rtl;
    /* padding: 0 40px; */
    display: flex;
    align-items: center;
}
.wp-block-navigation__responsive-container-close {
  right: 35px; 
  top:20px; 
}
button.wp-block-navigation__responsive-container-open {
    color: #5ac553;
}
.main-header .wp-block-group.alignfull.is-content-justification-space-between.is-layout-flex.wp-container-10.wp-block-group-is-layout-flex {
    flex-wrap: nowrap;
}
.main-header .wp-block-navigation .wp-block-page-list, .wp-block-navigation__container, .wp-block-navigation__responsive-close, .wp-block-navigation__responsive-container, .wp-block-navigation__responsive-container-content, .wp-block-navigation__responsive-dialog {
    
    gap: 12px;
}
.donate-button a {
    color: #ffffff !important;
     background: rgb(91,198,66); */
    border-radius: 30px;
    padding: 8px 40px!important;
}
.perp_test{
padding-top:0!important;
display:flex!important;
flex-wrap:wrap!important;
}
.perp_test .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
    flex-basis: 48%!important;
}
.testing{
	margin-top:60px;
}
.donate_today .wp-block-cover.is-light {
    padding-top: 60px!important;
    padding-bottom: 60px!important;
}
**** About us page*****

.wp-block-group.vital.has-global-padding.is-layout-constrained.wp-container-16.wp-block-group-is-layout-constrained {
    margin-top: 20px!important;
}
.wp-block-cover.About_us {
  min-height:50vh!important;
}
.wp-block-group.Lorem_ipsum.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
    margin-top:20px!important;
   padding-bottom:0!important;
}
.donate_today p {
   width:unset!important;
}
}
@media (max-width: 991px){
.job_opportunity_text_part figure.wp-block-image img {
    width: 100% !important;
	height: auto !important;
}

.job_opportunity_text_part figure.wp-block-image {
    width: 40% !important;
}
.wp-block-navigation__responsive-container-close {
  right: 35px; 
  top:20px; 
}
.calendar_banner,
.job_opportunity_banner,
.free_hiv_testing,
.service_banner {
    min-height: 35vh !important;
}
	


	
img.wp-image-631 {
   width:360px!important;
   height:360px!important;
	}
.what_wedo p {
    width:unset!important;
}
.call-us .wp-block-column {
    padding-left: 0!important;
    padding-right: 0!important;
}
}
@media (max-width: 781px){
.banner_col .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
    flex-basis: 38%!important;
}
.perp_test.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
    flex-basis: 48%!important;
}
footer .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
    flex-basis: 46%!important;
}
}
@media screen and ( max-width: 782px ) {
html {
    margin-top: 0px !important;
 }
}
@media (max-width:768px)
{
h1{
font-size:36px!important;
}
h2{
font-size:32px!important;
}
h3{
font-size:28px!important;
}
h4{
font-size:25px!important;
}
h4{
font-size:22px!important;
}
p{
font-size:16px!important;
}
.call-us p {
    font-size: 13px!important;
}
.top-bar {
    justify-content: center;
}
 
.third-section{
   text-align:center;
}
.read_more{
    text-align: -webkit-center;
}
.mobile-section {
    text-align: center;
}
.what_wedo p{
  width:unset!important;
  padding-left:20px;	
  padding-right:20px;
}
.helps-work {
    padding-left: 0!important;
    padding-right: 0!important;
}
.wp-block-buttons.read_more_btn.is-content-justification-left.is-layout-flex.wp-container-20.wp-block-buttons-is-layout-flex {
    justify-content: center;
}
//****about us****//

.here_help{
    margin-top: 0!important;
}
.vital {
    margin-top: 20px!important;
}
.wp-block-cover.About_us{
    min-height: 40vh!important;
}
.couple figure.wp-block-image{
    margin-inline-start: 0!important;
  margin-inline-end: 0!important;
}
/****What we do****/
.couple .wp-block-columns {
    align-items: normal!important;
    box-sizing: border-box;
    display: flex;
    flex-wrap: nowrap!important;
}
/****Contact us****/
.contact-form h3 {
    font-size: 25px !important;
    font-weight: 700;
    margin: 0px;
}
p.help-text {
   font-size: 15px !important;
}
label {
    font-size: 14px;
}
.contact-form input {
    padding: 15px!important;
    width: 100%!important;
   box-sizing:border-box;
}
footer p.has-text-align-center.has-text-color.has-x-small-font-size {
    font-size: 13px!important;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
    padding: 10px!important;
}
footer p.has-text-color.has-small-font-size {
    line-height: 1.3!important;
   font-size:16px!important;
}
footer h4.wp-block-heading.has-large-font-size {
    font-size: 20px!important;
}
.page-id-396 form {
    padding: 30px;
}
.get_touch figure.wp-block-image {
    margin-bottom: 20px!important;
}
.get_touch h3 {
    margin-bottom: 5px!important;
}

}
@media (max-width:767px)
{
h1{
font-size:32px!important;
}
h2{
font-size:28px!important;
}
h3{
font-size:24px!important;
}
h4{
font-size:22px!important;
}
h4{
font-size:20px!important;
}
p{
font-size:13px!important;
	}
a{
font-size:13px!important;
}
img.wp-image-631 {
    width: 280px!important;
    height: 280px!important;
}
.help-header span.d-none.d-md-inline-block {
    font-size: 12px;
}
.help-header a {
    font-size: 10px!important;
}
.help-header span.number {
    display: flex;
	}
.main-header img.custom-logo {
    max-width: 200px;
}
.testing {
    margin-top: 20px!important;
}
footer h4.wp-block-heading {
    padding-bottom: 10px!important;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
   width: 40%!important;
  }
.contact-form {
    padding: 16px 20px;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
    padding: 10px!important;
}
footer .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
    flex-basis: 50%!important;
}
.banner_col .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
    flex-basis: 41%!important;
}
.perp_col p.has-text-align-center.has-contrast-color.has-base-background-color.has-text-color.has-background {
    width: 50%;
}
header {
    top: -41px;
}
}

@media (max-width:600px) {
	.job_opportunity_text_part figure.wp-block-image {
			width: 100% !important;
			margin: 0 0 20px 0;
		}
	.top-bar {
		padding-left: 30px;
		padding-right: 30px;
	}
	.main-header {
	    padding: 10px 20px 10px 20px !important;
	}
}
@media (max-width:420px)
{
header {
    top: -59px;
}
	
.main-header .wp-block-button.has-custom-width.wp-block-button__width-100.has-custom-font-size.donate-button {
    display: none;
}
.help-header img {
	display:none;
}
img.wp-image-631 {
    width: 230px!important;
    height: 230px!important;
}
.help-header span.past {
    padding: 0px 8px;
    font-size: 18px;
    font-weight: 300;
    color: #fff;
}
.help-header span.d-none.d-md-inline-block {
    font-size: 11px;
}
.help-header a {
    font-size: 9px!important;
}

.couple .wp-block-columns {
    align-items: normal!important;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap!important;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: 35%!important;
}
.wp-block-group.Lorem_ipsum_1.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
    padding-left: 0!important;
    padding-right: 0!important;
}
.content .col-6 {
    justify-content: center;
}
.row.content {
    flex-direction: column;
}
}

/**/
.wp-block-image img {
    box-sizing: border-box;
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
}

.wp-block-image[style*=border-radius] img,.wp-block-image[style*=border-radius]>a {
    border-radius: inherit
}

.wp-block-image.has-custom-border img {
    box-sizing: border-box
}

.wp-block-image.aligncenter {
    text-align: center
}

.wp-block-image.alignfull img,.wp-block-image.alignwide img {
    height: auto;
    width: 100%
}

.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright {
    display: table
}

.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.aligncenter>figcaption,.wp-block-image.alignleft>figcaption,.wp-block-image.alignright>figcaption {
    caption-side: bottom;
    display: table-caption
}

.wp-block-image .alignleft {
    float: left;
    margin: .5em 1em .5em 0
}

.wp-block-image .alignright {
    float: right;
    margin: .5em 0 .5em 1em
}

.wp-block-image .aligncenter {
    margin-left: auto;
    margin-right: auto
}

.wp-block-image figcaption {
    margin-bottom: 1em;
    margin-top: .5em
}

.wp-block-image .is-style-rounded img,.wp-block-image.is-style-circle-mask img,.wp-block-image.is-style-rounded img {
    border-radius: 9999px;
}

@supports ((-webkit-mask-image: none) or (mask-image:none)) or (-webkit-mask-image:none) {
    .wp-block-image.is-style-circle-mask img {
        border-radius:0;
        -webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
        mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
        mask-mode: alpha;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        mask-size: contain
    }
}

.wp-block-image :where(.has-border-color) {
    border-style: solid
}

.wp-block-image :where([style*=border-top-color]) {
    border-top-style: solid
}

.wp-block-image :where([style*=border-right-color]) {
    border-right-style: solid
}

.wp-block-image :where([style*=border-bottom-color]) {
    border-bottom-style: solid
}

.wp-block-image :where([style*=border-left-color]) {
    border-left-style: solid
}

.wp-block-image :where([style*=border-width]) {
    border-style: solid
}

.wp-block-image :where([style*=border-top-width]) {
    border-top-style: solid
}

.wp-block-image :where([style*=border-right-width]) {
    border-right-style: solid
}

.wp-block-image :where([style*=border-bottom-width]) {
    border-bottom-style: solid
}

.wp-block-image :where([style*=border-left-width]) {
    border-left-style: solid
}

.wp-block-image figure {
    margin: 0
}

.wp-lightbox-container .img-container {
    position: relative
}

.wp-lightbox-container button {
    background: none;
    border: none;
    cursor: zoom-in;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 100
}

.wp-lightbox-container button:focus-visible {
    outline: 5px auto #212121;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: 5px
}

.wp-lightbox-overlay {
    height: 100vh;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100vw;
    z-index: 100000
}

.wp-lightbox-overlay .close-button {
    cursor: pointer;
    padding: 0;
    position: absolute;
    right: 12.5px;
    top: 12.5px;
    z-index: 5000000
}

.wp-lightbox-overlay .wp-block-image {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    position: absolute;
    width: 100%;
    z-index: 3000000
}

.wp-lightbox-overlay .wp-block-image figcaption {
    display: none
}

.wp-lightbox-overlay .wp-block-image img {
    max-height: 100%;
    max-width: 100%;
    width: auto
}

.wp-lightbox-overlay button {
    background: none;
    border: none
}

.wp-lightbox-overlay .scrim {
    background-color: #fff;
    height: 100%;
    opacity: .9;
    position: absolute;
    width: 100%;
    z-index: 2000000
}

.wp-lightbox-overlay.fade.active {
    animation: turn-on-visibility .25s both;
    visibility: visible
}

.wp-lightbox-overlay.fade.active img {
    animation: turn-on-visibility .3s both
}

.wp-lightbox-overlay.fade.hideanimationenabled:not(.active) {
    animation: turn-off-visibility .3s both
}

.wp-lightbox-overlay.fade.hideanimationenabled:not(.active) img {
    animation: turn-off-visibility .25s both
}

.wp-lightbox-overlay.zoom img {
    height: var(--lightbox-image-max-height);
    position: absolute;
    transform-origin: top left;
    width: var(--lightbox-image-max-width)
}

.wp-lightbox-overlay.zoom.active {
    opacity: 1;
    visibility: visible
}

.wp-lightbox-overlay.zoom.active .wp-block-image img {
    animation: lightbox-zoom-in .4s forwards
}

@media (prefers-reduced-motion) {
    .wp-lightbox-overlay.zoom.active .wp-block-image img {
        animation: turn-on-visibility .4s both
    }
}

.wp-lightbox-overlay.zoom.active .scrim {
    animation: turn-on-visibility .4s forwards
}

.wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .wp-block-image img {
    animation: lightbox-zoom-out .4s forwards
}

@media (prefers-reduced-motion) {
    .wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .wp-block-image img {
        animation: turn-off-visibility .4s both
    }
}

.wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .scrim {
    animation: turn-off-visibility .4s forwards
}

html.has-lightbox-open {
    overflow: hidden
}

@keyframes turn-on-visibility {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes turn-off-visibility {
    0% {
        opacity: 1;
        visibility: visible
    }

    99% {
        opacity: 0;
        visibility: visible
    }

    to {
        opacity: 0;
        visibility: hidden
    }
}

@keyframes lightbox-zoom-in {
    0% {
        left: var(--lightbox-initial-left-position);
        top: var(--lightbox-initial-top-position);
        transform: scale(var(--lightbox-scale-width),var(--lightbox-scale-height))
    }

    to {
        left: var(--lightbox-target-left-position);
        top: var(--lightbox-target-top-position);
        transform: scale(1)
    }
}

@keyframes lightbox-zoom-out {
    0% {
        left: var(--lightbox-target-left-position);
        top: var(--lightbox-target-top-position);
        transform: scale(1);
        visibility: visible
    }

    99% {
        visibility: visible
    }

    to {
        left: var(--lightbox-initial-left-position);
        top: var(--lightbox-initial-top-position);
        transform: scale(var(--lightbox-scale-width),var(--lightbox-scale-height))
    }
}