/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/

.blurb {
    position: relative;
    padding: 40px;
    border: 1px solid #eee;
    margin: 10px;
}

.blurb:before {
    content: "";
    width: calc(100% + 20px);
    height: calc(100% + 20px);;
    position: absolute;
    left: -10px;
    top: -10px;
    border: 1px solid #eee;
    z-index: -1;
}

.results__text {
    position: relative;
    padding: 30px;
    border: 1px solid #eee;
    margin: 10px;
    background: #f4f9f4;
    margin-bottom: 32px;

}

.fluentform .form .ff-el-input--label.ff-el-is-required.asterisk-right label:after {
    display: none;
}

.form--ab .ff_list_inline .ff-el-input--content {
    position: relative;
    display: flex;
}

.form--ab .ff_list_inline .ff-el-input--content:before {
    content: "A";
    margin-right: 8px;
    font-weight: 700;
}

.form--ab .ff_list_inline .ff-el-input--content:after {
    content: "B";
    font-weight: 700;
}

.table .table__hl {
    background: #92d050;
}

.table .table__red {
    background-color: #e65050;
}

.results__text--info {
    background: #f0faff;
}

.results__wrapper table {
    margin-bottom: 32px;
}

.results__wrapper h3 {
    margin-bottom: 32px;
}

table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
    background: white;
}

table tbody tr:hover>td, table tbody tr:hover>th {
    background: white;
}

.fluentform .ff-el-group.results__text {
    margin-bottom: 32px;
}

.results__text p:last-child {
    margin-bottom: 0;
}

.results__text:before {
    content: "";
    width: calc(100% + 20px);
    height: calc(100% + 20px);;
    position: absolute;
    left: -10px;
    top: -10px;
    border: 1px solid #eee;
    z-index: -1;
}

.blurb.elementor-widget-image-box .elementor-image-box-title {
    margin-bottom: 16px;
    line-height: 1.2em;
    margin-top: 0;
}

.blurb.elementor-widget-image-box .elementor-image-box-title a {
    font-weight: 600;
    color: #51acda;
    font-size: 24px;
    text-decoration: underline;
}

.form__results {
    display: none;
}

.table .desc {
    text-align: left;
    font-size: 12px;
}

.btn {
    transition: all 0.3s cubic-bezier(0.23,1,0.32,1);
    font-size: 18px;
    line-height: 1.3333333333;
    padding: 15px 45px 16px;
    font-weight: 600;
    display: inline-block;
    position: relative;
    margin: 20px 0 0;
    outline-offset: -4px;
    z-index: 1;
    border: none;
    border-radius: 0;
}

.btn--primary {
    color: #51acda;
    box-sizing: content-box;
    border: 1px solid #CBE6F2;
    position: relative;
    padding-bottom: 15px;
    
}

.btn--primary:before {
    content: "";
    transition: all 0.3s cubic-bezier(0.23,1,0.32,1);
    position: absolute;
    bottom: -1px;
    left: -1px;
    right: -1px;
    height: 2px;
    display: block;
    background: #51acda;
}

.btn--primary:hover, .btn--primary:focus {
    transition: all 0.3s cubic-bezier(0.23,1,0.32,1);
    color: #51acda;
    border: 2px solid #51acda;
    padding: 14px 44px 14px;
    background: white;
}

.section {
    padding: 90px 0;
}

.section--results {
    padding-top: 0;
}

.section .container {
    padding: 0 15px;
}

.section .container--sm {
    max-width: 600px;
    margin: auto;
}

.section--results h2 {
    margin-bottom: 40px;
}

.results__group {
    text-align: left;
    margin-bottom: 32px;
}

.text-center{
    text-align: center;
}

.text-left {
    text-align: left;
}

/* .form--results .ff-el-input--content {
    display: flex;
    align-items: center;
    gap: 16px;
} */

.fluentform .ff-el-form-check-label .ff-el-form-check-input {
    position: relative;
    top: -2px;
}

.fluentform .ff-el-form-check label.ff-el-form-check-label {
    margin-bottom: 0;
}

.elementor-location-footer a {
    color: white;
    text-decoration: underline;
}

.results__wrapper .symob {
    margin-bottom: 0;
    text-align: left;
}

.symob tr td {
    border: none;
}

.symob tr td:first-child {
    background: #f5f5f5;
}

.symob__last td {
    padding-bottom: 32px;
}

.results__compass {
    margin-bottom: 32px;
}

.results__compass__wrapper .results__compass:last-child {
    margin-bottom: 0;

}

.chart-columns__wrapper {
    width: 100%;
    position: relative;
    padding: 10px 0;
    border: 1px solid #ddd;
}

.chart-columns__line {
    background: #0F8B8D;
    color: white;
    text-align: center;
    padding: 5px;
}

.chart-columns__lines {
    list-style-type: none;
    padding-left: 0;
    display: flex;
    justify-content: space-between;
}

.chart-columns__lines li {
    width: 40px;
}

/* .chart-columns__lines li:first-child {
    text-align: left;
}

.chart-columns__lines li:last-child {
    text-align: right;
} */


@media screen and (max-width: 767px) {
    
}