/*
Theme Name:     Angfincare Child
Theme URI:      https://angfincare.nz/
Description:    Child theme for Hello Elementor used for Angfincare.
Author:         Joel Warren
Author URI:     https://skyrocketmarketing.com.au
Template:       hello-elementor
Version:        1.0.33
Text Domain:    angfincare-child
*/

.align-self--end {
    align-self: end;
}

.fund-headings.fund-biggest-headings, /* mortgage outputted html */
.h2 {
    color: #25215D;
    text-align: center;
    font-family: "Aleo", serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 110%;
    margin-bottom: 30px;
    text-align: left;
    margin-top: 60px;
}

@media (max-width: 767px) {
    .fund-headings.fund-biggest-headings, /* mortgage outputted html */
    .h2 {
        margin-top: 30px;
        font-size: 26px;
        margin-bottom: 20px;
    }
}

.fund-headings, /* mortgage outputted html */
.h3 {
    color: #25215D;
    text-align: center;
    font-family: "Aleo", serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 110%;
    margin-bottom: 30px;
    text-align: left;
    margin-top: 60px;
}

@media (max-width: 767px) {
    .fund-headings, /* mortgage outputted html */
    .h3 {
        font-size: 24px;
        margin-top: 30px;
        margin-bottom: 20px;
    }
}

.color-cks {
    color: var(--e-global-color-f56fe3d);
}

.form-row {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.form-row.form-row--thirds {
    gap: 10px;
}

@media (min-width: 768px) {
    .form-row.form-row--thirds {
        display: flex;
        gap: 20px;
    }
}

.form-item {
    flex: 1;
}

.form-input {
    padding: 10px 26px;
    border: 1px solid rgb(198, 198, 199);
    border-radius: 10px;
    background-color: white;
    font-size: 16px;
    font-weight: 400;
    color: rgb(28, 28, 28);
    font-family: Open Sans, sans-serif;
    display: block;
    block-size: 64px;
    width: 100%;
}

.form-select {
    padding: 0 46px 0 26px;
    border: 1px solid rgb(198, 198, 199);
    border-radius: 10px;
    background-color: white;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='rgba(28, 28, 28, 0.65)'/%3E%3C/svg%3E");
    background-position: calc(100% - 26px) 50%;
    background-repeat: no-repeat;
    background-size: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 16px;
    font-weight: 400;
    color: rgb(28, 28, 28);
    font-family: Open Sans, sans-serif;
    display: block;
    line-height: 47px;
    block-size: 64px;
}

.form-select:focus {
    outline: none;
    border-color: #a6228e;
}

.responsive-table-container {
    width: 100%;
    overflow-x: auto;
}

.responsive-table {
    width: 100%;
    border-collapse: collapse;
}

.btn.btn {
    background-color: var(--e-global-color-3cc69d6);
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    fill: var(--e-global-color-4746661);
    color: var(--e-global-color-4746661);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-3cc69d6);
    border-radius: 10px 10px 10px 10px;
    padding: 25px 40px 25px 40px;
    box-shadow: none;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    transition: all .3s;
    cursor: pointer;
}

.btn-primary.btn-primary {
    border-color: var(--e-global-color-3cc69d6);
    color: #fff;
    background-color: var(--e-global-color-3cc69d6);
}

.btn-primary.btn-primary:hover {
    background-color: #74005C;
    border-color: #74005C;
    color: #fff;
}

.btn-outline.btn-outline {
    color: #25215D;
    background: transparent;
    border-color: var(--e-global-color-3cc69d6);
}

.btn-outline.btn-outline:hover {
    border-color: var(--e-global-color-3cc69d6);
    color: #fff;
    background-color: var(--e-global-color-3cc69d6);
}

.btn-cks.btn-cks {
    background-color: var( --e-global-color-f56fe3d );
    color: #fff;
    border-color: var( --e-global-color-f56fe3d );
}

.btn-cks.btn-cks:hover {
    background-color: var( --e-global-color-f56fe3d );
    border-color: var( --e-global-color-f56fe3d );
    color: #fff;
}

.form-label {
    display: inline-flex;
    gap: 8px;
    position: relative;
}

.info-icon {
    display: block!important;
    cursor: pointer;
    padding: 0!important;
    background: none!important;
    border: none!important;
    position: relative!important;
}
  
.tooltip-box {
    display: none;
    position: absolute;
    top: 8px;
    left: 30px;
    width: 350px;
    white-space: wrap;
    text-align: left;
    padding: 20px;
    background: #F7F9FA;
    border: 1px solid #E5E6E7;
    border-radius: 0 16px 16px 16px;
    font-size: 16px;
    line-height: 1.5;
    z-index: 1000;
    color: #3C3B3B;
}

/* table output for cks prebuild html :( */
.cks-summary table,
table.funds:not(.mortgage), /* mortgage outputted html */
.table-horizontal {
    font-size: inherit;
    border-radius: 10px;
    border-collapse: collapse;
    width: 100%;
    text-align: left;
    margin-bottom: 20px;
}

.cks-summary table td,
table.funds:not(.mortgage) td,
.table-horizontal th,
.table-horizontal td {
    border: 1px solid #E5E6E7;
    background: #fff;
    padding: 18px;
}

strong,
b {
    font-weight: 600;
}

.cks-summary table tr > td:first-child,
table.funds:not(.mortgage) tr > td:first-child,
.table-horizontal th {
    text-align: left;
    color: #000;
    background: #F2F2FB;
    font-size: 16px;
    width: 25%;
    font-weight: bold;
    border-color: #E5E6E7;
}

@media (max-width: 767px) {
    .cks-transactions {
        overflow-x: scroll;
    }
}

.cks-transactions > table,
table.funds.mortgage, /* mortgage outputted html */
.table {
    border: none;
    font-size: inherit;
    width: 100%;
    text-align: left;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.cks-transactions > table td,
table.funds.mortgage td, /* mortgage outputted html */
.table td {
    padding: 18px;
    border: 1px solid #E5E6E7;
}

.cks-transactions > table th,
table.funds.mortgage th, /* mortgage outputted html */
.table thead th {
    border: none;
    color: #fff;
    padding: 18px;
    text-align: left;
    background: #25215D;
    border-left: 1px solid #474477;
}

.cks-transactions > table th ~ th,
table.funds.mortgage th ~ th, /* mortgage outputted html */
.table thead th ~ th {
    border-left: 1px solid #E5E6E7;
}

.table tfoot td {
    background: #F2F2FB;
}

.table tfoot td:empty {
    border: none;
    background: none;
}

.cks-transactions > table tr:last-child th,
table.funds.mortgage tr:last-child th {
    background-color: #F2F2FB;
    border-color: #E5E6E7;
    border-radius: 0;
    color: #1C1C1C;
}

.cks-transactions > table[style] {
    border: none!important;
    width: 100%!important;
}

.alert {
    padding: 15px 20px;
    border-radius: 4px;
    margin-bottom: 20px;
    font-size: 14px;
    border: 1px solid transparent;
}

.alert.alert a {
    color: inherit;
    text-decoration: none;
}

.alert-success {
    background-color: #d4edda;
    border-color: #c3e6cb;
    color: #155724;
}

.alert-warning {
    background-color: #fff3cd;
    border-color: #ffeeba;
    color: #856404;
}

.alert-danger {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24;
}

#statements:not(button),
.statement-list {
	list-style: none;
	padding: 0;
	margin: 1rem 0;
}

.statement-list {
	border-top: 1px solid #E1E1E1;
}

#statements:not(button) > form,
.statement-item {
    display: block;
	border-bottom: 1px solid #E1E1E1;
}

#statements:not(button) > form > input[type="submit"],
.statement-link {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	width: 100%;
	padding: 0.75rem 0;
	font-size: 1rem;
	text-align: left;
	background: none;
	border: none;
	cursor: pointer;
}

#statements:not(button) > form + p { margin-top: 20px; }

#statements:not(button) > form > input[type="submit"]:hover,
.statement-link:hover .label {
	text-decoration: underline;
}

.icon {
	font-size: 1.1rem;
}

.cks-summary table {
    max-width: 750px;
}

.cks-summary table tr > td:first-child {
    width: 50%;
}

.cks-summary table td[colspan="2"] {
    background: none!important;
    border: none;
    padding: 0;
}

.cks-summary table tr:has(td:only-child) td:not([colspan="2"]) {
    display: none;
}

.cks-summary > strong,
.cks-summary table td[colspan="2"] > strong {
    color: var(--n-tabs-title-color);
    font-family: "Aleo", serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 110%;
    display: block;
    margin-bottom: 30px;
    text-align: left;
    margin-top: 60px;
}

.cks-summary table tr:last-child > td[colspan="2"] {
    padding-top: 20px;
    font-weight: normal;
}

.cks-summary table tr:last-child > td[colspan="2"] > strong {
    display: inline-block;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    color: var( --e-global-color-7ac67ad );
}

.change-details-form form {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 30px;
}
.change-details-form form .form-group {
    flex: 1 0 auto;
}
.change-details-form form input[type="submit"] {
    background-color: var(--e-global-color-3cc69d6);
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    fill: var(--e-global-color-4746661);
    color: var(--e-global-color-4746661);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-3cc69d6);
    border-radius: 10px 10px 10px 10px;
    padding: 25px 40px 25px 40px;
    box-shadow: none;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    transition: all .3s;
    cursor: pointer;
    border-color: var(--e-global-color-3cc69d6);
    color: #fff;
    background-color: var(--e-global-color-3cc69d6);
    align-self: flex-end;
}
.change-details-form form input[type="submit"]:hover {
    background-color: #74005C;
    border-color: #74005C;
    color: #fff;
}
@media (min-width: 992px) {
    .change-details-form form {
        flex-direction: row;
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .funds-table-box.contribution-history:not(.change-details-form) {
        overflow-x: scroll;
    }
}

.contribution-history table {
    font-size: inherit;
    border-radius: 10px;
    border-collapse: collapse;
    width: 100%;
    text-align: left;
    margin-bottom: 20px;
}

.contribution-history table[style] {
    width: 100%!important;
}

.contribution-history .fund-headings > td {
    background: #25215D;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    border: 1px solid #474477;
    font-weight: 700;
}

.contribution-history th {
    border: none;
    color: #fff;
    padding: 18px;
    text-align: left;
    background: #25215D;
    border-left: 1px solid #474477;
}

.buss-transactions label {
    align-self: center;
    text-align: left;
}
.buss-transactions input {
    flex: 1;
    padding: 0.75rem;
    border: 1px solid rgb(198, 198, 199);
    border-radius: 8px;
    font-size: 1rem;
    transition: border-color 0.2s ease;
    height: 64px;
    width: 100%;
}
.buss-transactions br {
    display: none;
}

.gform-theme--foundation .form--inline-inputs .gform_fields {
    display: block;
}

.gform-theme--foundation .form--inline-inputs .gfield {
    display: inline-block;
    line-height: 34px;
    padding: 10px 12px 10px 0;
}

.gform-theme--foundation .form--inline-inputs .gfield input {
    min-width: 300px;
    height: 44px;
}

@media (min-width: 768px) {
    .gform-theme--foundation .form--inline-inputs .gfield input {
        min-width: 600px;
    }
}

.funds-file-viewer table,
.funds-file-viewer table[style] {
    width: 100%!important;
}

.funds-file-viewer table tr > td:nth-child(1) {
    min-width: 40px;
}

.funds-file-viewer table tr > td:nth-child(2) {
    width: 100%;
}