/* ==========================================================================
   Section comment block
   ========================================================================== */


/* Sub-section comment block
   ========================================================================== */


/**
 * Short description using Doxygen-style comment format
 *
 * The first sentence of the long description starts here and continues on this
 * line for a while finally concluding here at the end of this paragraph.
 *
 * The long description is ideal for more detailed explanations and
 * documentation. It can include example HTML, URLs, or any other information
 * that is deemed necessary or useful.
 *
 * @tag This is a tag named 'tag'
 *
 * TODO: This is a todo statement that describes an atomic task to be completed
 *   at a later date. It wraps after 80 characters and following lines are
 *   indented by 2 spaces.
 */


/* Basic comment */

@import "variables.css";
@import "fonts.css";

/* ==========================================================================
   Animations
   ========================================================================== */

@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes spinner {
    to {
        transform: rotate(1turn);
    }
}

@keyframes spinner-toggle {
    from {
        visibility: hidden;
    }
    50% {
        visibility: hidden;
    }
    to {
        visibility: visible;
    }
}


/* ==========================================================================
   General
   ========================================================================== */

.uk-navbar-nav>li:not(:last-child)>a {
    margin-right: 1.6rem;
}

.uk-navbar-container,
#tm-mobile>div {
    -webkit-backdrop-filter: saturate(100%) blur(0.5em);
    backdrop-filter: saturate(100%) blur(0.5em);
    background-color: rgba(255, 255, 255, 0.9);
    /*border-bottom: 1px solid var(--border-color);*/
}

.tm-header .uk-navbar .uk-navbar-nav>li:last-child {
    margin-left: 0.8rem;
}

.tm-header .uk-navbar .uk-navbar-nav>li:last-child a:before {
    background: none;
}

.tm-header .uk-navbar .uk-navbar-nav>li:last-child:hover a {
    color: var(--text-color);
}

.tm-header .uk-navbar .uk-navbar-nav>li:last-child a:hover {
    color: var(--primary-color);
}

.home .tm-header .uk-navbar .uk-navbar-nav>li:last-child {
    animation: fadein 500ms;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
}

.uk-logo>img {
    height: calc(1.6rem * 3);
    padding: 0.6rem 0;
}

.uk-link-text a,
a.uk-link-text {
    transition: color 200ms ease;
}

.uk-link-text a[target="_blank"],
a.uk-link-text[target="_blank"] {
    cursor: alias;
}

.uk-select:not([multiple]):not([size]) {
    border: 1px solid #e5e5e5;
}

.uk-button-text {
    padding-right: calc(1.6rem * 1.25);
}

.uk-button-text::before {
    width: 1.6rem;
}

.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {
    content: '»';
    margin: 0 .6rem;
}

.uk-accordion>:nth-child(n+2) {
    margin-top: 1.6rem;
}

.uk-textarea {
    resize: none;
}

.tm-header-mobile .uk-logo img {
    width: 200px;
}

.footer-container {}

.footer-container.uk-section-primary:not(.uk-preserve-color) {
    color: #fff;
}

.footer-container .main-logo svg {
    max-width: calc(1.6rem * 2.5);
}

.footer-container .main-logo svg>* {
    fill: rgba(255, 255, 255, .8) !important;
}

.footer-container a>p {
    margin-bottom: 0;
}

.footer-container ul {
    list-style: none;
    padding: 0;
}

.footer-container .logo {
    float: left;
    margin-right: calc(1.6rem / 2);
    width: calc(1.6rem * 2);
}

.footer-container .logo svg>* {
    fill: rgba(255, 255, 255, .5) !important;
}


/* ==========================================================================
   Pages
   ========================================================================== */


/* Homepage
   ========================================================================== */

.welcome-container {}

.welcome-container>div {}

@media (max-width: 480px) {
    .welcome-container>div {
        background-image: url('../../../uploads/Couple-transparent-pleine-largeur.png') !important;
        background-position-y: 75%;
        background-size: contain;
    }
    .welcome-container br {
        display: none;
    }
}

.welcome-container .uk-light .uk-button-secondary {
    color: var(--tertiary-color);
}


/*.welcome-container>div {
    padding: 0;
}

.welcome-container .uk-container {
    overflow: hidden;
    padding: 0;
}

.welcome-container .uk-container>.uk-grid>div:nth-child(2) {
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    padding: 70px 40px;
}*/

.introduction-container {}

@media (min-width: 480px) {
    .introduction-container>.uk-container {
        margin-top: -175px;
    }
}

.introduction-container .small-caps {
    font-weight: 600;
    letter-spacing: 0.05rem;
    text-transform: uppercase;
}

.specialization-container {}

.specialization-container>div>div .el-content {
    color: var(--tertiary-color);
    font-weight: 500;
    letter-spacing: 0.025rem;
    text-transform: uppercase;
}

.confidentiality-container {}

.confidentiality-container .uk-list>li .uk-first-column {
    margin-top: 0.3rem;
    width: 60px;
}

.confidentiality-container .uk-list>li:first-child .uk-first-column svg>* {
    fill: currentcolor !important;
}

.confidentiality-container .uk-list>li:nth-child(n+2) {
    margin-top: 1.6rem;
}


/* Join us
   ========================================================================== */

.business-hours {
    position: relative;
}

.business-hours:before {
    background-color: #24d154;
    border-radius: 50%;
    content: '';
    display: inline-block;
    height: 1rem;
    position: absolute;
    top: 0.3rem;
    white-space: nowrap;
    width: 1rem;
}

.business-hours.is-close:before {
    background-color: red;
}

.business-hours>* {
    display: none;
}

.business-hours:not(.is-close)>*:first-child {
    display: block;
}

.business-hours.is-close>*:nth-child(2) {
    display: block;
}

.business-hours>p {
    margin-left: calc(1rem + 15px);
}


/* ==========================================================================
   Gravity Forms
   ========================================================================== */


/* Login
   ========================================================================== */

.login-container {}

.login-container>div:nth-child(2)>div form {
    background-color: var(--tertiary-color-alt-1);
    border-radius: .4rem;
    margin-top: calc(1.6rem * 2);
    padding: 1.6rem;
}

.login-container>div:nth-child(2)>div form .uk-checkbox:not(:checked) {
    background-color: #fff;
}

*/
/* Dashboard
   ========================================================================== */

.dashboard-container {}

.dashboard-container .uk-card-primary:hover {
    background-color: var(--primary-color-hover);
}

.dashboard-container>:first-child>.uk-card:first-child {
    background-blend-mode: soft-light;
    background-color: var(--primary-color-hover);
    background-image: url('../../../uploads/home-testament.jpg');
    background-position-y: 40%;
    background-size: cover;
}

.dashboard-container>:first-child>.uk-card:first-child:hover {
    background-color: var(--primary-color);
}

.dashboard-container>:nth-child(3)>.uk-card:nth-child(2)>* {
    color: var(--error-color);
}

.dashboard-container>:nth-child(3)>.uk-card:nth-child(2):hover {
    background-color: var(--error-color);
}

.dashboard-container>:nth-child(3)>.uk-card:nth-child(2):hover>* {
    color: #fff;
}

.account-container .uk-switcher>*>h4 {
    display: none;
}

.button--loading {
    background-color: var(--primary-color-hover);
    pointer-events: none;
}

.button--loading .button-text {
    opacity: 0;
}

.uk-button .button-content {
    align-items: center;
    display: flex;
    justify-content: center;
    min-width: 1px;
    min-height: 1px;
    position: relative;
}

.uk-button .button-spinner {
    color: transparent;
    left: 0;
    margin: -1.2rem 0 0 0;
    position: absolute;
    right: 0;
    top: 50%;
    visibility: hidden;
}

.uk-button .button-spinner svg {
    fill: rgba(255, 255, 255, .5)!important;
    height: 1.6rem;
    opacity: 0;
}

.uk-button .button-text {}

.uk-button.button--loading .button-spinner {
    animation: spinner-toggle 100ms;
    animation-delay: 250ms;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}

.uk-button.button--loading .button-spinner svg {
    animation: spinner 500ms linear infinite;
    opacity: 1;
}


/* Ask a question
   ========================================================================== */

body .gform_wrapper ul {
    padding-left: 0;
}

body .gform_wrapper form li,
body .gform_wrapper li,
body .gform_wrapper ul li.gfield {
    clear: both;
    list-style: none;
    margin-left: 0;
    overflow: visible;
}

body .gform_wrapper h3.gform_title {
    display: none;
}

body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label {
    display: block;
    /*font-weight: 600;*/
    margin-bottom: .2rem;
}

body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_password input {
    padding-right: 2.6rem;
}

body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_password input[type='password'] {
    font-size: 1.25rem;
    letter-spacing: 0.2rem;
}

body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_password button {
    /* visibility button */
    -webkit-appearance: none;
    border: none;
    background: none;
    height: 46px;
    margin-left: -2rem;
    padding: 0;
    position: absolute;
}

body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_password button>span:before {
    color: var(--muted-icon-color);
    transition: color 100ms ease-in-out;
}

body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_password button>span:hover:before,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_password button>span.dashicons-visibility:before {
    color: var(--text-color);
}

body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label .gfield_required {
    color: var(--error-color);
    margin-left: calc(1.6rem / 6);
}

body .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label,
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_description {
    color: var(--text-color-muted);
    font-size: 14px;
    line-height: inherit;
    letter-spacing: normal;
}

body .gform_wrapper .gform_body .gform_fields .gfield .gfield_description.validation_message {
    color: var(--error-color);
}

body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container>* {
    display: block;
}

body .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container *+label {
    display: block;
}

body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container>:nth-child(n+2) {
    margin-top: calc(1.6rem / 4);
}

body .gform_wrapper .gform_body .gform_fields .gfield .gfield_description {
    padding-top: 0.1rem;
}

body .gform_wrapper .gform_fileupload_multifile .gform_drop_area {
    background: rgba(0, 0, 0, .02);
    border-radius: 8px;
    color: var(--text-color-muted);
    padding: 1.6rem;
    border: 1px dashed #e5e5e5;
    text-align: center;
    margin-bottom: 16px;
}

body .gform_wrapper span.gform_drop_instructions {
    display: block;
    margin-bottom: 8px;
}

body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload+[id^="gform_preview_"]>*>img {
    /*content: url('../../yootheme/vendor/assets/uikit/src/images/icons/close.svg');*/
    margin-top: -0.2rem;
    margin-left: 0.2rem;
}

body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload+[id^="gform_preview_"]>*>img+strong {
    font-weight: inherit;
}

body .gform_wrapper .gform_footer input[type=submit] {
    margin-right: calc(1.6rem / 2);
}

body .gform_wrapper .gform_ajax_spinner {
    display: none;
}

body .question-thankyou-tile-container .uk-tile {
    background-position: 20% 30%;
}