/*----------------------------------------the below css used for report print download button ----------------------------------*/
 /*Print Properties in here*/

@media print {


@page {
  size: A4 portrait !important;
  margin: 0 !important;
  padding: 0 !important;
  marks: none !important;
  bleed: 0 !important;
  background-color: #3F4DCB11;
}

.edvdo-print-page-break {
  page-break-before: always;  /* Force content to start on a new page */
}

.edvdo-print-avoid-break {
  page-break-inside: avoid;   /* Prevent splitting content across pages */
}









	.zsiq-float {
		display: none !important;
	}

     #download-full-page-pdf {
         display: none;
     }

	.edvdo_assessment_report_summary_v2_container_printable{
		margin: 0  !important;
    	display: flex;
    	flex-direction: column;
	}
	.edvdo_assessment_report_summary_v2_title_container_printable{
		width: 100vw !important;
    	height: 6vh !important;
    	display: flex;
    	justify-content: center;
    	align-items: center;
	}

  .edvdo_assessment_report_summary_v2_box {
   	width: 48vw !important;
    height: 29vh !important;
    border-radius: 20px !important;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1) !important;
    padding: 20px 0 !important;
	margin: 1vh 1vw !important;
    background-color: #fff !important;
    opacity: 1 !important;
}

.edvdo_row_assessment_report {
    display: flex !important;
    width: 100% !important;
    flex-direction: column !important;
}


.edvdo_card_assessment_report {
    width: 100% !important;
    height: auto !important;
    padding: 3% 0 0 3% !important;
    margin: 0 !important;
	margin-bottom: 20px !important;
    box-sizing: border-box !important;
    overflow: auto !important;
    border-radius: 10px !important;
    background-color: rgba(230, 244, 255, 1) !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
}

.edvdo_assessment_report_summary_v2_box img {
    width: 100% !important;
    height: 10vh !important;
    object-fit: cover !important;
    margin-bottom: 10px !important;
    max-width: 100% !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.edvdo_assessment_report_summary_v2_side_image_box{
    display: flex !important; 
    justify-content: center !important; 
    align-items: center !important; 
    width: 50% !important;
}

.edvdo_assessment_report_summary_v2_side_image_box img {
    width: auto !important; 
    height: 31vh !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 auto !important;
}




/*--------------------------------------------------------------------------------------------------------------*/

.edvdo-assessment-job-recommendation-outerbox {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 20px !important;
    height: auto !important;
    box-sizing: border-box !important;
}

.edvdo-assessment-job-recommendation-results {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 3% !important;
    justify-content: flex-start !important;
}

.edvdo-assessment-job-recommendation-box {
    width: 30% !important;
    height: auto !important;
    padding: 20px !important;
    text-align: left !important;
    border-radius: 10px !important;
    box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.1) !important;
    margin-bottom: 3% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    padding-bottom: 20px !important;
}

.edvdo-assessment-job-recommendation-image {
    max-width: 60px !important;
    height: auto !important;
    border-radius: 10px !important;
    margin-bottom: 10px !important;
    padding: 10px !important;
}



.edvdo-assessment-job-recommendation-pagination a {
    margin: 5px !important;
    padding: 5px 10px !important;
    border: 1px solid #ccc !important;
    text-decoration: none !important;
    border-radius: 5px !important;
}

.edvdo-assessment-job-recommendation-pagination a.active {
    font-weight: bold !important;
    background-color: #0073e6 !important;
    color: white !important;
}



/*--------------------------------------------------------------------------------------------------------------*/



/*---------------------------------------------------------------------------------------------------------------*/


.edvdo-report-overview-box {
    width: 100% !important;
    min-height: 30vh !important;
    border-radius: 8px !important;
    display: flex !important;
	flex-direction: column !important;
    align-items: center !important;
    background-color: #fff !important;
    border: 1px solid #ccc !important;
    box-shadow: 0 0 10px rgba(0,0,0,0.1) !important;
    overflow: hidden !important;
    margin-bottom: 10px !important;
	padding: 15px !important;
}

.edvdo-report-overview-box img {
    width: 100% !important;
    height: 25vh !important;
    border-radius: 8px !important;
    object-fit: cover !important;
}

.edvdo-report-overview-content {
    padding: 10px 0 0 0 !important;
    flex: 1 !important;
}


.edvdo_report_number_title_outer_box_career_report{
    display: flex !important; 
    justify-content: left !important; 
    align-items: center !important; 
    width: 100% !important; 
    height: auto !important;
}

.edvdo_report_number_box_career_report{
    display: flex !important; 
    flex-direction: column !important; 
    justify-content: center !important; 
    align-items: center !important; 
    width: 15% !important; 
    height: auto !important; 
    background-color: rgba(0, 149, 255, 1) !important; 
    color: rgba(36, 36, 36, 1) !important; 
    padding: 10px 10px 10px 10px !important; 
    margin: 0 10px 0 0 !important;
}

.edvdo_report_blue_title_box{
    display: flex !important; 
    flex-direction: column !important; 
    justify-content: center !important; 
    align-items: flex-start !important; 
    width: 100% !important; 
    height: auto !important; 
    background-color: rgba(0, 63, 107, 1) !important; 
    color: rgba(255, 255, 255, 1) !important; 
    padding: 10px 0 10px 10px !important;
}




/*----------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------------*/


.edvdo_subject_descriptions_career_report {
    display: flex !important;
    width: 100% !important;
}

.edvdo_subject_description_image_card_career_report {
    display: flex !important; 
    width: 100% !important; 
    background-color: #E6F4FF !important; 
    box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.10), 0px 8px 8px -4px rgba(16, 24, 40, 0.04) !important;
    padding-left: 20px !important; 
    margin-bottom: 1% !important; 
   	height: 20vh !important;

}


.edvdo-subject-image-graph-legend-report-innerbox_printable{
    display: flex !important; 
    flex-direction: column !important; 
    width: 100% !important;
}


.edvdo_subject_description_card_career_report{
    display: flex !important; 
    width: 85% !important;
    flex-direction: column !important; 
    justify-content: center !important;
    align-items: flex-start !important;
}

.edvdo_subject_image_card_career_report{
    display: flex !important; 
    flex-direction: column !important; justify-content: flex-end !important; 
    width: 15% !important;
}

.edvdo_subject_image_card_career_report img{
    width:100%; height:15vh !important; 
    object-fit: cover !important;
}

.edvdo_assessment_report_row_value{
    display: flex !important;
    width: 100% !important;
	height: 29vh !important;
    margin-bottom: 20px !important;
    flex-wrap: wrap !important;
}


.edvdo_value_description_image_card_career_report{
	
    display: flex !important; 
   width: 48% !important; 
   background-color: #E6F4FF !important; 
   box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.10), 0px 8px 8px -4px rgba(16, 24, 40, 0.04) !important;
   padding-left: 20px; margin-bottom: 3vh !important; 
   height: 30vh !important; 
   margin: 1% 1% !important;
}



.edvdo_value_description_card_career_report{
   display: flex !important; 
   width: 75% !important;
   flex-direction: column !important; 
   justify-content: center !important;
   align-items: flex-start !important;
   
}



.edvdo_value_image_card_career_report{
       display: flex !important; 
   flex-direction: column !important; justify-content: flex-start !important;

   width: 25% !important;
}

.edvdo_value_image_card_career_report img{
    width:100% !important; height:25vh !important; 
    object-fit: cover !important;
}




/*-------------------------------------------------------------------------------------------------------------------*/




/*---------------------------------------------------------------------------------------------------------------------------*/

 /*---------------------------------------the below css is used for the Summary in the new Career Report page----------------------*/

 .edvdo_individual_report_summary_outerbox{
    display: flex !important;
    width: 100% !important;
    flex-wrap: wrap !important;
}

.edvdo_individual_report_summary{
    width: 48% !important;
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    flex-shrink: 0 !important;
    border-radius: 20px !important;
    background-color: rgba(230, 244, 255, 1) !important;
    margin: 1% 1% !important;
    padding: 3% !important;
    box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.10), 0px 8px 8px -4px rgba(16, 24, 40, 0.04) !important;
}

.edvdo_individual_report_summary img{
    width: 50% !important;
    height: 25vh !important;
    object-fit: contain !important;
    margin: 2vh 0 2vh 0 !important;
}

 /*---------------------------------------the above css is used for the Summary in the new Career Report page----------------------*/

/*----------------------------------------------------------------------------------------------------------------------------*/

/*____________________________________________CSWD Styles______________________________________________*/



.edvdo-report-cswd-outermost-container{
    display:flex !important;
    flex-direction: row !important;
}


.edvdo-report-cswd-outer-container{
    display:flex !important; 
    flex-direction: column !important; 
    width:50% !important;
}


/* Career Implications Section */
.edvdo-career-implications-box {
    width: 50% !important;
    height: auto !important;
    padding: 30px 40px !important;
    gap: 8px !important;
    border-radius: 0px 100px 0px 0px !important;
    background: rgba(255, 229, 176, 1) !important;
}
.edvdo-report-strength-container {
   width: 100% !important;
    height: auto !important;
    padding: 30px 40px 36px 40px !important;
    gap: 8px !important;
    background: rgba(197, 233, 205, 1) !important;
}

.edvdo-report-weakness-container {
   width: 100% !important;
    height: auto !important;
    padding: 30px 40px 36px 40px !important;
    gap: 8px !important;
    background: rgba(250, 197, 195, 1) !important;
    
}

.edvdo-report-development-plan-container {
    width: 50% !important;
    height: auto !important;
    padding: 30px 40px 36px 40px !important;
    gap: 8px !important;
    background: rgba(31, 103, 73, 0.1) !important;
    position: relative !important;
    
}


/*____________________________________________CSWD Styles______________________________________________*/








/*____________________________________________Title Pages Styles______________________________________________*/


/* Outer wrapper with background, center alignment */
.edvdo_assessment_report_attribute_type_and_description_printable_outer_box {
    background: linear-gradient(0deg, rgba(63, 77, 203, 0.10) 0%, rgba(63, 77, 203, 0.10) 100%), 
                url('/wp-content/uploads/2025/06/close-up-kid-doing-homework-with-laptop-2.jpg') lightgray 50% / cover no-repeat !important;
    padding: 0 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100vh !important;
    width: 100vw !important;
    backdrop-filter: blur(4px) !important;
}


.edvdo_assessment_report_attribute_title_page_logo{
	width:8vw !important; 
	height:auto !important; 
	object-fit:contain !important; 
	position: absolute !important; 
	right: 40px !important; top:40px !important;
}


/* Underline below title */
.edvdo_assessment_report_title_underline {
    width: 40vw !important;
    height: 5px !important;
    background: linear-gradient(to right, 
        rgba(58, 159, 226, 1) 0%, 
        rgba(58, 159, 226, 1) 50%, 
        rgba(63, 77, 203, 1) 50%, 
        rgba(63, 77, 203, 1) 100%) !important;
    border-radius: 2.5px !important;
    margin-top: 10px !important;
   
}


/* White border outer box*/
.edvdo_assessment_report_attribute_type_container_border{
width:30% !important;
padding:15px !important;
border-radius: 20px !important;
border: 2px solid rgba(63, 77, 203, 1) !important;
}


/* White box */
.edvdo_assessment_report_attribute_type_container {
    background-color: white !important;
    color: #000039 !important;
    padding: 20px !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05) !important;
    width: 100% !important;
	height: 25vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
	flex-direction:column !important;
}


/* Blue box */
.edvdo_assessment_report_description_container {
    background-color: #3F4DCB !important;
    color: white !important;
    padding: 20px !important;
	margin-left: -15px; 
    border-radius: 0 16px 16px 0 !important;
    width: 60% !important;
    height:20vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
       
}


/*the below css is used for ai-summary in career report page*/

.edvdo-ai-summary-flex-outerbox{
	display:flex !important; 
	gap: 20px !important; 
	color: #333 !important; 
	padding: 20px !important;
	
}



.edvdo-ai-personalized-summary{
width:50% !important;
 padding: 20px !important;
}

.edvdo-ai-action-plan-summary{
	width:50% !important;
	padding: 20px !important;
}

.edvdo-ai-summary-flex-outerbox2{
	display: flex !important; 
	gap: 20px !important;
	color: #333 !important;
	padding: 20px !important;
}

.edvdo-ai-stream-recommendations-summary{
width: 50% !important; 
background: var(--Grey-50, #E8E8E8) !important;

 padding: 20px !important;
 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05) !important;

}


.edvdo-ai-skill-recommendations-summary{
width: 50% !important;
 background: var(--Grey-50, #E8E8E8) !important; 

 padding: 20px !important;
 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05) !important;
}



.edvdo-ai-summary-flex-outerbox3{
display: flex !important;
 gap: 20px !important;
 color: #333 !important;
 padding: 20px !important;
}


.edvdo-ai-learning-resources-summary{
width: 50% !important; 
background: var(--Grey-50, #E8E8E8) !important; 

 padding: 20px !important;
 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05) !important; 
}


.edvdo-ai-summary-mentor-section{
width:50% !important;
padding: 20px !important;
 border-radius: 8px !important;
}

.edvdo-ai-summary-mentor-section-image-text{
background-color: #ffe6e6 !important;
 padding: 20px !important;
}




/*the above css is used for  ai-summary in career report page*/


/* the below css is used for AI Powered Parent Recommendations */

.edvdo-ai-parent-summary-flex-outerbox{
	
display: flex !important; 
 gap: 20px !important;
 padding: 20px !important;
 
}



.edvdo-ai-parent-child-strengths-interests{
width:50% !important;
padding: 20px !important;
}



.edvdo-ai-parent-how-parents-can-support{
width:50% !important;
padding: 20px !important;
}




.edvdo-ai-parent-summary-flex-outerbox2{
display: flex !important;
gap: 20px !important;
padding: 20px !important;
}


.edvdo-ai-parent-home-environment-and-habits{
width: 50% !important; 
background: var(--Grey-50, #E8E8E8) !important;
 
 padding: 20px !important;
 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05) !important;;
}


.edvdo-ai-parent-staying-involved{
width: 50% !important; 
background: var(--Grey-50, #E8E8E8) !important; 
 padding: 20px !important;
 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05) !important;
}


/* the above css is used for AI Powered Parent Recommendations */















/*_______________________________________________________________Text Styles__________________________________________________________________________*/


.edh1 {
    font-family: 'Roboto' !important;
    font-size: 45px !important;
    font-weight: 700 !important;
    text-transform: capitalize !important;
    font-style: normal !important;
    text-decoration: none !important;
    line-height: 50px !important; /* Adjust as needed */
    letter-spacing: 1.2px !important; /* Adjust as needed */
    word-spacing: 0px !important; /* Adjust as needed */
}
.edh2{
	font-family: 'Roboto' !important;
    font-size: 35px !important;
    font-weight: 700 !important;
    text-transform: capitalize !important;
    font-style: normal !important;
    text-decoration: none !important;
    line-height: 44px !important; /* Adjust as needed */
	letter-spacing: 0.4px !important; /* Adjust as needed */
    word-spacing: 0px !important; /* Adjust as needed */
}
	
.edh3{
	font-family: 'Roboto' !important;
    font-size: 25px !important;
    font-weight: 700 !important;
    text-transform: capitalize !important;
    font-style: normal !important;
    text-decoration: none !important;
    line-height: 32px !important; /* Adjust as needed */
	letter-spacing: 0.4px !important; /* Adjust as needed */
    word-spacing: 0px !important; /* Adjust as needed */
}
 .edh4{
    font-family: 'Roboto' !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: capitalize !important;
    font-style: normal !important;
    text-decoration: none !important;
    line-height: 25px !important; /* Adjust as needed */
	letter-spacing: 0.2px !important; /* Adjust as needed */
    word-spacing: 0px !important; /* Adjust as needed */
 	margin-bottom: 5px !important; /* Space below */
}



.edp1{
	font-family: 'Roboto' !important;
	font-size: 25px !important;
    font-weight: 400 !important;
    text-transform: none !important;
    font-style: normal !important;
    text-decoration: none !important;
    line-height: 35px !important; /* Adjust as needed */
	letter-spacing: -0.3px !important; /* Adjust as needed */
    word-spacing: 1px !important; /* Adjust as needed */
}


.edp2{
	font-family: 'Roboto';
    font-size: 14px !important;
    font-weight: 400 !important;
    text-transform: none !important;
    font-style: normal !important;
    text-decoration: none !important;
    line-height: 18px !important; /* Adjust as needed */
	letter-spacing: 0px !important; /* Adjust as needed */
    word-spacing: 0px !important; /* Adjust as needed */
	margin-bottom: 4px !important; /* Space below */
}



.edp3{
	font-family: 'Roboto';
    font-size: 12px !important;
    font-weight: 400 !important;
    text-transform: none !important;
    font-style: normal !important;
    text-decoration: none !important;
    line-height: 15px !important; /* Adjust as needed */
	letter-spacing: 0px !important; /* Adjust as needed */
    word-spacing: 0px !important; /* Adjust as needed */
	margin-bottom: 4px !important; /* Space below */
}


.edp4{
	font-family: 'Roboto'  !important;
    font-size: 14px  !important;
    font-weight: 400  !important;
    text-transform: none  !important;
    font-style: normal  !important;
    text-decoration: none  !important;
    line-height: 23px  !important; /* Adjust as needed */
	letter-spacing: 0.2px  !important; /* Adjust as needed */
    word-spacing: 1px  !important; /* Adjust as needed */
}

	
/*_______________________________________________________________Text Styles End__________________________________________________________________________*/














}



/*----------------------------------------the above css used for report print download button ----------------------------------*/












#copyShareLinkBtn{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 50px;
	text-align: center;
	background-color: #3f4dcb;
	border-radius: 8px;
	border: none;
	color: #fff;
}

#copyShareLinkBtn:hover{
	background-color: #000039;
}

#closeShareLinkBtn{
	position:absolute; 
	top:0; right:0; 
	background:none; 
	border:none; 
	font-size:15px; 
	cursor:pointer;
	color: #3f4dcb;
}





.edvdo-subject-image-graph-legend-report-innerbox_printable{
    display: flex !important; 
    flex-direction: column !important; 
    width: 100% !important;
}






/* Outer wrapper with background, center alignment */
.edvdo_assessment_report_attribute_type_and_description_printable_outer_box {
    background: linear-gradient(0deg, rgba(63, 77, 203, 0.10) 0%, rgba(63, 77, 203, 0.10) 100%), 
                url('/wp-content/uploads/2025/06/close-up-kid-doing-homework-with-laptop-2.jpg') lightgray 50% / cover no-repeat;
    padding: 40px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    width: 100%;
    backdrop-filter: blur(4px);
}



.edvdo_assessment_report_attribute_title_page_logo{
	width:5vw; 
	height:auto; 
	object-fit:contain; 
	position: absolute; 
	right: 20px; top:0;
}



/* Title text ("01\nPersonality") */
.edvdo_assessment_report_title {
    color: #000000;
    text-align: center;
    margin-bottom: 0;
}

/* Underline below title */
.edvdo_assessment_report_title_underline {
    width: 30vw;
    height: 5px;
    background: linear-gradient(to right, 
        rgba(58, 159, 226, 1) 0%, 
        rgba(58, 159, 226, 1) 50%, 
        rgba(63, 77, 203, 1) 50%, 
        rgba(63, 77, 203, 1) 100%);
    border-radius: 2.5px;
    margin-top: 10px;
   
}

/* Box container: now a horizontal flex row */
.edvdo_assessment_report_container {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
     align-items:center;
    flex-wrap: wrap; /* fallback for small screens */
	margin-top:10%;
}

/* White box with border */
.edvdo_assessment_report_attribute_type_container {
    background-color: white;
    color: #000039;
    padding: 20px;
    border-radius: 16px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
    width: 100%;
	height:250px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
	flex-direction:column;
}



.edvdo_assessment_report_attribute_type_container_border{
width:30%;
padding:15px;
border-radius:20px;
border: 2px solid rgba(63, 77, 203, 1);
}

/* Blue box */
.edvdo_assessment_report_description_container {
    background-color: #3F4DCB;
    color: white;
    padding: 20px;
	margin-left: -15px; 
    border-radius: 0 16px 16px 0;
    width: 60%;
    height:120px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
       
}

/* Not needed unless you're using a sidebar */
.edvdo-right-column {
    display: flex;
    flex-direction: column;
}



.edvdo_assessment_report_summary_v2_container_printable {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
	flex-direction: row;
    margin: 20px 0;
}

    .edvdo_assessment_report_summary_v2_title_container_printable{
		width: 100%;
    	height: auto;
	}




		.edvdo-portrait-wrapper {
            width: 100%;
            display: flex;
            justify-content: center;
    		align-items: center;
        }

        .edvdo-portrait-wrapper img {
            width: 100vw;
            height: auto;
            object-fit: cover;
        }

        body {
            margin: 0;
            padding: 0;
        }