/*!
    Theme Name:     MRM Child
    Author:         MR Media
    Author URI:     https://mrmedia.fi
    License:        GNU General Public License v2 or later
    License URI:    http://www.gnu.org/licenses/gpl-2.0.txt
    Version:        0.1.0
    Text Domain:    mrm-child
    Template:       generatepress
*/

:root {
    /* JavaScript generated */
    --vh: var(--js-vh, 1vh);
    --vh-100: calc(var(--vh) * 100);

    --scrollbar-width: var(--js-scrollbar-width, 0px);

    /* Colors */
    --color-background: hsl(0, 0%, 100%);
    --color-foreground: hsl(0, 0%, 20%);
    --color-headings: hsl(0, 0%, 15%);

    --color-error: hsl(0, 90%, 50%);

    /* Line heights */
    --line-height-body: 1.4;
    --line-height-heading: 1.2;

    /* Font sizes */
    --font-size-h1: 2.25rem;
    --font-size-h2: 1.75rem;
    --font-size-h3: 1.5rem;
    --font-size-h4: 1.375rem;
    --font-size-h5: 1.25rem;
    --font-size-h6: 1.125rem;
    --font-size-body: 1.125rem;

    /* Font weights */
    --font-weight-body: 400;
    --font-weight-heading: 600;

    /* Font families */
    --font-family-body: 'd-din', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    --font-family-heading: 'd-din', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

    /* Structure */
    --padding-vertical: 3.125rem;
    --padding-horizontal: 1.5625rem;

    --container-size: 840px;
    --container-size-large: 1240px;

    /* Divider */
    --divider-height: calc(0.625rem + 1.5vw);

    /* Container */
    --container-gutter: 1.5625rem;
    --container-size: 52.5rem;
    --container-size-wide: 3.75rem;
}

@supports (width: clamp(1px, 1px, 1px)) {
    :root {
        --font-size-h1: clamp(2.25rem, 4vw, 3rem);
        --font-size-h2: clamp(1.75rem, 3vw, 2.125rem);
        --font-size-h3: clamp(1.5rem,  1.458vw, 1.875rem);
    }
}

@media screen and (min-width: 1200px) {
    :root {
        --padding-vertical: 80px;
    }
}



/*---------- GLOBAL & RESET ----------*/
*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    overflow-x: hidden;
    word-wrap: break-word;
    word-break: break-word;

    line-height: var(--line-height-body);
    font-size: var(--font-size-body);
    font-family: var(--font-family-body);
    font-weight: var(--font-weight-body);

    color: var(--color-foreground);
    background-color: var(--color-background);
}

body:not(.using-mouse) *:not(.ch2-dialog):focus {
    outline-offset: 1px;
    outline-width: 2px;
    outline-style: dotted;
    outline-color: currentColor;
}

img {
    display: block;
}

picture {
    display: contents;
}

a {
    color: var(--color-accent);
}

a:hover,
a:focus {
    color: var(--color-accent-active);
}



/*---------- GENERATEPRESS ----------*/
.site.grid-container {
    max-width: 100%;
}

.one-container .site-content {
    padding: 0;
}

.site-content .content-area {
    width: 100%;
}

.site-main > * {
    margin-bottom: 0;
}

/* Posts & Pages */
body:not(.full-width-content) .page {

}

body:not(.full-width-content) .page .entry-content > *,
body:not(.full-width-content) .page .entry-header,
body:not(.full-width-content) .referenser .entry-content > * {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--container-size);
}

body:not(.full-width-content) .entry-content > *.alignfull,
body:not(.full-width-content) .entry-content > *.alignwide,
body:not(.full-width-content) .entry-content > * .alignwide,
body:not(.full-width-content) .entry-content > * .alignfull {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

body:not(.full-width-content) .entry-content > *.alignwide {
    max-width: var(--container-size-large);
}

body:not(.full-width-content) .entry-content > *.alignfull {
    margin-left: calc(-1 * var(--padding-horizontal));
    width: calc(100% + (var(--padding-horizontal) * 2));
    max-width: calc(100% + (var(--padding-horizontal) * 2));
}

.entry-content > [class*="wp-block-"]:not(:last-child) {
    margin-bottom: 0;
}

article.post,
body:not(.full-width-content) article.page,
body:not(.full-width-content) article.referenser {
    padding: var(--padding-vertical) var(--padding-horizontal);
}

article.post > .inside-article {
    margin: 0 auto;
    max-width: var(--container-size);
}

article.referenser .entry-header,
article.referenser .entry-content {
    /* margin: 0 auto; */
    /* max-width: calc(var(--container-size) + (var(--padding-horizontal) * 2)); */
}

/* article.referenser .entry-header {
    padding: var(--padding-vertical) var(--padding-horizontal) 0;
}

article.referenser .entry-content {
    padding: 0 var(--padding-horizontal) var(--padding-vertical);
} */

article.referenser .entry-content > :first-child {
    margin-top: 1em;
}

.no-sidebar .entry-content .alignfull {
    width: auto;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.page-header-image {
    max-width: 100%;
    position: relative;
    height: calc(150px + 4vw);
}

.page-header-image::before {
    content: '';
    z-index: 10;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    background-color: hsla(222, 25%, 21%, 0.93);
}

.page-header-image img {
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
}

.page-header-image h1 {
    top: 50%;
    left: 50%;
    z-index: 15;
    width: 100%;
    padding: 0 1em;
    padding-top: 1em;
    color: #ffffff;
    position: absolute;
    transform: translate3d(-50%, -50%, 0);
}

.generate-back-to-top {
    opacity: 0;
    right: 0.85em;
    bottom: 0.85em;
    padding: 0.5em;
    z-index: 999999;
    position: fixed;
    color: #ffffff;
    border-radius: 5px;
    transition: opacity 300ms, visibility 300ms;
    background-color: rgba(0, 0, 0, 0.7);
}

.generate-back-to-top svg {
    display: block;
}

body:not(.full-width-content) main {
    padding: calc(2rem + 3vw) 0;
}

body:not(.full-width-content) main .m-container > .alignfull:last-child {
    margin-bottom: calc(-1 * (2rem + 3vw));
}

body:not(.full-width-content) main .m-container > .alignfull {
    margin-top: 2rem;
}

body:not(.full-width-content) main .m-container > .alignfull + .alignfull {
    margin-top: 0;
}



/*---------- TYPOGRAPHY & SPACING ----------*/
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
    margin-bottom: 0;
    margin-top: 1em;
    color: var(--color-headings);
    line-height: var(--line-height-heading);
    font-weight: var(--font-weight-heading);
    font-family: var(--font-family-heading);
}

h1:first-child, h2:first-child,
h3:first-child, h4:first-child,
h5:first-child, h6:first-child {
    margin-top: 0;
}

h1, .h1,
.home h2,
.home .h2,
.landing-page h2,
.landing-page .h2 {
    color: var(--color-accent);
}

.has-background:not([class*="has-grey"]) h1,
.has-background:not([class*="has-grey"]) .h1,
.has-background:not([class*="has-grey"]) h2,
.has-background:not([class*="has-grey"]) .h2 {
    color: var(--color-primary-on);
}

h1, .h1 {
    font-size: var(--font-size-h1);
}

h2, .h2 {
    font-size: var(--font-size-h2);
}

h3, .h3 {
    font-size: var(--font-size-h3);
}

h4, .h4 {
    font-size: var(--font-size-h4);
}

h5, .h5 {
    font-size: var(--font-size-h5);
}

h6, .h6 {
    font-size: var(--font-size-h6);
}

.wp-block-kadence-icon + h1,
.wp-block-kadence-icon + h2,
.wp-block-kadence-icon + h3,
.wp-block-kadence-icon + h4,
.wp-block-kadence-icon + h5,
.wp-block-kadence-icon + h6 {
    margin-top: 0;
}

p, pre, code, blockquote {
    margin: 1em 0 0 0;
}

p:first-child,
pre:first-child,
code:first-child,
blockquote:first-child {
    margin-top: 0;
}

ul, ol {
    margin: 1.5em 0;
    padding-left: 2em;
}

ul:first-child, ol:first-child {
    margin-top: 0;
}

ul:last-child, ol:last-child {
    margin-bottom: 0;
}

.wp-block-kadence-advancedbtn {
    margin: 1.5em 0;
}

.wp-block-kadence-advancedbtn:first-child {
    margin-top: 0;
}

.wp-block-kadence-advancedbtn:last-child {
    margin-bottom: 0;
}

strong {
    font-size: 1.125em;
}



/*---------- CONTAINER ----------*/
.m-container {
    display: grid;
    grid-template-columns:
        var(--container-gutter)
        1fr
        minmax(0, var(--container-size-wide))
        min(var(--container-size), calc(100% - (var(--container-gutter) * 2)))
        minmax(0, var(--container-size-wide))
        1fr
        var(--container-gutter);
}

.m-container > * {
    grid-column: 4;
}

.m-container > .alignwide,
.m-container > .featured-image {
    grid-column: 3 / 6;
}

.m-container > .alignfull {
    grid-column: 1 / -1;
}



/*---------- FORMS ----------*/
input,
input[type],
select,
textarea {
    --border-color: currentColor;

    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    line-height: inherit;

    width: 100%;
    max-width: 100%;
    display: block;
    border-radius: 2px;
    padding: 0.6em 0.8em;
    
    color: inherit;
    background-color: inherit;
    border: 1px solid var(--border-color);
}

input:hover,
input:focus,
input[type]:hover,
input[type]:focus,
select:hover,
select:focus,
textarea:hover,
textarea:focus {
    color: inherit;
    background-color: inherit;
    border: 1px solid var(--border-color);
}

input[type="submit"] {
    width: auto;
}

label {
    display: block;
    margin-bottom: 0.25em;
}

select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

textarea {
    resize: vertical;
}

::placeholder {
    opacity: 0.5;
    color: inherit;
}

::-moz-placeholder {
    opacity: 0.5;
    color: inherit;
}

::-webkit-input-placeholder {
    opacity: 0.5;
    color: inherit;
}

@supports (-moz-appearance: none) {
    select {
        text-indent: -2px;
    }
}

.select-icon {
    top: 0;
    right: 0;
    height: 100%;
    display: flex;
    padding: 0.45em 0.65em;
    flex-direction: column;
    justify-content: center;
    position: absolute;
}

.select-icon svg {
    width: 1em;
    height: 1em;
    stroke: currentColor;
}

.gform_heading {
    margin: 2rem 0 1rem;
}

.gf_progressbar_wrapper {
    margin-bottom: 1rem;
}

.gf_progressbar {
    display: none;
}

.gform_wrapper {
    margin: 0;
}

.gform_wrapper:first-child {
    margin-top: 0;
}

.gform_wrapper:last-child {
    margin-bottom: 0;
}

.gform_fields {
    display: grid;
    gap: 1.5625rem;
    grid-template-columns: repeat(12, 1fr);
}

.gfield {
    position: relative;
    grid-column: span 12;
}

.gfield--width-half {
    grid-column: span 6;
}

.gfield--width-third {
    grid-column: span 4;
}

.gfield--width-quarter {
    grid-column: span 3;
}

.gfield_label {
    top: 0;
    left: 0;
    z-index: 5;
    margin: 0 0.4em;
    padding: 0.15em 0.5em;
    font-size: 0.875em;
    position: absolute;
    transform: translateY(-50%);
    background-color: #ffffff;
}

.has-grey-100-background-color .gfield_label {
    background-color: var(--color-grey-100);
}

.has-grey-200-background-color .gfield_label {
    background-color: var(--color-grey-200);
}

.has-grey-300-background-color .gfield_label {
    background-color: var(--color-grey-300);
}

.gfield_required > span {
    margin-left: 0.5ch;
}

.ginput_container_select {
    position: relative;
}

.gform_validation_errors {
    display: none;
}

.gfield_error input,
.gfield_error select,
.gfield_error textarea {
    --border-color: var(--color-error);
}

.gfield_error label {
    color: var(--color-error);
}

.gfield_validation_message {
    color: var(--color-error);
}

fieldset.gfield legend {
    display: none !important;
}

.gchoice {
    display: flex;
}

.gchoice input {
    width: auto;
    margin-right: 0.5em;
}

.gfield_visibility_hidden {
    display: none !important;
}

/* Footer */
.gform_footer,
.gform_page_footer {
    display: flex;
    margin-top: 2em;
    justify-content: flex-end;
}

.gform_footer input + input,
.gform_page_footer input + input {
    margin-left: 0.5em;
}

.ginput_complex {
    display: flex;
    margin: -0.5em;
}

.ginput_complex > .ginput_container {
    padding: 0.5em;
}

.hour_minute_colon {
    display: none;
}

/* Date Picker */
.ui-datepicker {
    z-index: 99999 !important;
    color: var(--color-primary-on);
    background-color: var(--color-primary);
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    display: none;
}

.ui-datepicker table {
    margin: 0;
}

.ui-datepicker select {
    appearance: revert;
    -moz-appearance: revert;
    -webkit-appearance: revert;

    border: none !important;
    background-color: var(--color-primary);
}

.ui-datepicker-title {
    display: flex;
}

.ui-datepicker th {
    width: 3em;
    height: 1em;
}

.ui-datepicker td {
    text-align: center;
    /* background-color: #ffffff; */
}

.ui-datepicker .ui-state-disabled {
    color: var(--color-primary-light);
}

.ui-datepicker td:not(.ui-state-disabled) {
    cursor: pointer;
}

.ui-datepicker td:not(.ui-state-disabled):hover,
.ui-datepicker td:not(.ui-state-disabled):focus {
    color: var(--color-accent-on);
    background-color: var(--color-accent);
}

.ui-datepicker a {
    color: inherit;
}


/*---------- BUTTONS ----------*/
button:not(.ch2-btn),
input[type="submit"],
#page .ss-button.ss-button.ss-button,
[class*="gform"].button,
.wp-block-button .wp-block-button__link,
.wp-block-kadence-postgrid .entry-content a.kt-blocks-post-readmore {
    width: auto;
    font: inherit;
    font-weight: 600;
    white-space: nowrap;
    align-items: center;
    display: inline-flex;
    padding: 0.4em 1.25em 0.45em;

    font-size: var(--font-size-body);
    line-height: var(--line-height-body);

    border-radius: 4px;
    border: none !important;
    color: var(--color-accent-on);
    background-color: var(--color-accent);
    transition: background-color 0.15s, color 0.15s;
}

button:hover,
button:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
[class*="gform"].button:hover,
[class*="gform"].button:focus,
.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:focus,
.wp-block-kadence-postgrid .entry-content a.kt-blocks-post-readmore:hover,
.wp-block-kadence-postgrid .entry-content a.kt-blocks-post-readmore:focus {
    color: var(--color-accent-on);
    background-color: var(--color-accent-active);
}



/*---------- KADENCE BLOCKS ----------*/
.wp-block-kadence-advancedbtn {
    display: flex;
}

.kt-btn-wrap + .kt-btn-wrap {
    margin-left: 1em;
}

.site *:not([class~="background-color"]) .kt-svg-icon svg {
    fill: var(--color-accent);
}

.site *:not([class~="background-color"]) .kt-svg-icon-list-item-wrap svg {
    stroke: var(--color-accent);
}

h2 + .wp-block-kadence-postgrid {
    margin-top: 4rem;
}

.wp-block-kadence-iconlist {
    margin: 1.5rem 0;
}

.wp-block-kadence-iconlist:first-child {
    margin-top: 0;
}

.wp-block-kadence-iconlist:last-child {
    margin-bottom: 0;
}

.wp-block-kadence-accordion {
    margin: 2em 0;
}

.wp-block-kadence-accordion:first-child {
    margin-top: 0;
}

.wp-block-kadence-accordion:last-child {
    margin-bottom: 0;
}

/*---------- HEADER / NAVIGATION ----------*/
.mobile-menu-open body {
    overflow: hidden;
}

.site-header {
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999999;
    position: absolute;
    padding: 1rem var(--padding-horizontal);
}

.single-referenser .site-header {
    position: static;
    color: var(--color-primary-on);
    background-color: var(--color-primary);
}

.inside-header {
    padding: 0;
    max-width: 1600px;
    flex-direction: row;
    justify-content: space-between;
}

.site-logo {
    z-index: 60;
}

.site-logo a {
    display: block;
    color: inherit;
    height: 2.25rem;
}

.site-logo svg {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.mobile-menu-open .site-logo path:first-child {
    fill: #fff;
}

.mobile-menu-control-wrapper,
.menu-toggle {
    display: block;
}

.mobile-menu-control-wrapper {
    z-index: 60;
}

.main-navigation:not(.mobile-menu-control-wrapper):not(.toggled) {
    display: none;
}

.main-navigation.toggled:not(.mobile-menu-control-wrapper) {
    top: 0;
    left: 0;
    z-index: 50;
    padding-top: 5rem;
    padding-bottom: 3rem;
    
    margin: 0 !important;
    width: 100%;
    height: calc(var(--vh) * 100);
    position: absolute;

    color: var(--color-accent-on);
    background-color: var(--color-accent);
}

.main-navigation.toggled:not(.mobile-menu-control-wrapper) .menu-toggle {
    display: none !important;
}

.main-navigation .inside-navigation {
    height: 100%;
    overflow-y: auto;
}

.main-navigation .main-nav ul li a {
    color: inherit;
    padding: 0.5em 1em !important;
    line-height: inherit;
    text-transform: uppercase;
    outline-offset: -1px;
}

.main-navigation .main-nav ul ul li a {
    text-transform: none;
}

.main-navigation .main-nav > ul > li > a {
    font-weight: 600;
    color: #ffffff;
}

.main-navigation.toggled .main-nav ul li a {
    text-align: left;
    font-size: 1.75rem;
    padding: 0.25em 0 !important;
}

.main-navigation.toggled .main-nav > ul {
    margin: 0 auto;
    padding: 0 1.5rem;
}

.main-navigation.toggled .main-nav > ul > li > a {
    font-weight: 600;
}


.main-navigation ul ul {
    pointer-events: revert;
    box-shadow: 2px 5px 5px 2px rgba(0, 0, 0, 0.1);
    background-color: var(--color-background);
}

.dropdown-menu-toggle {
    display: none !important;
}

.sub-menu {
    min-width: 100%;
    opacity: 1 !important;
    float: none !important;
    height: auto !important;
    display: block !important;
    position: static !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: none !important;
    margin-bottom: 0.5rem !important;
}

.sub-menu a {
    font-size: 1.25rem !important;
}

.menu-toggle {
    padding: 0;
    line-height: 1;
    font-size: 2rem;
    transition: none !important;
    color: #ffffff !important;
}

.toggled .menu-toggle {
    color: var(--color-accent-on) !important;
}

.menu-toggle svg {
    top: unset !important;
}

@media screen and (min-width: 768px) {
    .main-navigation.toggled .main-nav ul li a {
        font-size: 2rem;
    }

    .main-navigation.toggled .main-nav li a:not([href="#"]):hover,
    .main-navigation.toggled .main-nav li a:not([href="#"]):focus,
    .main-navigation.toggled .main-nav li a[aria-current="page"] {
        text-decoration: underline;
        text-decoration-thickness: 2px;
        text-underline-offset: 0.35em;
    }

    .sub-menu a {
        font-size: 1.375rem;
    }
}

@media screen and (min-width: 1200px) {
    .site-logo a {
        display: block;
        color: inherit;
        height: 3.125rem;
    }

    .main-navigation .inside-navigation {
        overflow: visible;
    }

    .mobile-menu-control-wrapper,
    .menu-toggle {
        display: none !important;
    }

    .main-navigation:not(.mobile-menu-control-wrapper) {
        display: block !important;
    }

    .main-navigation .main-nav ul li:hover > .sub-menu,
    .main-navigation .main-nav ul li:focus > .sub-menu {
        display: block !important;
    }

    .main-navigation .main-nav ul li a {
        font-size: 1.125rem !important;
    }

    .main-navigation .main-nav ul ul {
        width: auto !important;
        white-space: nowrap;
        display: none !important;
        padding: 0.15em 0 !important;
        margin: 0 !important;
        position: absolute !important;
        background-color: var(--color-background) !important;
    }

    .main-navigation .main-nav ul ul li a {
        padding: 0.65em 1em !important;
    }

    .main-navigation .main-nav li.current-menu-parent > a,
    .main-navigation .main-nav li:hover > a,
    .main-navigation .main-nav li:focus-within > a,
    .main-navigation .main-nav li ul {
        color: var(--color-accent-on) !important;
        background-color: var(--color-accent) !important;
    }

    .main-navigation .main-nav li ul a:hover,
    .main-navigation .main-nav li ul a:focus {
        background-color: var(--color-accent-active) !important;
    }
}



/*---------- FOOTER ----------*/
.site-footer {
    color: var(--color-primary-on);
    background-color: var(--color-primary);
    padding: 0 var(--padding-horizontal);
}

.site-footer a,
.site-footer h2 {
    color: inherit;
}

.site-footer h2 {
    text-transform: uppercase;
    font-size: var(--font-size-h4);
}

.site-footer a:hover,
.site-footer a:focus {
    text-decoration: underline;
    text-underline-offset: 0.25em;
}

.site-footer .wp-block-kadence-icon {
    margin: 0;
    padding: 0 0 1rem;
    float: none !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
}

.site-footer .kt-svg-icon-wrap {
    display: block;
}

.site-footer .kt-svg-icon-wrap + .kt-svg-icon-wrap {
    margin-left: 0.5em;
}

.site-footer .kt-svg-icon {
    color: inherit !important;
    display: block !important;
}

.mrm-footer-info {
    gap: 2.5rem;
    margin: 0 auto;
    max-width: 1600px;
    padding: 3rem 0;
    text-align: center;
    border-bottom: 1px solid currentColor;
}

.mrm-footer-info .wp-block-image {
    margin: 0 auto;
    max-width: 260px;
}

.mrm-footer-info img {
    width: auto;
}

.mrm-footer-info h2 + p {
    margin-top: 0.85em;
}

.mrm-footer-partners {
    padding: 3rem 0;
}

.mrm-footer-partners + .mrm-footer-partners {
    padding-top: 0;
}

.mrm-footer-partners .wp-block-image,
.mrm-footer-partners .wp-block-image a {
    width: 100%;
    height: 100%;
    display: block;
}

.mrm-footer-partners img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
}

.mrm-footer-partners .wp-block-columns {
    gap: 1.5625rem;
    margin-top: 3rem;
}

.mrm-footer-partners--temp .wp-block-columns {
    grid-template-columns: 1fr !important;
}

.mrm-footer-contact {
    padding: 1rem 0;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .mrm-footer-info {
        place-content: center;
        grid-template-columns: repeat(2, max-content);
    }

    .mrm-footer-info > .wp-block-column:first-child {
        grid-column: 1 / 3;
    }
}

@media screen and (min-width: 960px) {
    .mrm-footer-info {
        grid-template-columns: repeat(3, max-content);
    }

    .mrm-footer-info > .wp-block-column:first-child {
        grid-column: 1 / 5;
    }

    .mrm-footer-partners {
        padding-top: 3rem;
    }

    .mrm-footer-partners .wp-block-columns {
        gap: 2rem;
        margin-top: 3rem;
        justify-content: center;
        grid-template-rows: 50px;
        grid-template-columns: repeat(3, max-content);
    }
}

@media screen and (min-width: 1200px) {
    .mrm-footer-info {
        text-align: left;
        padding-top: 3.5rem;
        gap: calc(1rem + 3vw);
        place-content: space-between;
        grid-template-columns: 2fr repeat(4, max-content);
    }

    .mrm-footer-info > .wp-block-column:first-child {
        place-self: flex-start;
    }

    .mrm-footer-info > .wp-block-column:first-child,
    .mrm-footer-info > .wp-block-column:last-child {
        grid-column: revert;
    }

    .mrm-footer-contact {
        gap: 1ch;
        justify-content: center;
        grid-template-columns: repeat(4, max-content);
    }

    .mrm-footer-contact .wp-block-column:not(:last-child) p::after {
        content: ',';
    }
}



/*---------- DIVIDER - UTILITIES ----------*/
.mrm-divider {
    position: relative;
}

[class*="mrm-divider--top"] > .kt-row-layout-inner::before,
[class*="mrm-divider--top"]:not(.wp-block-kadence-rowlayout)::before,
[class*="mrm-divider--bottom"] > .kt-row-layout-inner::after,
[class*="mrm-divider--bottom"]:not(.wp-block-kadence-rowlayout)::after {
    content: '';
    height: var(--divider-height);
    width: 100%;
    z-index: 99999;
    position: absolute;
    background-color: inherit;
}

.mrm-divider--top > .kt-row-layout-inner::before,
.mrm-divider--top:not(.wp-block-kadence-rowlayout)::before,
.mrm-divider--top-flipped > .kt-row-layout-inner::before,
.mrm-divider--top-flipped:not(.wp-block-kadence-rowlayout)::before {
    top: 2px;
    transform: translateY(-100%);
}

.mrm-divider--top > .kt-row-layout-inner::before,
.mrm-divider--top:not(.wp-block-kadence-rowlayout)::before {
    clip-path: polygon(100% 0%, 100% 100%, 0% 100%);
}

.mrm-divider--top-flipped > .kt-row-layout-inner::before,
.mrm-divider--top-flipped:not(.wp-block-kadence-rowlayout)::before {
    clip-path: polygon(0% 100%, 0% 0%, 100% 100%);
}

.mrm-divider--bottom > .kt-row-layout-inner::after,
.mrm-divider--bottom:not(.wp-block-kadence-rowlayout)::after,
.mrm-divider--bottom-flipped > .kt-row-layout-inner::after,
.mrm-divider--bottom-flipped:not(.wp-block-kadence-rowlayout)::after {
    bottom: 1px;
    transform: translateY(100%);
}

.mrm-divider--bottom > .kt-row-layout-inner::after,
.mrm-divider--bottom:not(.wp-block-kadence-rowlayout)::after {
    clip-path: polygon(100% 100%, 0% 0%, 100% 0%);
}

.mrm-divider--bottom-flipped > .kt-row-layout-inner::after,
.mrm-divider--bottom-flipped:not(.wp-block-kadence-rowlayout)::after {
    clip-path: polygon(0 100%, 0 0, 100% 0);
}



/*---------- CUSTOM FIELDS - CONTACT CARDS ----------*/
.contact-grid {
    gap: 1.5625rem;
    place-content: center;
    grid-template-columns: repeat(auto-fill, minmax(275px, 1fr));
}

.contact-grid > .wp-block-column {
    min-width: 0;
}

h1 + .contact-grid {
    margin-top: 3rem;
}

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

.contact-card-image {
    position: relative;
    padding-bottom: 100%;
}

.contact-card-image img {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    position: absolute;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.contact-card-blurb {
    padding: 1.5rem 1.5625rem 1.75rem;
}

.contact-card-blurb > p,
.contact-card-blurb > div {
    margin-top: 0.5em;
}

.contact-card-name {
    color: var(--color-brand);
}

.contact-card-title {
    font-weight: 600;
}

.contact-card-blurb .contact-card-contact {
    margin-top: 1em;
}

.contact-card-contact:nth-of-type(2) {
    margin-top: 0;
}

.contact-card-contact a {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    text-overflow: ellipsis;
}



/*---------- CONTACT FORM ----------*/
.mrm-contact-form {
    padding: calc(3rem + 2vw) var(--padding-horizontal);
}

.mrm-contact-form > .wp-block-column {
    margin: 0 auto;
}

.mrm-contact-form-title {
    margin-bottom: 2em;
}

.mrm-contact-form-grid {
    width: 100%;
    gap: 3.125rem !important;
    margin: 0 auto;
    max-width: 1200px;
}

.mrm-contact-form .contact-card {
    margin: 0 auto;
}

@media screen and (min-width: 768px) {
    .mrm-contact-form-grid {
        grid-template-columns: 3fr 4fr;
    }
}

@media screen and (min-width: 960px) {
    .mrm-contact-form-grid {
        grid-template-columns: 5fr 3fr;
    }

    .mrm-contact-form-grid .contact-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (min-width: 1200px) {
    .mrm-contact-form-grid {
        gap: calc(3rem + 3vw) !important;
        grid-template-columns: auto auto;
    }

    .mrm-contact-form .contact-card {
        margin: 0;
    }
}



/*---------- FRONT PAGE - DEPARTMENTS ----------*/
.mrm-department {
    display: grid !important;
}

.mrm-department,
.mrm-department .wp-block-columns {
    grid-template-columns: 1fr;
}

.mrm-department .wp-block-columns {
    max-width: 1400px !important;
    gap: calc(var(--padding-horizontal) * 2);
    padding: calc(var(--padding-horizontal) * 2.5) var(--padding-horizontal);
}

.mrm-department > .wp-block-column:first-child {
    height: 100%;
    padding: 2rem;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.02);
}

.mrm-department .wp-block-columns .wp-block-column {
    margin: 0 auto;
    max-width: 360px;
}

.mrm-department-title {
    display: inline-block;
}

.mrm-department-title::after {
    content: '';
    width: 6ch;
    height: 2px;
    display: block;
    margin-right: 0;
    margin-left: auto;
    background-color: var(--color-accent);
}

@media screen and (min-width: 768px) {
    .mrm-department .wp-block-columns {
        grid-template-columns: 1fr 1fr;
    }

    .mrm-department .wp-block-column:first-child {
        grid-column: 1 / 3;
    }
}

@media screen and (min-width: 960px) {
    .mrm-department .wp-block-columns {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .mrm-department .wp-block-column:first-child {
        grid-column: revert;
    }
}

@media screen and (min-width: 1200px) {
    .mrm-department {
        grid-template-columns: 20% 80%;
    }

    .mrm-department > .wp-block-column:first-child {
        text-align: right;
    }
}



/*---------- REFERENCES GRID ----------*/
.mrm-references-grid + .wp-block-buttons {
    margin-top: 4em;
}

.mrm-references-grid .kt-blocks-post-grid-item {
    border: none !important;
}

.kadence-post-image-inner-wrap {
    height: 100%;
}

.kt-blocks-post-grid-item-inner .entry-content * {
    font-size: 1.125rem;
    color: hsla(0, 0%, 20%, 1);
    font-weight: normal;
}

.mrm-references-grid .kt-blocks-post-grid-item-inner-wrap {
    background-color: #fff;
    border-bottom-left-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
}

.mrm-references-grid .kt-blocks-post-grid-item-inner {
    padding: 1.5625rem !important;
}

.mrm-references-grid header,
.mrm-references-grid .entry-title {
    padding: 0 !important;
}

.mrm-references-grid .entry-title {
    margin-bottom: 1em !important;
    font-size: var(--font-size-h3) !important;
    line-height: var(--line-height-heading) !important;
}

.mrm-references-grid .entry-content {
    margin-top: 0;
}

.mrm-references-grid .kt-blocks-post-readmore {
    margin-top: 1.5em !important;
}

.mrm-references-grid .kb-post-filter-container:not(:empty) {
    margin: 50px 0 !important;
}

.mrm-references-grid .kb-filter-item {
    border: none;
    border-radius: 5px;
    padding: 0.4em 1.25em 0.45em;
    color: var(--color-accent-on) !important;
    background-color: var(--color-accent) !important;
    transition: background-color 0.2s, color 0.2s;
}

.mrm-references-grid .kb-filter-item.is-active,
.mrm-references-grid .kb-filter-item:hover,
.mrm-references-grid .kb-filter-item:focus {
    background-color: var(--color-accent-active) !important;
}



/*---------- GOOGLE MAPS ----------*/
.mrm-google-maps {
    height: calc(200px + 10vmax);
}



/*---------- ACCORDION FORM ----------*/
.accordion-modal-form button {
    width: auto !important;

    color: var(--color-accent-on) !important;
    background-color: var(--color-accent) !important;
}

.accordion-modal-form button[aria-expanded="true"],
.accordion-modal-form button:hover,
.accordion-modal-form button:focus {
    color: var(--color-accent-on) !important;
    background-color: var(--color-accent-active) !important;
}

.accordion-modal-form button span {
    padding: 0 !important;
}



/*---------- 404 ----------*/
.error404 .site-header {
    position: static;
    background-color: var(--color-primary);
}

.error404-container {
    text-align: center;
    padding: calc(4vw + 5rem) 1.5625rem;
}

.error404-container h1 {
    font-size: calc(2vw + 6rem);
}

.error404-container h2 {
    margin-top: 0;
    margin-bottom: 0.75em;
    font-size: calc(2vw + 2rem);
}

.error404-container a {
    font-size: 2rem;
    font-weight: 600;
}



/*---------- COOKIE NOTICE ----------*/
#cookie-law-info-bar {
    display: none;
    opacity: 1 !important;
    left: 1rem !important;
    bottom: 1rem !important;
    margin: 0 auto !important;
    position: fixed !important;
    max-width: 670px !important;
    z-index: 9999999 !important;
    width: calc(100% - 5.125rem) !important;
    box-shadow: 0 0 20px 8px rgba(0, 0, 0, 0.1) !important;
    padding: 2rem 1.5625rem !important;
    color: var(--color-foreground) !important;
    background-color: var(--color-background) !important;
}

#cookie-law-info-bar .cli-btns {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    margin-top: 2rem;
}

#cookie-law-info-bar .cli-btns a {
    display: inline-block;
    font-size: 1rem !important;
}

#cookie-law-info-bar .cli-btns a + a {
    margin: 0.5em 0 0 0;
}

.cli-modal-dialog h4 {
    color: inherit !important;
}

.cli-modal-open {
    overflow: hidden;
}

.cli-btns a,
.wt-cli-privacy-btn,
.cli-modal-close {
    border-radius: 6px;
    cursor: pointer !important;
    font-weight: 600 !important;
    font-size: inherit !important;
    line-height: inherit !important;
    display: inline-block !important;
    padding: 0.5em 1em !important;
    color: var(--color-accent-on) !important;
    background-color: var(--color-accent) !important;
}

.cli-btns a:hover,
.cli-btns a:focus,
.wt-cli-privacy-btn:hover,
.wt-cli-privacy-btn:focus,
.cli-modal-close:hover,
.cli-modal-close:focus {
    color: var(--color-accent-on) !important;
    background-color: var(--color-accent-active) !important;
}

#cliSettingsPopup {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
    position: fixed;

    display: flex !important;
    align-items: center;
    justify-content: center;
}

#cliSettingsPopup::before {
    content: '';
    width: 100%;
    height: 100%;
    z-index: 100;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.4);
}

#cliSettingsPopup:not(.cli-show) {
    display: none !important;
}

.cli-modal-dialog {
    z-index: 200;
    max-width: 768px;
    color: var(--color-primary-on);
    background-color: var(--color-primary);
    box-shadow: 0 0 15px 4px rgba(0, 0, 0, 0.06);
}

.cli-modal-content {
    padding: 2rem;
    display: flex;
    flex-direction: column;
}

.cli-modal-close {
    margin: -1rem -1rem 1rem auto;
    line-height: 1 !important;
    font-size: 1.375rem !important;
    padding: 0.15em 0.21em 0.15em 0.25em !important;
}

.cli-tab-content {
    height: auto !important;
    display: none !important;
}

.cli-tab-active + .cli-tab-content {
    display: block !important;
}

.cli-modal-close svg {
    width: 1em;
    height: 1em;
    fill: currentColor;
}

.cli-modal-footer {
    margin-top: 1em;
}

.cli-modal-backdrop {
    display: none !important;
}

.cli-user-preference-checkbox {
    display: none;
}

.cli-privacy-overview {
    margin-bottom: 2em;
}

.cli-tab-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cli-tab-content {
    padding-right: 2.5rem;
    height: auto !important;
    margin-bottom: 0.85em !important;
}

.cli-nav-link {
    flex: 1;
    cursor: pointer;
    font-weight: 600;
    padding: 0.25em 0;
    color: var(--color-accent);
}

.cli-slider {
    width: 2.5em;
    width: 2.5rem;
    height: 1.5rem;
    display: block;
    position: relative;
    border-radius: 99999px;
    background-color: var(--color-primary-on);
}

.cli-slider::before {
    content: '';
    top: 0;
    left: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin: 0.125rem;
    display: block;
    position: absolute;
    border-radius: inherit;
    transition: left 0.25s, background-color 0.25s;
    background-color: var(--color-primary);
}

.cli-switch {
    position: relative;
}

.cli-switch input {
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -1;
    position: absolute;
}

input:checked + .cli-slider,
[data-target="valttamattomat-evasteet"] + .cli-switch .cli-slider {
    background-color: var(--color-accent);
}

input:checked + .cli-slider::before,
[data-target="valttamattomat-evasteet"] + .cli-switch .cli-slider::before {
    left: calc(100% - 1.5rem);
}

.cookielawinfo-row-cat-table {
    display: none;
}

.wt-cli-sr-only {
    display: none;
}

@media screen and (min-width: 768px) {
    #cookie-law-info-bar .cli-btns {
        display: block;
    }
    
    #cookie-law-info-bar .cli-btns a + a {
        margin: 0 0 0 0.5em;
    }  
}



/* Back to top */
.mrm-to-top {
    right: 1em;
    bottom: 1em;
    z-index: 100000;
    padding: 0.65em;
    position: fixed;

    opacity: 0;
    visibility: hidden;
    transition: visibility 0.2s, opacity 0.2s;
}

.mrm-to-top.is-visible {
    opacity: 1;
    visibility: visible;
}

/* Try to fix icon colors and checkmarks */

.kt-svg-icon-list li span > svg{
    stroke: var(--color-accent);
}

.wp-block-kadence-single-icon .kb-svg-icon-wrap svg {
        fill: var(--color-accent);
}


.kb-svg-icon-fe_check {
    svg {
        stroke: var(--color-accent);
        fill: none;
    }
}

/* Class for adding background colors to sections */
.grey-200-background-color {
    background-color: var(--color-grey-200);
}

/* For the new Referencer and kundcase page */

.wm-new-project-card {
    margin-bottom: 15px;
}

.wm-new-project-card > span {
    padding: 0;
}

.wm-new-project-card .kt-infobox-textcontent {
    text-align: left;
    padding: 15px;
    min-height: 140px;
}

@media screen and (max-width:1474px) {
    .wm-new-project-card .kt-infobox-textcontent {
        min-height: 215px;
    }
}

.wm-new-project-card .kt-blocks-info-box-media-container > .kt-blocks-info-box-media{
    width: 100%;
    height: 230px;
    display: flex;
    align-items: center;
}

/* For correct form title color and label background color */
.wm-new-contactForm__title {
    color: var(--color-accent) !important;
}

.wm-new-contactForm__form form label {
    background-color: var(--color-grey-200);
}


/* STYLE FOR SPECIFICALLY THE REFERENCE WITH PAGE ID 2955 and 3007, WHICH HAS OTHER STYLING THAN THE REST OF THE REFERENCES */

body.full-width-content.postid-2955 .site-main>.m-container,
body.full-width-content.postid-3007 .site-main>.m-container {
    --container-size-wide: 1358px;
    display: block;
}

body.full-width-content.postid-2955 .site-main>.m-container > .featured-image,
body.full-width-content.postid-3007 .site-main>.m-container > .featured-image {
    max-width: var(--container-size-wide);
    margin: 0 auto;
}

body.full-width-content.postid-2955 .site-main>.m-container > h1.entry-title,
body.full-width-content.postid-3007 .site-main>.m-container > h1.entry-title  {
    font-size: 24px;
    max-width: var(--container-size-wide);
    margin: 0 auto;
    padding-top: 1.6rem;
    padding-bottom: 1rem;
    color: #283043;
}

body.full-width-content.postid-2955 .site-main>.m-container > h1,
body.full-width-content.postid-3007 .site-main>.m-container > h1 {
    max-width: var(--container-size-wide);
    margin: 0 auto;
    padding-bottom: 2rem;
    color: var(--color-accent);
    /* font-size: 48px; */
}

body.full-width-content.postid-2955 .site-main>.m-container .wm-new-reference-content-container,
body.full-width-content.postid-3007 .site-main>.m-container .wm-new-reference-content-container {
    max-width: var(--container-size-wide);
    margin: 0 auto;
    display: flex !important;
    padding-bottom: calc(2.5rem + 3vw);
    align-items: start;
}

body.full-width-content.postid-2955 .site-main>.m-container .wm-new-reference-content-container .wm-new-reference-content__left,
body.full-width-content.postid-3007 .site-main>.m-container .wm-new-reference-content-container .wm-new-reference-content__left {
    flex: 3;
}

body.full-width-content.postid-2955 .site-main>.m-container .wm-new-reference-content-container .wm-new-reference-content__left .-margin-0,
body.full-width-content.postid-3007 .site-main>.m-container .wm-new-reference-content-container .wm-new-reference-content__left .-margin-0 {
    margin: 0;
}

body.full-width-content.postid-2955 .site-main>.m-container .wm-new-reference-content-container .wm-new-reference-content__left > p,
body.full-width-content.postid-3007 .site-main>.m-container .wm-new-reference-content-container .wm-new-reference-content__left > p  {
    max-width: 95%;
}
body.full-width-content.postid-2955 .site-main>.m-container .wm-new-reference-content-container .wm-new-reference-content__left > h2,
body.full-width-content.postid-3007 .site-main>.m-container .wm-new-reference-content-container .wm-new-reference-content__left > h2 {
    max-width: 85%;
    color: var(--color-accent);
    margin: 0;
    padding: 4rem 0;
}

body.full-width-content.postid-2955 .site-main>.m-container .wm-new-reference-content-container .wm-new-reference-content__right,
body.full-width-content.postid-3007 .site-main>.m-container .wm-new-reference-content-container .wm-new-reference-content__right  {
    flex: 2;
}

body.full-width-content.postid-2955 .site-main,
body.full-width-content.postid-3007 .site-main {
    padding-top: calc(2rem + 3vw);
}

/* Style for the infoboxes on new reference page */

.wm-new-reference-infobox {
    background-color: #283043;
    margin-bottom: 1.5rem;
}

.wm-new-reference-infobox__inner {
    padding: 3.6rem;
}

.wm-new-reference-infobox__inner.-extraSpace {
    /* padding: 3rem 3rem 5rem 3rem */
    padding-bottom: 5rem;
}

.wm-new-reference-infobox__title {
    border-bottom: 2px solid #1BB18C;
    margin-bottom: 2rem;
}

.wm-new-reference-infobox__title h3 {
    color: #fff;
}

.wm-new-reference-infobox__content {
    margin-bottom: 2rem;
    max-width: 330px;
}

.wm-new-reference-infobox__content p, .wm-new-reference-infobox__content h5 {
    margin: 0;
    color: #fff;
}

.wm-new-reference-infobox__inner a {
    color: #1BB18C;
    font-weight: bold;
    text-decoration: underline;
}

.wm-new-reference-infobox__btn {
    padding: 0.6rem;
    background-color: #1BB18C;
}

/* Style for the contact new contact form */

.wm-new-contact-form .wm-new-contact-form__inner {
    padding: calc(2.5rem + 3vw) 0;
}

.wm-new-contact-form .wm-new-contact-form__inner > h2 {
    color: var(--color-accent);
}

.wm-new-contact-form .wm-new-contact-form__inner .wm-new-contact-form__inner__grid {
    grid-template-columns: repeat(2, 1fr);
}

.wm-new-contact-form .wm-new-contact-form__inner .wm-new-contact-form__inner__grid .wm-new-contactPerson {
    max-width: 315px;
    margin-left: 50%;
}

.wm-new-contact-form .wm-new-contact-form__inner .wm-new-contact-form__inner__grid .wm-new-contact-section-right-container {
    padding: 4rem 3rem;
    background-color: #fff;
    position: relative;
    right: 0;
}

@media (max-width: 1400px) {
    body.full-width-content.postid-2955 .site-main>.m-container .wm-new-reference-content-container {
        padding: 0 2rem;
        padding: 0 2rem calc(2.5rem + 3vw) 2rem;
    }
    body.full-width-content.postid-2955 .site-main>.m-container > h1, body.full-width-content.postid-2955 .site-main>.m-container > h2 {
        padding: 1rem 2rem;
    }
}

@media (max-width: 992px) {
    .wm-new-contact-form .wm-new-contact-form__inner .wm-new-contact-form__inner__grid {
        grid-template-columns: repeat(1, 1fr);
    }
    .wm-new-contact-form .wm-new-contact-form__inner .wm-new-contact-form__inner__grid .wm-new-contactPerson {
        margin: 0 auto;
    }
    body.full-width-content.postid-2955 .site-main>.m-container .wm-new-reference-content-container {
        flex-direction: column;
    }
    body.full-width-content.postid-2955 .site-main>.m-container .wm-new-reference-content-container .wm-new-reference-content__right {
        margin: 0 auto;
    }
}

/* FOR FONT IN ACCORDIONS ON THE NEW REFERENCE/KUNDCASE PAGE */
body .site-main .wm-new-references-showAllProjectsSection .kt-accordion-header-wrap span.kt-blocks-accordion-title,
body .site-main .wm-new-references-showAllProjectsSection .kt-accordion-header-wrap .kt-accordion-panel .kt-accordion-panel-inner > p {
	font-family: 'd-din';
}

body .site-main .wm-new-references-showAllProjectsSection button.kt-blocks-accordion-header {
    border-radius:10px !important;
}

/* POPUP 13-11-2023 */
body .pum .pum-container {
    border-radius:20px !important;
    background-image:url(/wp-content/uploads/popup-bg-2.jpg);
    background-size:cover;
    background-position: center;
    padding:40px;
}
@media (min-width:881px) {
    body .pum .pum-container {
        width:100% !important;
    }
}
body .pum .pum-container * {
    color:#fff !important;
}
body .pum .pum-container .wm-popup__content {
    display:flex;
    flex-direction:row;
}
body .pum .pum-container .popmake-title {
    margin-bottom:40px;
    font-size:40px;
    font-weight:bold;
}
body .pum .pum-container .popmake-close {
    font-size:30px !important;
    line-height:30px !important;
    box-shadow:none !important;
    background-color:transparent !important;
    text-shadow:none !important;
}
body .pum .pum-container .wm-popup__content .wm-popup__leftCol {
    display:flex;
    flex-direction:column;
    justify-content: space-between;
    width:60%;
    padding-right:30px;
}
body .pum .pum-container .wm-popup__content .wm-popup__leftCol .wm-popup__mainText {
    font-size:24px;
    margin-bottom:20px;
}
body .pum .pum-container .wm-popup__content .wm-popup__leftCol .wm-popup__subText {
    font-size:16px;
    margin-bottom:0;
}
body .pum .pum-container .wm-popup__content .wm-popup__rightCol {
    width:40%;
    padding-left:30px;
    border-left:1px solid white;
}
body .pum .pum-container .wm-popup__content .gform_heading {
    margin-top:0 !important;
}
body .pum .pum-container .wm-popup__content .gfield_label {
    color:#fff !important;
    background-color:#474E60 !important;
}
body .pum .pum-container .wm-popup__content .gform_fields {
    display:block !important;
}
body .pum .pum-container .wm-popup__content .gform_fields .gfield {
    margin-bottom:20px;
}
body .pum .pum-container .hidden_label .gfield_label {
    display:none !important;
}
body .pum .pum-container .gform_footer input[type="submit"] {
    width:100%;
    justify-content:center;
}

body .pum .pum-container .grecaptcha-badge {
    box-shadow:none;
}
@media (max-width:880px) {
    body .pum .pum-container .wm-popup__content {
        flex-direction:column;
    }
    body .pum .pum-container .wm-popup__content .wm-popup__leftCol {
        justify-content: space-between;
        width:100%;
        padding-right:0;
    }
    body .pum .pum-container .wm-popup__content .wm-popup__rightCol {
        width:100%;
        padding-left:0;
        margin-top:40px;
        border-left:none;
    }
}
@media (max-width:450px) {
    body .pum .pum-container {
        padding:25px;
    }
    body .pum .pum-container .popmake-title {
    margin-bottom:15px;
    font-size:30px;
    font-weight:bold;
    }   
    body .pum .pum-container .wm-popup__content .wm-popup__leftCol .wm-popup__mainText {
        font-size:18px;
        margin-bottom:10px;
    }
    body .pum .pum-container .wm-popup__content .wm-popup__leftCol .wm-popup__subText {
        font-size:14px;
    }
    body .pum .pum-container .wm-popup__content .wm-popup__rightCol {
        margin-top:20px;
    }
}