/**
 * Elevation Child Theme - style.css
 * 
 */
/*
Theme Name: Elevation Child
Description: Child theme for Elevation theme
Author: Ben Forred - ZebraSite Studios
Version: 1.0.0
Template: elevation_theme
*/


/* --- FIX: SINGLE RESEARCH PAGE HEADER BACKGROUND CONTROL --- */

/* 1. FORCE BACKGROUND COLOR (#8b8d90) when at the TOP of the page. */
/* This targets the specific page type (single-participate_research) 
      and ensures the background is #8b8d90. */
body.single-participate_research header.header::before,
body.page-template-research_study_form_template header.header::before {
    background-color: #8b8d90 !important;
    opacity: 1 !important; 
}

/* 2. FORCE SCROLLED STATE BACKGROUND BACK TO WHITE. */
body.single-participate_research.fixed header.header::before,
body.page-template-research_study_form_template.fixed header.header::before {
    background-color: white !important;
    opacity: 1 !important;
}

/* 3. Re-apply fixed background color for media queries (desktop view, >= 993px) */
@media (min-width: 993px) {
    /* For the transparent/top of page state on desktop */
    body.single-participate_research header.header::before,
    body.page-template-research_study_form_template header.header::before {
        background-color: #8b8d90 !important;
    }
    /* For the scrolled/fixed state on desktop */
    body.single-participate_research.fixed header.header::before,
    body.page-template-research_study_form_template.fixed header.header::before {
        background-color: white !important;
    }
}

/* Add margin to the top of the research study form template */

.page-template-research_study_form_template {
    margin-top: 100px;
}


/* PARTICIPATE IN RESEARCH LIBRARY PAGE */


/* Card Custom Block Styling */

/* WPGB card pills: spacing + wrapping */
.asf-card-pills{
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;              
  margin-top: .35rem;
}

.asf-card-pills .asf-pill{
  display: inline-flex;
  align-items: center;
  padding: .15rem .5rem !important;
  border-radius: 999px;
  font-size: 0.85em !important;
  line-height: 1.2;
  border: 1px solid rgba(0,0,0,.15);
  background-color: #e0f0e2;
}

.wpgb-block-2 {
    gap: 2rem;
}





/* Card mobile responsiveness */

/* Main Research Studies Grid */

span.wpgb-checkbox-label {
    color: #000;
}

.wpgb-facet select.wpgb-select:disabled {
    opacity: 1 !important;
}

option:disabled {
    color: #000 !important;
}

/* UPDATED: Compensation facet - was 13, now 15 */
.wpgb-facet-15 {
    display: flex;
    flex-direction: row;
    gap: 15px;
}

/* UPDATED: Compensation facet - was 13, now 15 */
.wpgb-facet.wpgb-facet-15 .wpgb-facet-title {
    color: #73ad89 !important;
    text-wrap: nowrap;
}

/* UPDATED: Compensation facet - was 13, now 15 */
.wpgb-facet.wpgb-facet-15 .wpgb-checkbox-facet {
    margin-top: 2px !important;
}

.wp-grid-builder .wpgb-area-top-2>div {
    max-width: fit-content;
}

/* UPDATED: Compensation facet - was 13, now 15 */
.wpgb-facet-15 .wpgb-checkbox-label {
    display: none;
}

/* UPDATED: Search Bar facet - was 11, now 17 */
.wpgb-area-top-2 .wpgb-facet-17 .wpgb-facet-title {
    color: #73ad89 !important;
}

/* UPDATED: Search Bar facet - was 11, now 17 */
.wpgb-facet.wpgb-facet-17 {
    display: flex;
    gap: 20px;
}





.wpgb-facet .wpgb-facet-title,
select.wpgb-select,
.wpgb-facet .wpgb-select,
.wpgb-facet .wpgb-select-controls {
    color: #3a3a3a !important;
}

/* UPDATED: Topics facet - was 10, now 18 */
.wpgb-facet.wpgb-facet-18 h4 {
    color: var(--wpgb-accent-scheme-1) !important;
}

/* UPDATED: Topics facet - was 10, now 18 */
.wpgb-facet-18 .wpgb-checkbox .wpgb-checkbox-label {
    color: #3a3a3a;
}

.wp-grid-builder .wpgb-sidebar {
    flex-basis: 325px;
    min-width: 0;
    position: absolute;
	z-index: 999;
}


article.wpgb-card {
    width: 71% !important;
    margin-left: 18vw !important;
}

.wp-grid-builder .wpgb-area {
    display: flex;
    flex-wrap: nowrap;
}

.wpgb-area-top-1 .wpgb-facet {
    max-width: 20% !important;
}

/* UPDATED: Topics facet - was 10, now 18 */
@media (min-width: 1200px) {
	.wpgb-facet.wpgb-facet-18 {
    margin-top: 48vh;
	margin-bottom: 100px;
	}
}

.wpgb-facet .wpgb-search-facet {
    width: 30vw;
}

.wpgb-grid-2 .wpgb-area-top-1 {
    z-index: 9999999;
    position: relative;
    background-color: #add8b361 !important;
}

.wpgb-grid-2 .wpgb-area-top-2 {
    z-index: 999999999999999999;
    position: relative;
}

.wpgb-facet .wpgb-select {
    border-color: #3a3a3a !important;
}

.wpgb-facet .wpgb-checkbox-facet .wpgb-checkbox-control {
    border-color: #3a3a3a !important;
}

.wpgb-facet .wpgb-select button {
    color: #3a3a3a !important;
}

.wp-grid-builder.wpgb-grid-2.wpgb-enabled {
    margin-top: 4rem !important;
}

/* Participate in Research Library Page Responsiveness */

/* mobile */
@media screen and (max-width: 676px) {

    .wpgb-viewport {
        margin-top: 40rem;
    }

    .wp-grid-builder .wpgb-card {
        min-width: 95% !important;
        margin-left: 0px !important;
    }

    .wp-grid-builder .wpgb-card-2 .wpgb-block-1 {
        width: 100% !important;
    }

    .wp-block-group figure img {
        min-width: 45px !important;
    }

    .wpgb-facet .wpgb-input {
        width: auto !important;
    }

    .wp-grid-builder .wpgb-area {
        flex-direction: column !important;
    }

    .wpgb-grid-2 .wpgb-area-top-1 {
        width: fit-content !important;
    }

    .wpgb-area-top-1 .wpgb-facet {
        max-width: 100% !important;
    }

    /* UPDATED: Topics facet - was 10, now 18 */
    .wpgb-facet.wpgb-facet-18 {
        margin-top: 0vh !important;
    }

    .wpgb-card-header .wpgb-block-1 {
        max-width: 100% !important;
    }

    /* sidebar facet (Topics facet) */
    div.wp-grid-builder.wpgb-grid-2.wpgb-enabled > div.wpgb-wrapper > aside > div,
    /* search/reset facet */
    div.wp-grid-builder.wpgb-grid-2.wpgb-enabled > div.wpgb-wrapper > div > div.wpgb-area.wpgb-area-top-2,
    /* main group of facets (green box) */
    div.wp-grid-builder.wpgb-grid-2.wpgb-enabled > div.wpgb-wrapper > div > div.wpgb-area.wpgb-area-top-1 {
        position: static !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        transform: none !important;
        float: none !important;
        clear: both !important;
        height: auto !important;
    }

    .wp-grid-builder .wpgb-sidebar {
        position: relative !important;
    }

    .wpgb-area.wpgb-area-top-2 { order: 1; }

    .wp-grid-builder .wpgb-sidebar .wpgb-sidebar-left .wpgb-facet-18 { order: 2; }

    .wpgb-area.wpgb-area-top-1      { order: 3; }

    .wpgb-viewport {
        margin-top: 0rem !important;
        position: sticky !important;
    }




    /* Card Custom Block Styling */

    /* WPGB card pills: spacing + wrapping */
    .asf-card-pills{
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;              
    margin-top: .35rem;
    }

    .asf-card-pills .asf-pill{
    display: inline-flex;
    align-items: center;
    padding: .15rem .5rem !important;
    border-radius: 999px;
    font-size: 0.85em !important;
    line-height: 1.2;
    border: 1px solid rgba(0,0,0,.15);
    background-color: #e0f0e2;
    }

    .wpgb-block-2 {
        gap: 1rem;
        justify-content: flex-start;
        align-items: flex-start !important;
        flex-direction: column;
    }












}







/* tablet */




/* Participate in Research - Study Submission Form */

.thank-you-statement {
    background-color: #add8b3;
    padding: 25px 30px 40px 30px;
    border-radius: 6px;
    box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.2);
    margin-top: 5%;
    margin-bottom: 5%;
    text-align: center;
    letter-spacing: 0.5px;
    line-height: 1.5em;
}

.custom-more-information-block {
    margin-top: 5rem;
}

.gchoice label {
    font-size: 16px !important;
}


/* CSS moved over from the CSS editor in the theme */

/*Single Participate Research*/
body.participate_research-template-default.single.single-participate_research.page-template-elevation-web header.header::before{
	opacity: 1 !important;
	background: #8b8d90;
}

.gform_wrapper:not(#gform_wrapper_0):not(.newsletterForm_wrapper):not(.donateForm_wrapper) .gform_body .gform_fields .gfield .ginput_container_checkbox [type="checkbox"]:not(:checked)+label {
	font-size: 12.5px;
}

.gform_wrapper:not(#gform_wrapper_0):not(.newsletterForm_wrapper):not(.donateForm_wrapper) .gform_footer input[type="submit"], .gform_wrapper:not(#gform_wrapper_0):not(.newsletterForm_wrapper):not(.donateForm_wrapper) .gform_footer input.button {
	margin-top: 20px !important;
}

.gform_wrapper:not(#gform_wrapper_0):not(.newsletterForm_wrapper):not(.donateForm_wrapper) .gform_body .gform_fields .gfield .ginput_container_checkbox [type="checkbox"]:checked+label {
	font-size: 13px;
}

.gform_wrapper label.gfield_label, .gform_wrapper .gfield_label  {
	font-size: 18px !important;
	color: #c0433c !important;
}

.gform_wrapper.gravity-theme .gfield_description {
	font-size: 16px !important;
}

body:not(.home) .custm-donate-form-container p {
	color: #000000;
}

/*interested box*/
.interested-contact {
	border-top: 0px;
	border-bottom: 0px;
	background: #cad3692e;
	border-radius: 6px;
	box-shadow: 3px 3px 10px #0000001a;
}

/* study title */
.single-participate_research .single-research-container h1, .single-participate_research .single-research-container h2 {
line-height: 1.1em;
letter-spacing: 1.1px;
}