/*
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:     Brand styles
Version:      1.0
*/



/***************************
* FONTS: General styling
****************************/


/* TEXT: General styling */
body .r-con, p, li {
font-family: var(--r-font-family-reg);
font-weight: var(--r-font-weight-med);
line-height: var(--r-font-line-height-text-reg);
font-size: var(--r-font-size-text-reg);
letter-spacing: 0px;
}

/* TEXT: paragraph and list basic color */
.r-con p, .r-con li {
color: var(--r-black);
}
.r-con p  {
opacity: var(--r-opacity-1);
}

/* TEXT/SPAN: inherit styling */
.r-con span {
font-weight: inherit;
font-size: inherit;
color: inherit;
text-transform: inherit;
text-decoration: inherit;  
}

/* TEXT - <strong> + <b>: font weight BOLD */
.r-con strong,
.r-con b {
font-weight: var(--r-font-weight-bold);
font-size: inherit;
color: inherit;
text-transform: inherit;
text-decoration: inherit;
}

/* HEADING: General styling */
.r-con h1, .r-con h2, .r-con h3, .r-con h4, .r-con h5, .r-con h6 {
/* font-family: var(--r-font-family-reg); */
font-family: inherit;
font-weight: var(--r-font-weight-semibold);
line-height: var(--r-font-line-height-heading-reg);
color: var(--r-black);
}

/* HEADING: Font size */
h1, .r-con h1 {
font-size: var(--r-font-size-heading-lg);
}
h2, .r-con h2 {
font-size: var(--r-font-size-heading-reg);
}
h3, .r-con h3 {
font-size: var(--r-font-size-heading-med);
}
h4, .r-con h4 {
font-size: var(--r-font-size-heading-sm);
}
h5, .r-con h5 {
font-size: var(--r-font-size-heading-xsm);
}
h6, .r-con h6 {
font-size: var(--r-font-size-text-reg);
}




/***************************
* FONTS: TEXT + HEADING - Color mods (Class mod)
****************************/

/* White */
.r-font-color-white,
p.r-font-color-white, .r-font-color-white p,
li.r-font-color-white,
ul.r-font-color-white > li,
span.r-font-color-white,
h1.r-font-color-white, .r-font-color-white h1,
h2.r-font-color-white, .r-font-color-white h2,
h3.r-font-color-white, .r-font-color-white h3,
h4.r-font-color-white, .r-font-color-white h4,
h5.r-font-color-white, .r-font-color-white h5,
h6.r-font-color-white, .r-font-color-white h6,
*.r-font-color-white{
color: var(--r-white);
}


/* Black */
.r-font-color-black,
p.r-font-color-black, .r-font-color-black p,
li.r-font-color-black,
span.r-font-color-black,
h1.r-font-color-black, .r-font-color-black h1,
h2.r-font-color-black, .r-font-color-black h2,
h3.r-font-color-black, .r-font-color-black h3,
h4.r-font-color-black, .r-font-color-black h4,
h5.r-font-color-black, .r-font-color-black h5,
h6.r-font-color-black, .r-font-color-black h6,
*.r-font-color-black {
color: var(--r-black);
}

/* Opacity (100) */
.r-opacity,
p.r-opacity, .r-opacity p,
li.r-opacity,
span.r-opacity,
h1.r-opacity, .r-opacity h1,
h2.r-opacity, .r-opacity h2,
h3.r-opacity, .r-opacity h3,
h4.r-opacity, .r-opacity h4,
h5.r-opacity, .r-opacity h5,
h6.r-opacity, .r-opacity h6,
*.r-opacity {
opacity: 1;
}

/* Opacity - 1 (65) */
.r-opacity-1,
p.r-opacity-1, .r-opacity-1 p,
li.r-opacity-1,
span.r-opacity-1,
h1.r-opacity-1, .r-opacity-1 h1,
h2.r-opacity-1, .r-opacity-1 h2,
h3.r-opacity-1, .r-opacity-1 h3,
h4.r-opacity-1, .r-opacity-1 h4,
h5.r-opacity-1, .r-opacity-1 h5,
h6.r-opacity-1, .r-opacity-1 h6,
*.r-opacity-1 {
opacity: var(--r-opacity-1);
}

/* Opacity - 2 (35) */
.r-opacity-2,
p.r-opacity-2, .r-opacity-2 p,
li.r-opacity-2,
span.r-opacity-2,
h1.r-opacity-2, .r-opacity-2 h1,
h2.r-opacity-2, .r-opacity-2 h2,
h3.r-opacity-2, .r-opacity-2 h3,
h4.r-opacity-2, .r-opacity-2 h4,
h5.r-opacity-2, .r-opacity-2 h5,
h6.r-opacity-2, .r-opacity-2 h6,
*.r-opacity-2 {
opacity: var(--r-opacity-2);
}

/* Purple */
.r-purple,
p.r-purple, .r-purple p,
li.r-purple,
span.r-purple,
h1.r-purple, .r-purple h1,
h2.r-purple, .r-purple h2,
h3.r-purple, .r-purple h3,
h4.r-purple, .r-purple h4,
h5.r-purple, .r-purple h5,
h6.r-purple, .r-purple h6,
*.r-purple {
color: var(--r-purple);
}

/* Purple - 1 */
.r-purple-1,
p.r-purple-1, .r-purple-1 p,
li.r-purple-1,
span.r-purple-1,
h1.r-purple-1, .r-purple-1 h1,
h2.r-purple-1, .r-purple-1 h2,
h3.r-purple-1, .r-purple-1 h3,
h4.r-purple-1, .r-purple-1 h4,
h5.r-purple-1, .r-purple-1 h5,
h6.r-purple-1, .r-purple-1 h6,
*.r-purple-1 {
color: var(--r-purple-1);
}




/***************************
* FONTS: TEXT + HEADING - weight mods (Class mod)
****************************/

/* Regular */
.r-font-weight-reg,
p.r-font-weight-reg, .r-font-weight-reg p,
li.r-font-weight-reg,
span.r-font-weight-reg,
h1.r-font-weight-reg, .r-font-weight-reg h1,
h2.r-font-weight-reg, .r-font-weight-reg h2,
h3.r-font-weight-reg, .r-font-weight-reg h3,
h4.r-font-weight-reg, .r-font-weight-reg h4,
h5.r-font-weight-reg, .r-font-weight-reg h5,
h6.r-font-weight-reg, .r-font-weight-reg h6,
*.r-font-weight-reg {
font-weight: var(--r-font-weight-reg);
}
/* Medium */
.r-font-weight-med,
p.r-font-weight-med, .r-font-weight-med p,
li.r-font-weight-med,
ul.r-font-weight-med > li,
span.r-font-weight-med,
h1.r-font-weight-med, .r-font-weight-med h1,
h2.r-font-weight-med, .r-font-weight-med h2,
h3.r-font-weight-med, .r-font-weight-med h3,
h4.r-font-weight-med, .r-font-weight-med h4,
h5.r-font-weight-med, .r-font-weight-med h5,
h6.r-font-weight-med, .r-font-weight-med h6,
*.r-font-weight-med {
font-weight: var(--r-font-weight-med);
}
/* Semibold */
.r-font-weight-semibold,
p.r-font-weight-semibold, .r-font-weight-semibold p,
li.r-font-weight-semibold,
span.r-font-weight-semibold,
h1.r-font-weight-semibold,
h2.r-font-weight-semibold, .r-font-weight-semibold h2,
h3.r-font-weight-semibold, .r-font-weight-semibold h3,
h4.r-font-weight-semibold, .r-font-weight-semibold h4,
h5.r-font-weight-semibold, .r-font-weight-semibold h5,
h6.r-font-weight-semibold, .r-font-weight-semibold h6,
*.r-font-weight-semibold {
font-weight: var(--r-font-weight-semibold);
}

/* Bold */
.r-font-weight-bold,
p.r-font-weight-bold, .r-font-weight-bold p,
li.r-font-weight-bold,
span.r-font-weight-bold,
h1.r-font-weight-bold, .r-font-weight-bold h1,
h2.r-font-weight-bold, .r-font-weight-bold h2,
h3.r-font-weight-bold, .r-font-weight-bold h3,
h4.r-font-weight-bold, .r-font-weight-bold h4,
h5.r-font-weight-bold, .r-font-weight-bold h5,
h6.r-font-weight-bold, .r-font-weight-bold h6,
*.r-font-weight-bold {
font-weight: var(--r-font-weight-bold);
}



/***************************
* FONTS: TEXT + HEADING - alignment, decoration etc. mods (Class mod)
****************************/

/* Text alignment */
.r-text-align-center {
text-align: center;
}
.r-text-align-left {
text-align: center;
}
.r-text-align-right {
text-align: center;
}
/* Mobile only */
@media (max-width: 767px) {
.r-text-align-center_M {
text-align: center;
}
.r-text-align-left_M {
text-align: center;
}
.r-text-align-right_M {
text-align: center;
}   
}

/* Uppercase */
.r-font-uppercase {
text-transform: uppercase !important;
}



/***************************
* FONTS: TEXT Font size mods (Class mod)
****************************/

/* Xsmall */
.r-font-size-text-xsm,
p.r-font-size-text-xsm, .r-font-size-text-xsm p,
li.r-font-size-text-xsm,
span.r-font-size-text-xsm {
font-size: var(--r-font-size-text-xsm);
}
/* Small */
.r-font-size-text-sm,
p.r-font-size-text-sm, .r-font-size-text-sm p,
li.r-font-size-text-sm,
span.r-font-size-text-sm {
font-size: var(--r-font-size-text-sm);
}
/* Large */
.r-font-size-text-lg,
p.r-font-size-text-lg, .r-font-size-text-lg p,
li.r-font-size-text-lg,
span.r-font-size-text-lg {
font-size: var(--r-font-size-text-lg);
}




/***************************
* FONTS: HEADING: Font size mods (Class mod)
****************************/

/* Regular */
h1.r-font-size-heading-reg, .r-font-size-heading-reg h1,
h2.r-font-size-heading-reg, .r-font-size-heading-reg h2,
h3.r-font-size-heading-reg, .r-font-size-heading-reg h3,
h4.r-font-size-heading-reg, .r-font-size-heading-reg h4,
h5.r-font-size-heading-reg, .r-font-size-heading-reg h5,
h6.r-font-size-heading-reg, .r-font-size-heading-reg h6,
*.r-font-size-heading-reg {
font-size: var(--r-font-size-heading-reg);
}
/* Xxsmall */
h1.r-font-size-heading-xxsm, .r-font-size-heading-xxsm h1,
h2.r-font-size-heading-xxsm, .r-font-size-heading-xxsm h2,
h3.r-font-size-heading-xxsm, .r-font-size-heading-xxsm h3,
h4.r-font-size-heading-xxsm, .r-font-size-heading-xxsm h4,
h5.r-font-size-heading-xxsm, .r-font-size-heading-xxsm h5,
h6.r-font-size-heading-xxsm, .r-font-size-heading-xxsm h6,
*.r-font-size-heading-xxsm {
font-size: var(--r-font-size-heading-xxsm);
}
/* Xsmall */
h1.r-font-size-heading-xsm, .r-font-size-heading-xsm h1,
h2.r-font-size-heading-xsm, .r-font-size-heading-xsm h2,
h3.r-font-size-heading-xsm, .r-font-size-heading-xsm h3,
h4.r-font-size-heading-xsm, .r-font-size-heading-xsm h4,
h5.r-font-size-heading-xsm, .r-font-size-heading-xsm h5,
h6.r-font-size-heading-xsm, .r-font-size-heading-xsm h6,
*.r-font-size-heading-xsm {
font-size: var(--r-font-size-heading-xsm);
}
/* Small */
h1.r-font-size-heading-sm, .r-font-size-heading-sm h1,
h2.r-font-size-heading-sm, .r-font-size-heading-sm h2,
h3.r-font-size-heading-sm, .r-font-size-heading-sm h3,
h4.r-font-size-heading-sm, .r-font-size-heading-sm h4,
h5.r-font-size-heading-sm, .r-font-size-heading-sm h5,
h6.r-font-size-heading-sm, .r-font-size-heading-sm h6,
*.r-font-size-heading-sm {
font-size: var(--r-font-size-heading-sm) !important;
}
/* Medium */
h1.r-font-size-heading-med, .r-font-size-heading-med h1,
h2.r-font-size-heading-med, .r-font-size-heading-med h2,
h3.r-font-size-heading-med, .r-font-size-heading-med h3,
h4.r-font-size-heading-med, .r-font-size-heading-med h4,
h5.r-font-size-heading-med, .r-font-size-heading-med h5,
h6.r-font-size-heading-med, .r-font-size-heading-med h6,
*.r-font-size-heading-med {
font-size: var(--r-font-size-heading-med);
}
/* Large */
h1.r-font-size-heading-lg, .r-font-size-heading-lg h1,
h2.r-font-size-heading-lg, .r-font-size-heading-lg h2,
h3.r-font-size-heading-lg, .r-font-size-heading-lg h3,
h4.r-font-size-heading-lg, .r-font-size-heading-lg h4,
h5.r-font-size-heading-lg, .r-font-size-heading-lg h5,
h6.r-font-size-heading-lg, .r-font-size-heading-lg h6,
*.r-font-size-heading-lg {
font-size: var(--r-font-size-heading-lg);
}

/***************************
* FONTS: Links color (Regular) - Class mod
****************************/

.r-con a.r-link-reg,
.r-con .r-link-reg a {
color: var(--r-purple-1);
border-bottom: 1px solid var(--r-purple-1);
}





/***************************
* FONTS: Links base styling mods (Class mod)
****************************/

.r-con a.r-link {
color: inherit;
font-weight: var(--r-font-weight-semibold);
border-bottom: 2px solid var(--r-purple-1);
padding-bottom: 2px;
margin-top: -2px;
}
.r-con a.r-link:hover {
opacity: 0.75
}



/***************************
* BACKGROUND COLOR: Color styling of mods (Class mod)
****************************/

/* Black */
.r-bg-black {
background: var(--r-black);
}
/* White */
.r-bg-white {
background: var(--r-white);
}

/* Black gradient */
.r-bg-black-gradient {
background: linear-gradient(to bottom, var(--r-black-1), var(--r-black));
}

/* Grey light */
.r-bg-grey-light {
background: var(--r-grey-light);
}

/* RK gradient custom bg 1 */
.r-bg-rk-1 {
background: linear-gradient(90deg, rgba(255, 255, 255, 0.79) 0%, rgba(212, 232, 243, 0.79) 31%, rgba(186, 218, 236, 0.79) 50%, rgba(239, 238, 220, 0.79) 100%);
}

/* RK gradient custom bg 2 */
/* OLD .r-bg-rk-2 {
background: linear-gradient(90deg, rgba(255, 255, 255, 0.79) 0%, rgba(234, 212, 243, 0.79) 31%, rgba(186, 188, 236, 0.79) 50%, rgba(220, 228, 239, 0.79) 100%);*/
/* NEW */
.r-bg-rk-2 {background: linear-gradient(90deg, rgb(242 240 242 / 79%) 0%, rgba(234, 212, 243, 0.79) 31% 31%, rgba(186, 188, 236, 0.79) 50%, rgba(220, 228, 239, 0.79) 100%);}


/* RK gradient custom bg 3 */
.r-bg-rk-3 {
background: linear-gradient(180deg, #2A2939 0%, #000000 100%);
}

/* RK gradient custom bg 4 */
.r-bg-rk-4 {
background: linear-gradient(90deg, rgba(225, 229, 241, 0.79) 0%, rgba(212, 232, 243, 0.79) 31%, rgba(186, 218, 236, 0.79) 50%, rgba(239, 238, 220, 0.79) 100%);
}

/* RK gradient custom bg 5 */
.r-bg-rk-5 {
background: linear-gradient(90deg, #F4F4F4 0%, #E4EDF2 31%, #EFF4F7 50%, #F2F2F2 100%);
}

/* RK gradient custom bg 6 */
.r-bg-rk-6 {
    background: linear-gradient(90deg, 
    rgba(255, 255, 255, 0.79) 0%, 
    rgba(212, 232, 243, 0.79) 31%, 
    rgba(186, 218, 236, 0.79) 50%, 
    rgba(186, 218, 236, 0) 50.1%, /* Slightly after 50% to create the transition */
    rgba(186, 218, 236, 0) 100% 
);
}






/***************************
* MISC.: Other styling mods (Class mod)
****************************/

/* 
* * * BORDER RADIUS   * * *
*/

/* Regular */
.r-border-radius-reg,
.r-con.r-border-radius-reg {
border-radius: var(--r-border-radius-reg);
}
/* Small */
.r-border-radius-sm,
.r-con.r-border-radius-sm {
border-radius: var(--r-border-radius-sm);
}
/* Full */
.r-border-radius-full,
.r-con.r-border-radius-full {
border-radius: var(--r-border-radius-full);
}

/* 
* * * BOX SHADOW   * * *
*/

/* Box shadow */
.r-box-shadow {
box-shadow:  var(--r-box-shadow-reg);
}

/* 
* * * FILTER   * * *
*/


/* Filter - Drop shadow */
.r-filter-drop-shadow {
filter: var(--r-filter-drop-shadow);
}