/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.elementor-page-1021 .e-con-inner { 
	max-width: 100%;
	width: 100%; 
	padding: 0;
}
.elementor-page-1021 .elementor-element.elementor-element-7d9f757.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
	padding: 0;
}

.elementor-page-1021 .assessment-title { padding: 1em 3em; }
.elementor-page-1021 #questions-container { padding: 0em 3em; }
.elementor-page-1021 h2 { padding: 0em; }
.elementor-page-1021 h3 { font-size: 1.5rem; }
.elementor-page-1021 li { margin-bottom: 0.5em; }

#my-profile h1 { margin: 1em 0; }


.assessment-body { padding: 3em 5em 0em; }

.question, .strategy {
	padding: 2em 0;
	border-bottom: 1px solid #dedede;
}
.question-note { font-size: .75em; padding-bottom: 1em; }

.question legend {
	font-weight: 700;
	padding-bottom: 1em;	
}


button.prev-btn, button.next-btn {
	margin: 3em 0;
	background: #00ab69;
	color: #fff;
	border: 0;
}

button.prev-btn:hover, button.next-btn:hover {
	background: #1ABC9C;
}


#progress-container {
  width: 100%;
  background-color: #f0f0f0;
  height: 10px;
  overflow: hidden;
}
#progress-bar {
  height: 100%;
  background-color: #1ABC9C;
  width: 0%;
  transition: width 0.3s ease;
}

#pdf-link { margin-bottom: 50px; }
#save-pdf-btn { color: #00AB69; font-weight: 600; }
#save-pdf-btn:hover { cursor: pointer; }

/* Dashboard */

.user-action-plans { margin-bottom: 50px; }

.user-action-plans ul li a { font-size: 1.5em; }

/* end dashboard */


#strategy-container { margin-top: 50px; }

.strategy-block {
    border-bottom: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 5px;
    background: #fff;
}

.strategy-block h3 {
    margin-top: 0;
}

.strategy-block .tags-row {
    margin-bottom: 10px;
}

.strategy-block .tag {
    display: inline-block;
    background: #f0f0f0;
    color: #333;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 12px;
    margin-right: 5px;
}

.strategy-block .tag.highlight {
    background: #ffd700;
    color: #000;
    font-weight: bold;
}
.strategy-block .tag.priority {
	background: #00ff74;
    color: #000;
    font-weight: bold;
}


#strategy-list tr td:first-child { text-align: left; }
#strategy-list tr td { text-align:center; }

.assessment-title {
	background-color: #00AB69;
	width: 100%;
	padding: 3em;
}
.assessment-title h1 {
	font-family: "Archivo", Sans-serif;
	font-size: 65px;
	font-weight: 800;
	text-transform: uppercase;
	color: #FBFBFB;
}

.strategy-block .tags-row .tag-orange {
    background-color: #F2C258;
    color: white;
}

.strategy-block .tags-row .tag-red {
    background-color: #E86782;
    color: white;
}

.strategy-block .tags-row .tag-blue {
    background-color: #48D1EF;
    color: white;
}

.strategy-block .tags-row .tag-purple {
    background-color: #9E4F80;
    color: white;
}

.strategy-block .tags-row .tag-default {
    background-color: gray;
    color: white;
}

.strategy-block .tags-row .tag {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 4px;
    margin: 2px;
    font-size: 12px;
    font-weight: bold;
}

#strategy-list tr td.strategy-title { text-align: left; }

#step-6 .strategy-topic h2 { color: #00AB69; }

/* General strategy card layout */
.strategy-card {
    display: flex;
    flex-direction: column;
    background: #f9f9f9;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid #ddd;
    margin-bottom: 16px;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1);
}

.strategy-card {
    border: 1px solid #ccc;
    border-radius: 8px;
    margin-bottom: 24px;
    padding: 20px;
    background-color: #fff;
}

.strategy-content {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 24px;
}

.strategy-details {
    flex: 1 1 70%;
}

.strategy-header {
    display: flex;
    align-items: center;
    gap: 12px;
}

.strategy-title {
    font-size: 1.2em;
    font-weight: bold;
    margin: 0;
}

.strategy-tags {
    margin-top: 4px;
    margin-bottom: 10px;
}

.strategy-tag {
    display: inline-block;
    background-color: #ffe066;
    color: #000;
    font-size: 0.75em;
    font-weight: bold;
    padding: 4px 10px;
    border-radius: 4px;
    margin-right: 6px;
    margin-bottom: 4px;
}


.strategy-description {
    margin-top: 10px;
    font-size: 1em;
    color: #444;
}

.strategy-action {
    flex: 0 0 30%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* Container that acts like a button */
.checkbox-box {
    border: 2px solid #1abc9c;
    border-radius: 8px;
    background-color: #f0fff5;
    padding: 16px;
    width: 100px;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
}

/* Hover effect */
.checkbox-box:hover {
    background-color: #e0faea;
    border-color: #0e9f6e;
}

.heart-icon {
    font-size: 24px;
    margin-bottom: 12px;
}

.heart-icon svg {
    width: 24px;
    height: 24px;
}

.strategy-checkbox {
    width: 20px;
    height: 20px;
	fill: #1abc9c;
}

/* Hide native checkbox */
.strategy-checkbox {
    opacity: 0;
    position: absolute;
    pointer-events: none;
}

/* Custom checkmark visual */
.custom-checkmark {
    width: 20px;
    height: 20px;
    border: 2px solid #1abc9c;
    border-radius: 4px;
    background: #fff;
    position: relative;
    transition: all 0.3s ease;
}

/* Checkmark visual when checked */
.strategy-checkbox:checked + .custom-checkmark {
    background-color: #1abc9c;
    border-color: #1abc9c;
}

.strategy-checkbox:checked + .custom-checkmark::after {
    content: "✔";
    color: white;
    font-size: 14px;
    position: absolute;
    left: 3px;
    top: -1px;
}

.checkbox-label-text {
	font-size: .65em;
	text-transform: uppercase;
	margin-top: .25em;
}

.tags { margin: 10px 0px; text-transform: uppercase; padding:5px; border-radius: 3px; font-size: 11px; }
.tags span { margin-right: 5px; }

.light-lift, .high-impact, .funding, .cost-savings { padding:5px; font-size: 11px; color: #fff; margin-right: 5px;}
.light-lift, .tags-row .light-lift { background-color: #F2C258; }
.high-impact, .tags-row .high-impact {background-color: #E86782; }
.funding, .tags-row .funding { background-color: #9E4F80; }
.cost-savings, .tags-row .cost-savings { background-color: #48D1EF; }