/*
 Theme Name:     Husk Creative
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Husk
 Author URI:     https://www.husk.co.nz/
 Template:       Divi
 Version:        1.0.031
*/

body {
  cursor: default;
  position: relative;
}

.custom-cursor {
  position: fixed;
  pointer-events: none;
  width: 40px;
  height: 40px;
  background: url("data:image/svg+xml,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2050%2051.7%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-2%7Bfill%3A%23d39f11%3B%7D.cls-3%7Bclip-path%3Aurl(%23clippath)%3B%7D%3C%2Fstyle%3E%3CclipPath%20id%3D%22clippath%22%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2250%22%20height%3D%2251.7%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20class%3D%22cls-3%22%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M49.71%2C0c-.57.29-1%2C.43-1.28.71-1.7%2C1.42-3.41%2C2.84-5.25%2C4.12-4.4%2C3.27-8.95%2C6.67-13.35%2C9.94-1.84%2C1.56-3.55%2C2.98-5.54%2C4.4q-1%2C.71-2.13-.14c-2.98-2.7-5.82-5.26-8.95-7.81-1.85-1.56-3.69-2.27-5.97-1.7-1.99.57-3.98%2C1.42-5.96%2C2.27-.29%2C0-.43.43-.71.71%2C2.41%2C6.96%2C7.1%2C12.21%2C12.5%2C17.33-.43.43-.57.85-.71.99-1.99%2C2.55-3.69%2C4.83-5.82%2C7.24C4.26%2C40.91%2C3.13%2C44.6%2C0%2C46.59c1%2C1%2C1.56%2C1.85%2C2.42%2C2.7.28.57%2C1.14.85%2C1.56%2C1.28.99.42%2C1.85.71%2C2.56%2C1.13.71-.14%2C1.56-.14%2C2.27-.28.85-.28%2C1.99%2C0%2C2.56-.85.57-.85%2C1.14-1.42%2C1.85-1.85%2C3.41-2.84%2C6.82-5.68%2C9.51-9.23.28-.28.57-.57%2C1-.71%2C1.28%2C1.28%2C2.56%2C2.56%2C3.98%2C3.69%2C1.85%2C1.85%2C3.69%2C3.69%2C5.68%2C5.4%2C2.84%2C2.56%2C6.11%2C3.83%2C9.66%2C3.12.43-.14%2C1.14-.28%2C1.14-.57.28-.85%2C1.13-.57%2C1.85-.71.28%2C0%2C.57-.28%2C1.13-.28-.57-1.42-.85-2.56-1.7-3.69-1.28-1.85-1.71-3.69-2.13-5.54-.28-2.27-1.42-3.98-2.7-5.82-2.13-2.42-4.83-4.26-7.39-6.25-1.99-1.7-1.99-1.99-.85-3.98.14-.42.42-.71.85-1.13.57-.86%2C1.28-1.85%2C1.85-2.7%2C1.56-1.56%2C3.12-3.41%2C4.54-5.11%2C1.99-2.27%2C4.26-4.26%2C6.11-6.68.85-1.14%2C1.42-2.56%2C1.85-4.12.43-1%2C.71-1.85%2C1.28-2.7.43-.43.57-.85%2C1.14-1.42C49.86.14%2C49.71%2C0%2C49.71%2C0%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat;
  transform: translate(-50%, -50%);
  transition: transform 0.3s ease;
  opacity: 0.5;
  z-index: 99999999999;
}

.custom-cursor.clicked {
  opacity: 0.85; 
}

/*------------------------------------------------*/
/*--------------[typography]-----------*/
/*------------------------------------------------*/
h1, h2, h3, h4, h5, h6, .et_pb_posts .pagination a {
	font-family: greycliff-cf, sans-serif;
	line-height: 1.2em;
	text-transform: initial;
}

h1, h2, h3 {
	font-weight: 900;
}

h4, h5, h6, .et_pb_posts .pagination a, h3 span.light {
	font-weight: 300;
}

h1, 
.et_pb_column_1_2 h1,
.et_pb_column_1_3 h1, 
.et_pb_column_1_4 h1, 
.et_pb_column_1_5 h1, 
.et_pb_column_1_6 h1, 
.et_pb_column_2_5 h1{
	font-size: 110px;
} 

.hero .et_pb_text_inner h1 {
	font-size: 72px;
}

h2,
.et_pb_column_1_2 h2,
.et_pb_column_1_3 h2, 
.et_pb_column_1_4 h2, 
.et_pb_column_1_5 h2, 
.et_pb_column_1_6 h2, 
.et_pb_column_2_5 h2, 
.et_pb_title_container h1.entry-title {
	font-size: 58px;
}

h3, 
.et_pb_column_1_2 h3,
.et_pb_column_1_3 h3, 
.et_pb_column_1_4 h3, 
.et_pb_column_1_5 h3, 
.et_pb_column_1_6 h3, 
.et_pb_column_2_5 h3,
.et_pb_post h2,
h5.et_pb_toggle_title {
	font-size: 40px;
}

h4,
.et_pb_column_1_2 h4,
.et_pb_column_1_3 h4, 
.et_pb_column_1_4 h4, 
.et_pb_column_1_5 h4, 
.et_pb_column_1_6 h4, 
.et_pb_column_2_5 h4,
.et_pb_blog_grid h2 {
	font-size: 32px;
}

h5,
.et_pb_column_1_2 h5,
.et_pb_column_1_3 h5, 
.et_pb_column_1_4 h5, 
.et_pb_column_1_5 h5, 
.et_pb_column_1_6 h5, 
.et_pb_column_2_5 h5,
.et_pb_column_1_3 .et_pb_blurb_container h4 {
	font-size: 20px;
}

h6,
.et_pb_column_1_2 h6,
.et_pb_column_1_3 h6, 
.et_pb_column_1_4 h6, 
.et_pb_column_1_5 h6, 
.et_pb_column_1_6 h6, 
.et_pb_column_2_5 h6 {
	font-size: 18px;
	padding-bottom: 0px;
}

p, .et_pb_toggle_content, .et_pb_text_inner, .et_pb_blurb_description, .et_pb_tab_content, ul li, ol li, cite {
	font-family: greycliff-cf, sans-serif;
	font-size: 18px;
	line-height: 1.7em;
	font-weight: 400;
}

.testimonial .et_pb_text_inner, .testimonial .et_pb_text_inner p {
	font-weight: 400;
}

.small .et_pb_text_inner, 
.small .et_pb_text_inner p, 
.small .et_pb_text_inner ul li, 
.small .et_pb_text_inner ol li {
	font-size:14px;
}

.large .et_pb_text_inner, 
.large .et_pb_text_inner p, 
.large .et_pb_text_inner ul li, 
.large .et_pb_text_inner ol li {
	font-size:24px;
}

.capitalize .et_pb_text_inner h2, 
.capitalize .et_pb_text_inner h3{
	text-transform: capitalize;
}

@media only screen and (max-width: 767px) {	
	.et_pb_title_container h1.entry-title,
	h1, 
	.et_pb_column_1_2 h1,
	.et_pb_column_1_3 h1, 
	.et_pb_column_1_4 h1, 
	.et_pb_column_1_5 h1, 
	.et_pb_column_1_6 h1, 
	.et_pb_column_2_5 h1 {
		font-size: 58px;
	}
	
	.hero .et_pb_text_inner h1 {
		font-size: 46px;
	}
	 
	h2, 
	.et_pb_column_1_2 h2,
	.et_pb_column_1_3 h2, 
	.et_pb_column_1_4 h2, 
	.et_pb_column_1_5 h2, 
	.et_pb_column_1_6 h2, 
	.et_pb_column_2_5 h2,
	.hero .et_pb_text_inner h1 {
		font-size: 40px;
	}
	
	h3,
	.et_pb_column_1_2 h3,
	.et_pb_column_1_3 h3, 
	.et_pb_column_1_4 h3, 
	.et_pb_column_1_5 h3, 
	.et_pb_column_1_6 h3, 
	.et_pb_column_2_5 h3,
	.et_pb_blog_grid h2,
	article.et_pb_post h2,
	h5.et_pb_toggle_title {
		font-size: 32px;
	}
	
	.service-titles h3 {
		font-size: 20px;
	}

	h4, 
	.et_pb_column_1_2 h4,
	.et_pb_column_1_3 h4, 
	.et_pb_column_1_4 h4, 
	.et_pb_column_1_5 h4, 
	.et_pb_column_1_6 h4, 
	.et_pb_column_2_5 h4,
	.thumbnail-tiles .et_pb_blurb_container h4{
		font-size: 20px;
	}
	
	h5,
	.et_pb_column_1_2 h5,
	.et_pb_column_1_3 h5, 
	.et_pb_column_1_4 h5, 
	.et_pb_column_1_5 h5, 
	.et_pb_column_1_6 h5, 
	.et_pb_column_2_5 h5,
	.et_pb_column_1_3 .et_pb_blurb_container h4 {
		font-size: 18px;
	}
	
	h6,
	.et_pb_column_1_2 h6,
	.et_pb_column_1_3 h6, 
	.et_pb_column_1_4 h6, 
	.et_pb_column_1_5 h6, 
	.et_pb_column_1_6 h6, 
	.et_pb_column_2_5 h6 {
		font-size: 16px;
	}
	
	p, ul li, ol li, 
	.et_pb_toggle_content, 
	.et_pb_text_inner, 
	.et_pb_blurb_description,
	.et_pb_tab_content,
	.large .et_pb_text_inner, 
	.large .et_pb_text_inner p, 
	.large .et_pb_text_inner ul li, 
	.large .et_pb_text_inner ol li{
		font-size: 16px;
	}

}

/* toggles - read more */
.read-more h5.et_pb_toggle_title {
	text-transform: capitalize;
	font-weight: 900;
	font-size: 16px;
}

/* blog posts */
.et_pb_title_container h1.entry-title {
	text-transform: capitalize;
}

.wp-block-quote p {
	font-weight: 900;
	font-size: 18px;
}

/* gutenburg columns */
.is-layout-flex {
	margin-bottom: 2em;
}

/* team */
h4.team-bio {
	font-weight: 400 !important; 
	line-height: 1.5; 
	letter-spacing: 0 !important;
}
	
/* underlines */
.et_pb_text_inner p a, 
.et_pb_text_inner ul li a,
.et_pb_text_inner a, 
.et_pb_text_inner table p a,
.et_pb_tab_content a,
.et_pb_toggle_content a,
.et_pb_toggle_content p a,
.et_pb_post_content p a {
    text-decoration: none;
}

.et_pb_text_inner p a:hover, 
.et_pb_text_inner ul li a:hover,
.et_pb_text_inner a:hover, 
.et_pb_text_inner table p a:hover,
.et_pb_post_content p a:hover,
.et_pb_post .entry-title a:hover, 
.et_pb_post h2 a:hover,
.et_pb_post .post-meta a:hover, 
.et_pb_posts .pagination a:hover {
	text-decoration: underline;
}

.et_pb_text_inner p a.btn:hover, 
.et_pb_text_inner a.btn:hover {
	text-decoration: none;
}

#word-flipper {
  display: inline-block;
}

.underline-magic, .menu-underline-magic a {
	background-image: linear-gradient(120deg, #e4aa17 0%, #e4aa17 100%);
	background-repeat: no-repeat;
	background-size: 100% 0.2em;
	background-position: 0 88%;
	transition: background-size 0.25s ease-in;
	text-decoration: none;
}

.underline-magic:hover {
    background-size: 100% 88%;
	text-decoration: none !important;
}

.highlight {
	background-image: linear-gradient(120deg, #e4aa17 0%, #e4aa17 100%);
	background-repeat: no-repeat;
	background-size: 100% 88%;
	background-position: 0 88%;
	text-decoration: none;
}

#word-flipper {
	transition: opacity 0.3s ease-in-out;
}

#et-top-navigation nav>ul>li.menu-underline-magic>a {
	padding-bottom:10px !important;
}

/*change color of text highlight*/
::-moz-selection {
  color: #222222;
  background: #e4a916;
}
::selection {
  color: #222222;
  background: #e4a916;
}

/*------------------------------------------------*/
/*--------------[menu]-----------*/
/*------------------------------------------------*/
#main-header {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

@media only screen and (min-width: 981px) {
.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {
    padding: 10px 0 0 0 !important;
	}
}

#top-menu li a, .et_search_form_container input,
#top-header, #top-header a, 
#et-secondary-nav li li a, 
#top-header .et-social-icon a:before {
	font-weight: 300 !important;
	font-family: greycliff-cf, sans-serif;
}

@media (max-width: 1199px) {
 #et_mobile_nav_menu {
 display: block;
 }
 
#top-menu {
 display: none;
 }
 }

/**** This hides the sub menu items on mobile ****/
#page-container .mobile_nav li ul.hide {
    display: none !important;
}
/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
#page-container .mobile_nav .menu-item-has-children {
    position: relative;
}
#page-container .mobile_nav .menu-item-has-children > a {
    background: transparent;
}
/**** This styles the icon and moves it to the right ****/
#page-container .mobile_nav .menu-item-has-children > a + span {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 300;
    cursor: pointer;
    z-index: 3;
}
/**** Here you can swap out the actual icons ****/
#page-container span.menu-closed:before {
    content: "\4c";
    display: block;
    color: #000;
    font-size: 16px;
    font-family: ETmodules;
}
#page-container span.menu-closed.menu-open:before {
    content: "\4d";
}


/*------------------------------------------------*/
/*--------------[icons]-----------*/
/* icon list: https://gist.github.com/SJ-James/cfcdbde560fe5f214205a254f7e21a4d */
/*------------------------------------------------*/
.icon_etModules:before {
	font-family: 'etModules';
/* 	margin-right: 10px; */
	vertical-align: middle;
}

.icon_phone:before {
	content: "\e090";
	color: #e4aa17;
	border: 1px solid #e4aa17;
    border-radius: 50%;
	padding: 1px;
}

/*------------------------------------------------*/
/*--------------[buttons]-----------*/
/*------------------------------------------------*/
/* inline Divi buttons (add class to row) */
.inline-buttons .et_pb_button_module_wrapper {
	display: inline-block;
}

.btn, .nf-form-content input[type=submit], .frm-fluent-form button[type=submit], .et_pb_button, .button, .btn-menu a {
	display: inline-block; 
	font-size: 16px;
	font-family: greycliff-cf, sans-serif;
	font-weight: 900 !important;
	text-transform: uppercase!important;
	letter-spacing: 0px;
	line-height: 1.7em!important;
	border-radius: 0px !important;
	border: 1px solid !important;
	padding-right: 36px!important;
    padding-left: 36px!important;
	padding-top: 12px!important;
    padding-bottom: 12px!important;
	transition: all 300ms ease 0ms;
	-webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: all!important;
    transition-property: all!important;
	cursor: pointer !important;
	height: auto !important;
}

#main-header #top-menu .btn-menu a {
	font-size: 16px !important;
	font-weight: 900 !important;
	color: #e4aa17 !important;
}

.btn {
	margin: 0 10px 10px 0;
}

@media only screen and (max-width: 414px) { 
	.btn, .nf-form-content input[type=submit], .frm-fluent-form button[type=submit], .et_pb_button, .button {
		font-size: 15px !important;
		padding-right: 20px!important;
    	padding-left: 20px!important;
		padding-top: 10px!important;
		padding-bottom: 10px!important;
	}
	.btn {
		margin: 0 3px 7px 0;
	}
}

a.btn:hover {
 	text-decoration: none;
}

.btn-mustard, .nf-form-content input[type=submit], .frm-fluent-form button[type=submit], .button, .et_pb_button {
	color: #222222!important;
	background-color: #e4aa17 !important;
	border-color: #e4aa17 !important;
}

.btn-mustard-transparent, .et_pb_button.et_pb_button_two {
	color: #e4aa17 !important;
	background-color: transparent !important;
	border-color: #e4aa17 !important;
}

.btn-white {
	color: #222222 !important;
	background-color: #ffffff !important;
	border-color: #ffffff !important;
}
.btn-white-transparent {
	color: #ffffff !important;
	background-color: transparent !important;
	border-color: #ffffff !important;
}

.btn-fluro {
	color: #000000 !important;
	background-color: #cbff00 !important;
	border-color: #cbff00 !important;
}
.btn-fluro-transparent {
	color: #cbff00 !important;
	background-color: transparent !important;
	border-color: #cbff00 !important;
}

.btn-black {
	color: #ffffff!important;
	background-color: #000000 !important;
	border-color: #000000 !important;
}
.btn-black-transparent, .et_pb_button.et_pb_more_button  {
	color: #000000 !important;
	background-color: transparent !important;
	border-color: #000000 !important;
}

.btn-black:hover, .btn-black-transparent:hover, .btn-white:hover, .btn-white-transparent:hover, .btn-fluro:hover, .btn-fluro-transparent:hover, .btn-mustard:hover, .btn-mustard-transparent:hover, .nf-form-content input[type=submit]:hover, .frm-fluent-form button[type=submit]:hover, .button:hover, .btn-menu a:hover {
	opacity: 0.8;
}

.dsm_card_wrapper .et_pb_button_wrapper { /* Divi Supreme Card Button */
	margin-top: auto !important; 
}

.cta-menu-link a, .et-fixed-header #top-menu .cta-menu-link a{
	color: #e4aa17!important;
}

@media only screen and (max-width: 414px) { 
	.menu-hide-mobile {
		display: none;
	}
}


/*------------------------------------------------*/
/*--------------[columns]-----------*/
/*------------------------------------------------*/
@media only screen and (max-width: 980px) and (min-width: 600px) {
	/*** Keep Columns on Tablet	- add class to row ***/
	.two-columns .et_pb_column {
		width: 50%!important;
	}

	.three-columns .et_pb_column {
		width: 33.33%!important;
	}


	.four-columns .et_pb_column {
		width: 25%!important;
	}
 
}

@media only screen and (max-width: 600px) {
	/*** Keep Columns on Mobile	- add class to row ***/
	.two-columns-mobile .et_pb_column {
		width: 50%!important;
	}

	.three-columns-mobile .et_pb_column {
		width: 33.33%!important;
	}


	.four-columns-mobile .et_pb_column {
		width: 25%!important;
	}
	
}

@media only screen and (max-width: 980px) {
	/***Switch column order on mobile - add flip class to row ***/
	.flip {
		display: -webkit-flex;
		-webkit-flex-direction: column-reverse;
		display: flex;
		flex-direction: column-reverse !important;
	}
	
	.flip.et_pb_row .et_pb_column.et-last-child {
		    margin-bottom: 30px !important;
	}
}

/* Changing the Column Stacking Order On Mobile */
@media all and (max-width: 980px) {
	/*** wrap row in a flex box ***/
	.custom-row {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap; /* Safari 6.1+ */
	flex-wrap: wrap;
	}

	/*** custom classes that will designate the order of columns in the flex box row ***/
	.first-on-mobile {
		-webkit-order: 1;
		order: 1;
	}

	.second-on-mobile {
		-webkit-order: 2;
		order: 2;
	}

	.third-on-mobile {
		-webkit-order: 3;
		order: 3;
	}

	.fourth-on-mobile {
		-webkit-order: 4;
		order: 4;
	}
	/*** add margin to last column ***/
	.custom-row:last-child .et_pb_column:last-child {
		margin-bottom: 30px;
	}
 
}

/*------------------------------------------------*/
/*--------------[ninja forms]-----------*/
/*------------------------------------------------*/
.nf-form-content {
	margin-left: 0px !important;
}

.nf-form-fields-required,
.nf-error.field-wrap .nf-field-element:after {
	display: none;
}

.nf-form-content {
	padding: 0 !important
}

.nf-error-msg {
	font-size: 12px;
	line-height: 1.4em;
}

.nf-field-container,
.fluentform .ff-el-group {
	margin-bottom: 10px !important;
}

.frm-fluent-form label,
.nf-form-content label {
	font-size: 16px !important;
	font-weight: 900 !important;
}

.nf-form-content .label-above .nf-field-label {
	margin-bottom: 5px !important;
}

.frm-fluent-form input:not([type=submit]), 
.frm-fluent-form textarea,
.nf-form-content input:not([type=submit]), 
.nf-form-content textarea,
.nf-error textarea.ninja-forms-field {
	border-radius: 0px !important;
	background-color: transparent !important;
	padding: 16px 16px !important;
	color: #666666 !important;
	font-size: 16px;
	border-width: 1px !important;
	border-color: #8a8d89 !important; 
}

.frm-fluent-form .list-select-wrap .nf-field-element>div:focus, 
.frm-fluent-form input:not([type=submit]):focus, 
.frm-fluent-form textarea:focus,
.nf-form-content .list-select-wrap .nf-field-element>div:focus, 
.nf-form-content input:not([type=submit]):focus, 
.nf-form-content textarea:focus {
	background-color: #ffffff !important;
}

.nf-response-msg {
	border: 2px solid #222222;
	padding: 20px;
	margin-bottom: 30px;
}

/* form light */
.form-light .frm-fluent-form input:not([type=submit]), 
.form-light .frm-fluent-form textarea,
.form-light .nf-form-content input:not([type=submit]), 
.form-light .nf-form-content textarea,
.form-light .nf-error textarea.ninja-forms-field {
	background-color: transparent !important;
	color: #ffffff !important;
	border-color: #ffffff !important; 
}

.form-light .frm-fluent-form .list-select-wrap .nf-field-element>div:focus, 
.form-light .frm-fluent-form input:not([type=submit]):focus, 
.form-light .frm-fluent-form textarea:focus,
.form-light .nf-form-content .list-select-wrap .nf-field-element>div:focus, 
.form-light .nf-form-content input:not([type=submit]):focus, 
.form-light .nf-form-content textarea:focus {
	background-color: transparent !important;
}

.form-light .nf-response-msg {
	border: 2px solid #ffffff;
}

/*------------------------------------------------*/
/*--------------[lunch reviews search]-----------*/
/*------------------------------------------------*/
.dp-dfg-skin-default .dp-dfg-search-input {
	background-color: #000000;
}

.dp-dfg-skin-default .dp-dfg-search-icon, 
#et-boc .et-l .dp-dfg-skin-default .et-pb-icon.dp-dfg-search-icon, 
.et-l .dp-dfg-skin-default .et-pb-icon.dp-dfg-search-icon {
	background-color: #000000;
	color: #fff;
	width: 4em;
}

/*------------------------------------------------*/
/*--------------[service accordians]-----------*/
/*------------------------------------------------*/
.wp-block-details {
  padding: 10px;
}

.wp-block-details summary {
  font-size: 1.2em;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  align-items: center;
  list-style: none; /* Remove default arrow */
  position: relative;
  padding-left: 30px; /* Space for icon at start */
}

/* Hide default markers */
.wp-block-details summary::-webkit-details-marker {
  display: none;
}

/* Remove default italic styling for <em> inside <summary> */
.wp-block-details summary em {
  font-style: normal;
}

/* Custom icon using pseudo-element at the start */
.wp-block-details summary::before {
  content: "";
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  transition: transform 0.3s ease;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

/* Icon for closed state */
.wp-block-details:not([open]) summary::before {
  background-image: url('/wp-content/uploads/2024/09/Husk-Icon.svg');
}

/* Icon for open state */
.wp-block-details[open] summary::before {
  background-image: url('/wp-content/uploads/2024/09/Husk-Icon.svg');
  transform: translateY(-50%) rotate(180deg); /* Keep vertical centering with rotation */
}

/* Rest of your styling */
.wp-block-details p,
.wp-block-details ul {
  margin-top: 10px;
}

.wp-block-list {
  margin-left: 20px;
}

.wp-block-list li {
  margin-bottom: 5px;
}

/*------------------------------------------------*/
/*--------------[calendar popup]-----------*/
/*------------------------------------------------*/
/* Overlay styles */
.lightbox-overlay {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background-color: rgba(0,0,0,0.8) !important;
	z-index: 999998 !important;
	display: none;
}

/* Lightbox content styles */
[class*="lightbox-content"] {
	position: fixed !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	background: #fff !important;
	padding: 30px !important;
	border-radius: 5px !important;
        width: 90%;
	max-width: 1440px !important;
	max-height: 80% !important;
	overflow: auto !important;
	z-index: 999999 !important;
	display: none;
	box-shadow: 0 0 20px rgba(0,0,0,0.2) !important;
}

/* Close button styles */
.lightbox-close {
	position: absolute !important;
	top: 10px !important;
	right: 10px !important;
	font-size: 24px !important;
	cursor: pointer !important;
	color: #333 !important;
	background: none !important;
	border: none !important;
	padding: 5px !important;
	line-height: 1 !important;
}

/* Prevent scrolling on body when lightbox is open */
body.lightbox-open {
	overflow: hidden !important;
}