/*
Theme Name:   R-Mod by Gro Media
Theme URI:    https://gromedia.dk
Author:       Gro Media ApS
Author URI:   https://gromedia.dk
Template:     r-2024 - V1
Function:     Loading styling of elements
Version:      1.0
*/



/***************************
* BUTTONS: Styling
****************************/

/* Global sizing */
.r-btn .elementor-button {
font-family: var(--r-font-family-reg);
font-weight: var(--r-font-weight-med);
font-size: var(--r-font-size-text-sm);
letter-spacing: 0.25px;
border-radius: var(--r-border-radius-full);
text-transform: none;
padding: 1.5rem 2.2rem;
min-width: 120px;
}

/* Small sizing */
.r-btn.r-sm .elementor-button {
font-size: var(--r-font-size-text-xsm);
letter-spacing: 0.125px;
padding: 1.25rem 1.25rem;
min-width: auto;
}

/* Xsmall sizing */
.r-btn.r-xsm .elementor-button {
font-size: var(--r-font-size-text-xxsm);
letter-spacing: 0.125px;
padding: 0.8rem 1.6rem;
min-width: auto;
}

/* Regular color */
.r-btn .elementor-button {
background: var(--r-black);
border: 1px solid var(--r-black);
color: var(--r-white);
}

/* Regular Hover */
.r-btn > span:hover,
.r-btn .elementor-button:hover {
opacity: var(--r-opacity-1);
}

/* White with grey border */
.r-btn.r-white .elementor-button {
background: var(--r-white);
color: var(--r-black);
border: 1px solid #00000052;
}
.r-btn.r-white .elementor-button:hover {
background: var(--r-white);
color: var(--r-black);
border: 1.25px solid #000;
}

/* Blue button */
.r-btn.r-purple-1 .elementor-button {
background: var(--r-purple-1);
border: 1px solid var(--r-purple-1);
color: var(--r-white);
}




/***************************
* LABELS
****************************/

/* 
* * * LABEL: Regular (small size)  * * *
*/

/* Size (Wrapper) */
.r-label-wrapper {
flex-shrink: 0;
width: fit-content !important;
}

/* Size (text) */
span.r-label {
/* font-size: var(--r-font-size-text-xsm); */
font-size: 12px;
font-weight: var(--r-font-weight-semibold);
border-radius: var(--r-border-radius-full);
padding: 0.40rem 1.25rem;
text-transform: uppercase;
}

/* Regular color */
span.r-label {
background: var(--r-black);
color: var(--r-white);
border: 0.25px solid var(--r-black);
}

/* 
* * * LABEL: USP label  * * *
*/

.r-list.r-usp-label-list {
display: flex;
flex-direction: column;
gap: var(--r-con-gap-xsm);
}
.r-label.r-usp {
display: flex;
flex-direction: row;
align-items: center;
gap: var(--r-con-gap-xsm);
justify-content: space-between;
background: var(--r-white);
border-radius: var(--r-border-radius-full);
padding: 0.65rem 1.5rem 0.65rem 0.65rem;
max-width: 175px;
border: 1px solid var(--r-border);
}
.r-label.r-usp p {
font-size: 13px;
opacity: 1;
}
.r-label.r-usp svg.r-svg.r-check-circle {
width: 16px;
height: 16px;
color: var(--r-green);
}

.r-usp-label-list-wrapper {
display: flex;
flex-direction: row;
gap: var(--r-con-gap-xxsm);
}


/* 
* * * LABEL: USP label || Version 1 (alt mods)  * * *
*/

.r-usp-label-list-wrapper.r-v-1 {
flex-direction: column;
gap: none;
}
.r-usp-label-list-wrapper.r-v-1 .r-list.r-usp-label-list {
flex-direction: row;
gap: var(--r-con-gap-xsm);
flex-wrap: wrap;
}
.r-usp-label-list-wrapper.r-v-1 .r-label.r-usp {
padding: 0.65rem 1.5rem 0.65rem 0.65rem;
max-width: fit-content;
width: 100%;
border: 1px solid var(--r-border);
background: var(--r-grey-light);
}
.r-usp-label-list-wrapper.r-v-1.r-1 .r-label.r-usp {
background: var(--r-white);
}

/* MOD: Ceter list */
.r-usp-label-list-wrapper.r-v-1 .r-list.r-usp-label-list.r-center {
    justify-content: center;
}



/* 
* * * LABEL: Steps label  * * *
*/

.r-label.r-steps-label {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
gap: var(--r-con-gap-xsm);
}
.r-label.r-steps-label .r-steps-number {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
background: var(--r-white);
height: 18px;
width: 18px;
border-radius: var(--r-border-radius-full);
border: 1px solid var(--r-border);
font-size: 11px;
color: var(--r-black);
font-weight: var(--r-font-weight-med);
box-shadow: var(--r-box-shadow-1);
flex-shrink: 0;
}
.r-label.r-steps-label .r-steps-text { 
opacity: 1;
font-weight: var(--r-font-weight-semibold);
font-size: 13px;
}
.r-label.r-steps-label .r-steps-text span { 
opacity: var(--r-opacity-1);
font-weight: var(--r-font-weight-reg);
}
.r-label.r-steps-label.r-inactive {
opacity: var(--r-opacity-1);
}


/* 
* * * LABEL: Logo slider label  * * *
*/

.r-label.r-logo-list-label {
background: #ffffffa8;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
padding: 4px 16px;
font-size: 11px;
border: 1px solid var(--r-border);
border-bottom: 0px;
opacity: 1;
font-weight: 400;
color: #00000078;
}



/* 
* * * LABEL: Info labels  * * *
*/

.r-label.r-info-label > .r-wrapper {
background: var(--r-black);
border-radius: var(--r-border-radius-full);
max-width: fit-content;
}
.r-label.r-info-label > .r-wrapper > p {
color: var(--r-white);
opacity: 0.95;
font-size: 11px;
letter-spacing: 0.25px;
text-transform: uppercase;
padding: 0.25rem 1rem;
}
/* White BG */
.r-label.r-info-label.r-white > .r-wrapper {
background: var(--r-white);
}
.r-label.r-info-label.r-white > .r-wrapper > p {
color: var(--r-black);
}

/***************************
* LISTS
****************************/


/* General styling clean-up for "r-list" class */
.r-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
}



/* 
* * * LIST: Regular list  * * *
*/

.r-list.r-reg-list {
gap: var(--r-con-gap-sm);
}
.r-list.r-reg-list > li {
display: flex;
flex-direction: row;
align-items: center;
gap: var(--r-con-gap-xsm);
}
.r-list.r-reg-list > li::before {
content: "";
display: inline-block;
position: relative;
min-width: 6px;
width: 6px;
height: 6px;
background: var(--r-black);
border-radius: var(--r-border-radius-full);
}
.r-list.r-reg-list > li > p,
.r-list.r-reg-list > li > a {
opacity: 1;
font-weight: var(--r-font-weight-reg);
}

/* Small text mod */
.r-list.r-reg-list.r-sm > li > * {
font-size: var(--r-font-size-text-sm);
}



/* 
* * * LIST: USP label list  * * *
*/

/* Wrapper styling */
.r-list.r-usp-label-list > li > .r-wrapper {
display: flex;
flex-direction: row;
background: var(--r-grey-light);
border-radius: var(--r-border-radius-full);
border: 1px solid var(--r-border);
padding: 0.4rem;
gap: var(--r-con-gap-xsm);
align-items: center;
}

/* Icon styling */
.r-list.r-usp-label-list > li > .r-wrapper > .r-1 {
width: fit-content;
flex-shrink: 0;
display: flex;
flex-direction: column;
justify-content: center;
}
.r-list.r-usp-label-list > li > .r-wrapper > .r-1 > svg.r-svg.r-check-circle {
width: 16px;
height: 16px;
color: var(--r-green);
}

/* Text styling */
.r-list.r-usp-label-list > li > .r-wrapper > p.r-2 {
opacity: 1;
font-size: 13px;
}



/* 
* * * LIST: Text core link  * * *
*/

/* List styling */
.r-list.r-text-core-link {
gap: var(--r-con-gap-sm);
}
.r-list.r-text-core-link * {
opacity: 1;
}
.r-list.r-text-core-link > li > .r-text-link {
display: flex;
flex-direction: row;
align-content: center;
flex-wrap: nowrap;
gap: var(--r-con-gap-xsm);
}
.r-list.r-text-core-link > li > .r-text-link > a {
opacity: var(--r-opacity-2);
font-size: var(--r-font-size-heading-med);
font-weight: var(--r-font-weight-med);
}
/* Icon */
.r-list.r-text-core-link .r-text-link .svg-icon {
width: 14px;
height: auto;
}
.r-list.r-text-core-link .r-text-link .svg-icon path {
fill: var(--r-black);
}
/* Hover effect */
.r-list.r-text-core-link > li > .r-text-link > a:hover {
opacity: 1;
margin-right: 4px;
}

/* 
* * * LIST: Header links  * * *
*/

.r-list.r-header-links {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
gap: var(--r-con-gap-reg);
}
.r-list.r-header-links > li {
font-size: 14px;
opacity: 1;
}
.r-list.r-header-links > li > a {
opacity: var(--r-opacity-1);
}
.r-list.r-header-links > li > a:hover {
opacity: 1;
}
.r-list.r-header-links > li.r-border-left::before {
content:"";
background: var(--r-border);
width: 1px;
height: calc(100% + 8px);
margin-top: -4px;
position: absolute;
margin-left: calc(-1* var(--r-con-gap-reg));
opacity: 1 !important;
}
.r-list.r-header-links > li.r-border-left {
margin-left: var(--r-con-gap-reg);
}

/* 
* * * LIST: Header (top) links  * * *
*/

.r-list.r-top-header-links {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
gap: var(--r-con-gap-sm);
}
.r-list.r-top-header-links > li {
font-size: 13px;
font-weight: var(--r-font-weight-med);
opacity: 1;
letter-spacing: 0.125px;
}
.r-list.r-top-header-links > li > a {
color: var(--r-white);
opacity: 0.8;
position: relative;
}
.r-list.r-top-header-links > li > a:hover {
opacity: 1;
}
/* When link is active add this styling */
.r-list.r-top-header-links > li > a.r-active {
opacity: 1;
font-weight: var(--r-font-weight-med);
}
.r-list.r-top-header-links > li > a.r-active::after {
content:"";
width: 100%;
height: 4px;
background: linear-gradient(to right, #D4D0FF 0%, #ABA4F9 100%);
position: absolute;
left: 0;
bottom: 0;
margin-bottom: -9px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}


/* 
* * * LIST: USP list  * * *
*/


.r-list.r-usp-list {
display: flex;
flex-direction: row;
gap: var(--r-con-gap-reg);
}
.r-list.r-usp-list > li > .r-usp-wrapper {
display: flex;
flex-direction: row;
column-gap: var(--r-con-gap-xsm);
}
.r-list.r-usp-list > li > .r-usp-wrapper svg.r-svg.r-check-circle {
width: 14px;
}
.r-list.r-usp-list > li > .r-usp-wrapper p {
font-size: 14px;
opacity: 1;
}
@media (max-width: 767px) {
.r-list.r-usp-list {
flex-direction: column;
gap: var(--r-con-gap-sm);
}
}



/* 
* * * LIST: Footer Links  * * *
*/

.r-list.r-footer-links {
display: flex;
flex-direction: row;
gap: var(--r-con-gap-sm);
}
.r-list.r-footer-links li > a {
color: var(--r-white);
}


/* 
* * * LIST: Footer credit  * * *
*/
    
/* LIST: Styling/spacing */
.r-list.r-footer-credit-list {
display: flex;
flex-direction: row;
gap: var(--r-con-gap-sm);
}
.r-list.r-footer-credit-list li> p,
.r-list.r-footer-credit-list li > a {
color: var(--r-white);
font-size: var(--r-font-size-text-xsm);
font-weight: var(--r-font-weight-reg);
opacity: var(--r-opacity-2);
}
.r-list.r-footer-credit-list li > a {
border-bottom: 0.25px solid var(--r-border);
padding-bottom: 2px;
}
.r-list.r-footer-credit-list li > a:hover {
opacity: 1;
}

/* LIST WRAPPER: Spacing */
.r-wrapper.r-footer-credit {
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 16px 0px;
}




/* 
* * * LIST: Menu popup links  * * *
*/

.r-list.r-menu-popup-links {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
}

.r-list.r-menu-popup-links > li > a {
font-size: 14px;
opacity: var(--r-opacity-1);
border-bottom: 1px solid var(--r-black);
padding-bottom: 2px;
}
.r-list.r-menu-popup-links > li > a:hover {
opacity: 1;
}



/* 
* * * LIST: Contact list  * * *
*/

.r-list.r-contact-list {
gap: var(--r-con-gap-xsm);
}
.r-list.r-contact-list > li::before {
content:"";
display: inline-block;
position: relative;
min-width: 8px;
width: 8px;
height: 8px;
background: transparent;
border: 1px solid var(--r-black);
border-radius: var(--r-border-radius-full);
}





    .r-list.r-contact-list > li {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--r-con-gap-xsm);
    font-size: var(--r-font-size-text-sm);
    line-height: 1.125em;
    }
    @media (max-width: 767px) {
    .r-list.r-contact-list {
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--r-con-gap-sm);
    }
    }
    



/***************************
* FORMS
****************************/

/* 
* * * FORM: Inline  * * *
*/

/* Make form inline */
.r-con .r-form-1 .elementor-form-fields-wrapper {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
/* Fix negative side margin */
margin-left: 0px !important;
margin-right: 0px !important;
background: var(--r-white);
border-radius: var(--r-border-radius-full);
padding: 8px;
border: 1px solid var(--r-border);
box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.08);
}
/* Fix padding around fields */
.r-con .r-form-1 .elementor-form-fields-wrapper .elementor-field-group {
padding: 0px;
}
/* Field sizing */
.r-con .r-form-1 .elementor-form-fields-wrapper > .elementor-column {
flex-grow: 1;
margin-bottom: 0px;
}
.r-con .r-form-1 .elementor-form-fields-wrapper > .elementor-column.e-form__buttons {
max-width: fit-content;
}
/* Button styling */
.r-con .r-form-1 .elementor-form-fields-wrapper > .elementor-column.e-form__buttons .elementor-button {
background: var(--r-black);
color: var(--r-white);
font-weight: var(--r-font-weight-med);
height: 48px;
border-radius: var(--r-border-radius-full);
}
.r-con .r-form-1 .elementor-form-fields-wrapper > .elementor-column.e-form__buttons .elementor-button:hover {
cursor: pointer;
}
/* Input field (Text) styling */
.r-con .r-form-1 .elementor-form-fields-wrapper > .elementor-column.elementor-field-group-email .elementor-field-textual {
height: 48px;
border: none;
border-radius: var(--r-border-radius-full);
border-bottom-right-radius: 0px;
padding-right: 0px;
padding-left: 16px;
}
.r-con .r-form-1 .elementor-form-fields-wrapper > .elementor-column.elementor-field-group-email .elementor-field-textual:focus {
border: none;
border-bottom: 2px solid var(--r-purple);
border-left: 3px solid var(--r-white);
box-shadow: none !important;
}

/* RK Icon modification ::after */
.r-con .r-form-1.r-rk-icon::before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
height: 120px;
width: 120px;
background-image: url('https://rk2024.wpenginepowered.com/wp-content/uploads/2024/06/revisorkort-icon-addon_v1.svg');
background-size: contain;
background-repeat: no-repeat;
margin-top: -56px;
margin-right: 0px;
}

/* RK Icon 2 modification ::after */
.r-con .r-form-1.r-rk-icon-2::before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
height: 90px;
width: 90px;
background-image: url('https://rk2024.wpenginepowered.com/wp-content/uploads/2024/06/form-rk-icon-purple.png');
background-size: contain;
background-repeat: no-repeat;
margin-top: -53px;
margin-right: 24px;
opacity: 0.50;
}


/* 
* * * FORM: Regular  * * *
*/

/* Compensate bottom margin */
.r-con .r-form.r-form-reg {
margin-bottom: 10px;
}
/* Label styling */
.r-con .r-form.r-form-reg .elementor-form-fields-wrapper .elementor-field-label {
font-size: var(--r-font-size-text-xsm);
font-weight: var(--r-font-weight-semibold);
margin-bottom: var(--r-con-gap-xsm);
color: var(--r-black);
}
.r-con .r-form.r-form-reg .elementor-form-fields-wrapper .elementor-field-group {
margin-bottom: var(--r-con-gap-reg);
}
.r-con .r-form.r-form-reg .elementor-form-fields-wrapper .elementor-field-group.elementor-field-type-submit {
margin-bottom: 0px;
}
.r-con .r-form.r-form-reg .elementor-form-fields-wrapper .elementor-field-group .elementor-field-textual{
border: 1px solid #A6A6A6;
border-radius: var(--r-border-radius-reg);
min-height: 56px;
}
.r-con .r-form.r-form-reg .elementor-field-group .elementor-field-textual::placeholder {
opacity: var(--r-opacity-2);
}
.r-con .r-form.r-form-reg .elementor-form-fields-wrapper .elementor-field-group.elementor-field-type-submit .elementor-button {
flex-basis: auto;
background: var(--r-purple-1);
color: var(--r-white);
border-radius: var(--r-border-radius-full);
font-weight: var(--r-font-weight-reg);
min-height: 48px;
}

@media (max-width: 767px) {
.r-con .r-form.r-form-reg .elementor-form-fields-wrapper .elementor-field-group {
margin-bottom: var(--r-con-gap-sm);
}
.r-con .r-form.r-form-reg .elementor-form-fields-wrapper .elementor-field-group.elementor-field-type-submit {
margin-top: 8px;
}
}

/* 
* * * REGULAR FORM: Green checkmark UX when filled out field  * * *
*/

.r-form-reg .elementor-form .elementor-field-group.success .elementor-field {
border: 2px solid var(--r-green) !important; /* Green border to indicate success */
}
.r-form-reg .elementor-form .elementor-field-group.success:not(.active)::before {
content: "";
position: absolute;
left: 16px;
top: calc(50% + 17px);
transform: translateY(-50%);
width: 14px;
height: 14px;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='8' fill='%2321C063'/%3E%3Cpath d='M4.37761 7.4719L7.16579 10.7248C7.35651 10.9473 7.70749 10.9242 7.8674 10.6786L11.7738 4.67944' stroke='%23FFFFFF' stroke-width='0.768704'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
}
.r-form-reg .elementor-form .elementor-field-group.success:not(.active) input {
padding-left: 32px;
}
.r-form-reg .elementor-form .elementor-field-group.success .elementor-field-label  {
color: var(--r-green);
}
/* Active styling */
.r-form-reg .elementor-form .elementor-field-group.active .elementor-field {
border: 2px solid var(--r-purple) !important; /* Green border to indicate success */
}
.r-form-reg .elementor-form .elementor-field-group.active .elementor-field-label  {
color: var(--r-purple);
}


/* 
* * * FORM: Effect = page overlay when e-mail field active  * * *
*/

/* Overlay style */
#page-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.35);
z-index: 9;
display: none;
user-select: none;
}

/* Highlight the form */
.highlight-form {
position: relative;
z-index: 10;
}

/* FORM: User register form */


.r-con .r-register-form p.field-info {
font-size: 14px;
opacity: 1;
}
.r-con .r-register-form p.field-info a {
color: var(--r-purple-1);
border-bottom: 1px solid;
}

.r-con .r-register-form .ts-login .ts-google-btn {
    box-shadow: rgba(0, 0, 0, 0.15) 0px -1px 0px 0px inset, rgba(64, 68, 82, 0.1) 0px 0px 0px 1px inset, rgba(64, 68, 82, 0.08) 0px 2px 5px 0px;
}

/* FORM: Opgavenotifikation - Field transparency effect */
.email-disabled {
  opacity: 0.25 !important;
  pointer-events: none;
  cursor: not-allowed;
}




/***************************
* TABLE
****************************/

.r-table {
width: 100%;
border-collapse: collapse; 
}
.r-table th:nth-child(1),
.r-table td:nth-child(1) {
width: auto;
}
.r-table th:nth-child(2),
.r-table td:nth-child(2),
.r-table th:nth-child(3),
.r-table td:nth-child(3) {
width: 200px;
max-width: 200px;
white-space: nowrap;
}

/* Borders */
.r-table tbody td {
border-top: 1px solid #4f51559d;
padding-top: 24px;
padding-bottom: 24px;
}
/* Spacing */
.r-table thead th:nth-child(3),
.r-table tbody td:nth-child(3) {
padding-left: 24px;
}
.r-table thead th {
padding-top: 24px;
padding-bottom: 24px;
}
/* Marked cells */
.r-table thead th:nth-child(2),
.r-table tbody td:nth-child(2) {
background: #ffffff1e;
padding: 0px 24px;
}
.r-table thead th:nth-child(2) {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.r-table tbody tr:last-child td:nth-child(2) {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}



/* Text tyling */
.r-table th:nth-child(1),
.r-table th:nth-child(2),
.r-table th:nth-child(3) {
text-align: left;
}
.r-table p,
.r-table h3 {
color: var(--r-white);
}
/* Headers */
.r-table h3 {
font-size: 16px;
opacity: var(--r-opacity-1);
}
.r-table thead h3 {
opacity: 1;
}
.r-table thead th:nth-child(1) h3 {
opacity: var(--r-opacity-2);
max-width: 160px;
font-weight: var(--r-font-weight-med);
}
/* Body text */
.r-table p {
font-weight: var(--r-font-weight-med);
font-size: 16px;
opacity: 1;
}
.r-table span.r-sub-text {
display: block;
font-weight: var(--r-font-weight-reg);
line-height: 1.5em;
font-size: 14px;
opacity: var(--r-opacity-2);
}

/* Text with icon styling */
.r-table tbody td .r-wrapper {
display: flex;
flex-direction: row;
gap: 8px;
align-items: center;
}
.r-table tbody td .r-wrapper svg {
max-width: 16px;
}
.r-table  svg.r-svg.r-check-circle {
color: var(--r-green);
}
.r-table  svg.r-svg.r-check-x {
color: var(--r-white);
}
.r-table  svg.r-svg.r-check-x path {
color: var(--r-black);
}


@media (max-width: 767px) {
.r-table th:nth-child(1),
.r-table td:nth-child(1) {
width: auto;
}
.r-table th:nth-child(2),
.r-table td:nth-child(2),
.r-table th:nth-child(3),
.r-table td:nth-child(3) {
width: 35%;
max-width: 35%;
}
/* Spacing */
.r-table thead th:nth-child(1),
.r-table tbody td:nth-child(1) {
padding-right: 12px;
}
.r-table thead th:nth-child(3),
.r-table tbody td:nth-child(3) {
padding-left: 12px;
}
.r-table thead th {
padding-top: 12px;
padding-bottom: 12px;
}
/* Marked cells */
.r-table thead th:nth-child(2),
.r-table tbody td:nth-child(2) {
background: #ffffff1e;
padding: 0px 12px;
}
/* Headers */
.r-table h3 {
font-size: 14px;
opacity: var(--r-opacity-1);
}
.r-table tbody td .r-wrapper svg {
max-width: 14px;
}
/* Body text */
.r-table p {
font-weight: var(--r-font-weight-med);
font-size: 14px;
opacity: 1;
}
}

/* Responsive adjustments for devices with screen size < 400px */
@media (max-width: 400px) {
.r-table-wrapper {
overflow-x: auto;
-webkit-overflow-scrolling: touch; /* For smooth scrolling on iOS */
}
.r-table {
min-width: 375px;
}
.r-con .r-table-master-wrapper {
min-width: calc(100% + 16px);
}
}



/***************************
* ACCORDION
****************************/


/* 
* * * ACCORDION: Regular  * * *
*/


/* TITLE: Spacing */
.r-accordion.elementor-widget-n-accordion .e-n-accordion-item-title {
padding:24px 0px;
border: 0px;
border-top: 1px solid var(--r-border);
}
/* Give accordion bottom border */
.r-accordion {
border-bottom: 1px solid var(--r-border);
}
/* TITLE: Styling */
.r-accordion summary.e-n-accordion-item-title .e-n-accordion-item-title-text {
font-size: var(--r-font-size-text-reg);
font-weight: var(--r-font-weight-semibold);
}
/* CONTENT: Spacing */
.r-accordion .e-n-accordion-item > .e-con {
padding: 0px;
border: 0px;
padding-bottom: 24px;
}
/* CONTENT: Styling */
.r-accordion .r-accordion-element * {
font-size: 15px;
}
/* ICON: Styling */
.r-accordion.elementor-widget-n-accordion .e-n-accordion-item-title-icon span > svg {
height: 12px;
}
/* ICON: Styling (Open) */
.r-accordion.elementor-widget-n-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-opened {
border: 1px solid var(--r-border);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 24px;
width: 24px;
border-radius: 180px;
}
/* ICON: Styling (Closed) */
.r-accordion.elementor-widget-n-accordion .e-n-accordion-item:not([open]) .e-n-accordion-item-title-icon .e-closed{
border: 1px solid var(--r-border);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 24px;
width: 24px;
border-radius: 180px;
}





/***************************
* Table of Contents
****************************/

/* Remove outside border */
.r-con .r-toc .elementor-widget-container {
border: 0px;
}
/* Padding + border clean-up */
.r-toc .elementor-toc__header,
.r-toc .elementor-toc__body {
padding: 0px;
border: 0px;
}
/* Remove before numbers */
.r-toc .elementor-toc__list-item-text-wrapper::before {
display: none;
}

/* Text styling - header */
.r-toc.elementor-widget-table-of-contents .elementor-toc__header-title {
font-size: 16px;
opacity: 1;
color: var(--r-black);
}
/* Text styling - body */
.r-toc.elementor-widget-table-of-contents .elementor-toc__list-item-text-wrapper {
font-size: 14px;
opacity: 1;
color: var(--r-black);
}
/* TEext styling - body - active */
.r-toc .elementor-toc__body .elementor-toc__list-item-text {
transition: margin-left 0.25s;
}
.r-toc:not(.r-2) .elementor-toc__body .elementor-toc__list-item-text.elementor-item-active{
color: var(--r-purple);
margin-left: 8px;
}



/***************************
* MISC.
****************************/

/* 
* * * HR - LINE  * * *
*/

/* Container for the hr element */
.r-line-wrapper {
position: relative;
max-width: 100%;
overflow: hidden; /* Ensure the beam doesn't overflow the container */
}
/* Style the hr element */
hr.r-line {
max-width: 100%;
border-top: 1px solid var(--r-border);
margin: 0; /* Remove default margin for better control */
position: relative;
}
/* Dashed (MOD) */
hr.r-line.r-dashed {
    border-style: dashed;
}


/* 
* * * Explainer box * * *
*/
.r-explainer-box {
display: flex;
flex-direction: column;
gap: var(--r-con-gap-sm);
}
.r-explainer-box p {
font-size: var(--r-font-size-heading-xsm);
padding-left: var(--r-con-gap-lg);
}
.r-explainer-box p::before {
content:'"';
display: block;
position: absolute;
font-size: 56px;
left: 0;
margin-top: 16px;
}







/* 
* * * TAG - LINE with dot and heading  * * *
*/

.r-tag-2 > h2 {
margin-bottom: calc(1* var(--r-con-gap-lg));
margin-left: var(--r-con-gap-reg);
}
.r-tag-2 > .r-line {
position: absolute;
top: 0;
left: 0;
margin-top: 24px;
height: calc(100% - 24px);
width: 1px;
background: var(--r-border);
}
/* The pulsating dot */
.r-tag-2 > .r-dot-pulse {
position: absolute;
top: 0;
left: 0;
height: 10px;
width: 10px;
margin-left: -4.5px;
margin-top: 14px;
border-radius: 50%; /* Full border radius */
background: var(--r-purple);
box-shadow: 0 0 0 0 rgb(126, 114, 150); /* Initial box-shadow for pulse effect */
animation: r-pulse 2.75s infinite; /* Slowed down animation to 4s */
}
/* Keyframes for the pulsating animation */
@keyframes r-pulse {
0% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(194, 181, 219, 0.7); /* Using var(--r-purple) color */
}
70% {
transform: scale(1);
box-shadow: 0 0 0 8px rgba(86, 31, 195, 0); /* Using var(--r-purple) color and smaller size */
}
100% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(86, 31, 195, 0); /* Using var(--r-purple) color */
}
}




/* 
* * * MISC. BOX  * * *
*/

/* Image + text */

.r-img-text-box {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
gap: var(--r-con-gap-xsm);
align-items: center;
}
.r-img-text-box > .r-wrapper.r-1 {
max-width: 40px;
}
.r-img-text-box > .r-wrapper.r-2 > p.r-name {
font-size: 14px;
opacity: 1;
margin-bottom: 0px;
}
.r-img-text-box > .r-wrapper.r-2 > p.r-role {
font-size: 13px;
opacity: var(--r-opacity-2);
}



/* 
* * * MISC. RK Meta Field Page description line  * * *
*/

.r-meta-field.r-1 {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
font-size: 13px;
gap: var(--r-con-gap-xsm);
color: var(--r-black);
margin-left: var(--r-con-gap-reg);
}
.r-meta-field.r-1::before {
content: "";
background: var(--r-border);
width: 1px;
height: calc(100% + 4px);
margin-top: -2px;
position: absolute;
margin-left: calc(-1* var(--r-con-gap-reg));
opacity: 1 !important;
}
.r-meta-field.r-1 > .r-meta-1 {
text-transform: uppercase;
font-weight: var(--r-font-weight-semibold);
opacity: var(--r-opacity-2);
}
.r-meta-field.r-1 > .r-meta-2 {
font-weight: var(--r-font-weight-semibold);
position: relative;
}
.r-meta-field.r-1 > .r-meta-2::after {
content: "";
position: absolute;
right: -16px; /* Adjust as needed to place the icon appropriately */
top: 50%;
transform: translateY(-50%);
width: 5px;
height: 8px;
background-image: url("data:image/svg+xml,%3Csvg width='5' height='8' viewBox='0 0 5 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.35365 4.35355C4.54892 4.15829 4.54892 3.84171 4.35365 3.64645L1.17167 0.464466C0.976411 0.269204 0.659828 0.269204 0.464566 0.464466C0.269304 0.659728 0.269304 0.976311 0.464566 1.17157L3.29299 4L0.464566 6.82843C0.269304 7.02369 0.269304 7.34027 0.464566 7.53553C0.659828 7.7308 0.976411 7.7308 1.17167 7.53553L4.35365 4.35355ZM4 4.5H4.0001V3.5H4V4.5Z' fill='black'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
}
.r-meta-field.r-1 > .r-meta-3 {
font-weight: var(--r-font-weight-med);
margin-left: 16px;
color: var(--r-purple);
}
.r-meta-field.r-1 > .r-meta-3.r-succes {
color: var(--r-green);
}



/* 
* * * MISC. Team card (about us)  * * *
*/

/* Card styling */
.r-team-card {
display: flex;
flex-direction: row;
gap: var(--r-con-gap-reg);
}

/* Image column styling */
.r-team-card > .r-team-image {
display: flex;
flex-direction: column;
max-width: 120px;
flex-shrink: 0;
}
/* Image styling */
.r-team-card > .r-team-image > img {
border-radius: var(--r-border-radius-reg);
}
/* Content column styling */
.r-team-card > .r-team-content {
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media (max-width: 767px) {
.r-team-card .r-list.r-reg-list > li > p b {
display: block;
}
.r-team-card .r-list.r-reg-list > li > * {
font-size: var(--r-font-size-text-xsm);
}
.r-team-card .r-list.r-reg-list > li::before {
display: none;
}
/* Card styling */
.r-team-card {
gap: var(--r-con-gap-sm);
}
/* Image column styling */
.r-team-card > .r-team-image {
display: flex;
flex-direction: column;
max-width: 120px;
flex-shrink: 0;
}
/* Content column styling */
.r-team-card > .r-team-content > .r-1 h3 {
font-size: 18px;
}
}

/* FUNNELKIT: Slide card Proceed to checkout button */
#fkcart-modal .fkcart-checkout-wrap #fkcart-checkout-button {
background-color: var(--r-purple-1);
/*
background-color: var(--fkcart-primary-bg-color,#0170b9);
border: 0;
color: var(--fkcart-primary-font-color,#fff);
display: flex;
font-size: 18px;
font-weight: 500;
padding: 12px 14px;
text-align: center;
justify-content: center;
text-decoration: none;
transition: all .2s ease-out;
line-height: 20px;
width: 100%;
margin: 16px 0 0;
border-radius: var(--fkcart-border-radius,3px);
*/
/* background-image: linear-gradient(270deg, rgb(111, 0, 196) 0%, rgb(109, 45, 212) 35%) */
}

/* Cart message: empty cart */
.r-cart-message {
display: none;
}
.r-cart-message.r-cart-empty {
display: block;
}
.r-cart-message-wrapper {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
margin-bottom: 16px;
text-align: center;
}
.r-cart-message-wrapper > h2 {
font-size: 18px;
}

