/*
 Theme Name:  Kadence DRP Child
 Description: Child theme for DRP ICE archive project
 Author:      MjC
 Template:    kadence
*/

/*** SITEWIDE OVERALL SETTINGS ***/

/*** SET THE SITEWIDE FONT SIZE TO 14PX 
	 THAT WILL OVERRIDE BROWSER'S STANDARD 
	 16PX SO 1REM=14PX NOW 

/*** Desktop 1025+: 1rem now = 16px ***/	}
:root {	font-size: 16px !important; }
  
/*** Tablet 768-1024: 1rem now = 14px ***/
@media (min-width: 768px) and (max-width: 1024px) {
	:root { font-size: 14px !important;}
}

/*** Mobile 0-767: 1rem now = 12px ***/
@media (min-width: 0px) and (max-width: 767px) {
	:root { font-size: 12px !important;}
}


/*** STICKY HEADER — LOGO ***/
.header-logo { min-width: 14rem; }


/*** ACCORDION STYLES ***/
/*** The heading band ***/

.wp-block-accordion-item.is-open {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0.5rem;
}


/*** PUT A BOX AROUND CHECKBOXES AND INCLUDE THE HEADING TITLE IN IT ***/
.wp-block-accordion-heading {
	text-decoration-line: none !important;
	background:transparent;
	max-width:100%;
	margin: 0 !important;
}

/*** The text inside ***/
.wp-block-accordion-heading__toggle-title {
	color: #2D7979;
	font-size: 1rem !important;
	font-weight: 700 !important;		
}
.wp-block-accordion-heading__toggle:hover {
	background:transparent;
}
.wp-block-accordion-heading__toggle:focus {
	background-color: transparent;
	outline: none;
}

.wp-block-accordion-heading__toggle {
	background:transparent;
	width: 100%;
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	box-shadow: 0px 0px 0px 0px !important;
}

.wp-block-accordion-item.is-open .wp-block-accordion-heading {
	background:transparent;
	max-width:100%;
}
.wp-block-accordion-item.is-open .wp-block-accordion-heading__toggle {
	text-align: left !important;
	color: #2D7979;
	background:transparent;
	width: 100%;
}
.wp-block-accordion-item {
	margin-bottom: 0rem !important;
	margin-top: 0rem !important;
}

/*** END ACCORDION-RELATED STYLINGS ***/


/*** CONFIG FOR DRP FORMS ***/
.submit-story-form-wrap {
	max-width:100% !important;
}
.kt-modal-container {
	padding: 1rem !important;
}
.submit-story-form-wiz2,
.submit-story-form-wiz3 {
	margin: 1.5rem 1.75rem 1.5rem 1.75rem !important;
}
@media (max-width: 767px) {
	.story-form-label-section {
		font-size: 1rem !important;
	}
}
.kb-form-basic-style .kb-radio-check-item label {
	font-size: 1rem !important;
	text-align: left !important;
}
.kb-advanced-form select {
  font-size: .98rem !important;
  line-height: 1.6 !important;
}
.prev-wiz-num {
	display: none !important;
}
.submit-story-wiz-error {
	background-color: #C00 !important;
	color: #FFF !important;
	text-align: center !important;
	width: 80% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-bottom: .75rem !important;
	font-size: 1.25rem !important;
}

/*** FEEDBACK FORM ***/

.feedback-form-privacy-wrap,
.feedback-form-captcha-wrap {
	min-width: 90% !important;
	margin-right: auto !important;
	margin-left: auto !important;
	max-width: 100% !important;
	align-self: center !important;

}

/* Prevent closing when clicking outside modal */
.wp-block-kadence-modal .kb-modal-overlay {
  pointer-events: none !important;
}

/* Keep X button clickable */
.wp-block-kadence-modal .kb-modal-close {
  pointer-events: auto !important;
}

/*** END CONFIG FOR DRP FORMS ***/

/*** PRIMARY HEADER MENU ITEMS CONFIG ***/
.menu-primary-facilities:hover,
.menu-primary-contactus:hover,
.menu-primary-aboutus:hover {
	color: #330000 !important;
	cursor: pointer !important;
}
/*** END: PRIMARY HEADER MENU ITEMS CONFIG ***/

/*** PHONE SLIDE-OUT MAIN MENU NEEDS TO SHOW IN FRONT OF PHONE STORY VIEWER ***/
.header-phone-menu-off-canvas,
.header-phone-menu-off-canvas * {
 	z-index: 1000 !important;	
}


/*** HELP MODAL RULES ***/
#help-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: transparent /*rgba(0, 0, 0, 0.5)*/;
    display: flex;
    align-items: center;
    justify-content: center;
}

#help-modal[hidden] {
    display: none;
}

#help-modal-inner {
    position: relative;
    background: #fef9c3;
    color: #000 !important;
    border-radius: 4px;
    padding: 2rem;
    max-width: 36rem;
    width: 90%;
    max-height: 80vh;
    overflow-y: auto;
    font-size: 1.25rem !important;
}

#help-modal-close {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    background: none;
    border: none;
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
    color: #666;
    padding: 0;
}

#help-modal-close:hover {
    color: #000;
}

body.help-modal-open {
    overflow: hidden;
}

/* Hidden help content source divs — never visible */
.help-content-block {
    display: none !important;
}
/*** END: HELP MODAL RULES ***/