.layout:not(:last-child).--spacing_based_on-margin.--spacing-1x {
    margin-bottom: 1.25em;
}

.layout:not(:last-child).--spacing_based_on-margin.--spacing-2x {
    margin-bottom: 2.5em;
}

.layout:not(:last-child).--spacing_based_on-margin.--spacing-3x {
    margin-bottom: 3.75em;
}

.layout:not(:last-child).--spacing_based_on-padding.--spacing-1x {
    padding-bottom: 1.25em;
}

.layout:not(:last-child).--spacing_based_on-padding.--spacing-2x {
    padding-bottom: 2.5em;
}

.layout:not(:last-child).--spacing_based_on-padding.--spacing-3x {
    padding-bottom: 3.75em;
}

.layout .layout-title {
    font-weight: 300;
    letter-spacing: .2em;
    font-size: 1.6em;
    margin: 0;
    text-transform: uppercase;
}

.layout .container .container {
    width: 100%
}

/* .container */
.container.--padding_lr-1x,
.layout .row .column.--padding_lr-1x {
    padding-left: 22px;
    padding-right: 22px;
}

.container.--padding_lr-2x,
.layout .row .column.--padding_lr-2x {
    padding-left: 44px;
    padding-right: 44px;
}

.container.--padding_lr-3x,
.layout .row .column.--padding_lr-3x {
    padding-left: 66px;
    padding-right: 66px;
}

.container.--padding_tb-1x,
.layout .row .column.--padding_tb-1x {
    padding-top: 22px;
    padding-bottom: 22px;
}

.container.--padding_tb-2x,
.layout .row .column.--padding_tb-2x {
    padding-top: 44px;
    padding-bottom: 44px;
}

.container.--padding_tb-3x,
.layout .row .column.--padding_tb-3x {
    padding-top: 66px;
    padding-bottom: 66px;
}


.container.has-bg-img {
	position: relative;
}

.container.has-bg-img .bg-img img,
.container.has-bg-img img.bg-img {
	position: absolute;
	top: 50%;
	left: 50%;
	/* width: 100%;
	height: 100%;
	object-fit: cover; */
	transform: translate(-50%, -50%);
	z-index: -1;
}

.container.has-bg-img .bg-img.align-bottom img,
.container.has-bg-img img.bg-img.align-bottom {
	bottom: 0;
	top: auto;
	max-height: 100%;
	transform: translate(-50%);
}

.container.has-bg-img.boxed-container,
.container.has-bg-img.--bg-color-white {
	background-color: transparent;
}

.container.has-bg-img.boxed-container::after,
.container.has-bg-img.--bg-color-white::after {
	display: block;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    z-index: -2;
}



/* layout title */
.layout .layout-title,
.layout .layout-title.--size-1x {
    font-size: 1.6em;
}

.layout .layout-title.--size-1_5x {
    font-size: 2.1em;
}

.layout .layout-title.--size-2x {
    font-size: 3.1em;
}

.layout .layout-title.--size-3x {
    font-size: 4.5em;
}

.layout .layout-title.--size-xxx {
    font-size: 7em;
}

@media (max-width: 767px) {
    .layout .layout-title.--size-2x,
    .layout .layout-title.--size-3x {
        font-size: 2.1em;
    }

    .layout .layout-title.--size-xxx {
        font-size: 3.1em;
    }
}

.layout .layout-title.--transform-none {
    text-transform: none;
}

.layout .layout-title.--style-normal {
    font-style: normal;
}

.layout .layout-title.--align-center {
    text-align: center;
}

.layout .layout-title.--align-right {
    text-align: right;
}

.layout .layout-title.--line_height-1x {
    line-height: 1;
}

.layout .layout-title.--line_height-1_5x {
    line-height: 1.5;
}

.layout .layout-title.--line_height-2x {
    line-height: 2;
}

.layout .layout-title.--letter_spacing-0x {
    letter-spacing: normal
}

.layout .layout-title.--letter_spacing-1x {
    letter-spacing: .1em
}

.layout .layout-title.--letter_spacing-1_5x {
    letter-spacing: .15em
}

.layout .layout-title.--letter_spacing-2x {
    letter-spacing: .2em
}

.layout .layout-title.--color-dark-brown {
    color: var(--dark-brown)
}

.layout .layout-title.--color-white {
    color: var(--white)
}


/* layout content */
.layout .content.--size-2x {
    font-size: 1.3em;
}

.layout .content.--size-3x {
    font-size: 2.2em;
}

.layout .content.--align-center {
    text-align: center;
}

.layout .content.--align-right {
    text-align: center;
}

.layout .content.--p_margin-none p {
    margin: 0
}

.layout .content.--style-italic {
    font-style: italic;
}

.layout .content.--line_height-1x {
    line-height: 1;
}

.layout .content.--line_height-1_5x {
    line-height: 1.5;
}

.layout .content.--line_height-2x {
    line-height: 2;
}

.layout .content.--letter_spacing-0x {
    letter-spacing: normal;
}

.layout .content.--letter_spacing-1x {
    letter-spacing: .1em;
}

.layout .content.--letter_spacing-1_5x {
    letter-spacing: .15em;
}

.layout .content.--letter_spacing-2x {
    letter-spacing: .2em;
}

.layout .content p {
    line-height: inherit;
}

.layout .content.--color-dark-brown {
    color: var(--dark-brown);
}

.layout .content.--color-white {
    color: var(--white);
}


/* media */
.layout-media .wrap {
	position: relative;
}

.layout-media.is-bg .media {
    position: relative;
}


.layout-media.is-bg .media .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.layout-media.is-bg .media-content {
	position: absolute;
    width: 60%;
    left: 50%;
    transform: translateX(-50%);
    bottom: 2em;
    z-index: 1;
}

@media (max-width: 767px) {
    .layout-media.is-bg .media-content {
        width: 90%;
        left: 50%;
        transform: translate(-50%, 50%);
        bottom: 50%;
    }

    .layout-media.is-bg .content {
        display: none;
    }
}

.layout-media.is-bg .media-video {
    padding-top: 56.25%;
    position: relative;
}

.layout-media.is-bg .media-video .media-wrap {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.layout-media.is-bg .media-video .media-wrap video,
.layout-media.is-bg .media-video .media-wrap iframe {
    width: 100%;
    height: 100%
}

.layout-media .media.align-center {
    text-align: center;
}

.layout-media .media.align-right {
    text-align: right;
}


/* row */
.layout .row {
	display: grid;
}

.layout .row,
.layout .row.--gap-1x {
	gap: 22px;
}

.layout .row.--gap-2x {
	gap: 44px;
}

.layout .row.--gap-3x {
	gap: 66px;
}

@media (min-width: 768px) {
    .layout .row,
    .layout .row.--columns_span-one-half {
        grid-template-columns: 1fr 1fr;
    }

    .layout .row.--columns_span-one-third {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .layout .row.--columns_span-one-fourth.--gap-1x {
        grid-template-columns: calc(25% - 11px) calc(75% - 11px);
    }

    .layout .row.--columns_span-one-fourth.--gap-2x {
        grid-template-columns: calc(25% - 22px) calc(75% - 22px);
    }

    .layout .row.--columns_span-one-fourth.--gap-3x {
        grid-template-columns: calc(25% - 33px) calc(75% - 33px);
    }

    .layout .row.--columns_span-three-fourth.--gap-1x {
        grid-template-columns: calc(75% - 11px) calc(25% - 11px);
    }

    .layout .row.--columns_span-three-fourth.--gap-2x {
        grid-template-columns: calc(75% - 22px) calc(25% - 22px);
    }

    .layout .row.--columns_span-three-fourth.--gap-3x {
        grid-template-columns: calc(75% - 33px) calc(25% - 33px);
    }

    .layout .row.--columns_span-one-third--2.--gap-1x {
        grid-template-columns: calc(33.33% - 11px) calc(66.66% - 11px);
    }

    .layout .row.--columns_span-one-third--2.--gap-2x {
        grid-template-columns: calc(33.33% - 22px) calc(66.66% - 22px);
    }

    .layout .row.--columns_span-one-third--2.--gap-3x {
        grid-template-columns: calc(33.33% - 33px) calc(66.66% - 33px);
    }

    .layout .row.--columns_span-two-third.--gap-1x {
        grid-template-columns: calc(66.66% - 11px) calc(33.33% - 11px);
    }

    .layout .row.--columns_span-two-third.--gap-2x {
        grid-template-columns: calc(66.66% - 22px) calc(33.33% - 22px);
    }

    .layout .row.--columns_span-two-third.--gap-3x {
        grid-template-columns: calc(66.66% - 33px) calc(33.33% - 33px);
    }
}

.layout .row .column,
.layout .row .column .layout,
.layout .row .column .layout .container {
	display: flex;
	flex-direction: column;
}

.layout .row .column .layout,
.layout .row .column .layout .container {
	height: 100%;
}


.layout.--bg-color-white,
.layout .--bg-color-white {
	background: var(--white);
}

.layout.--bg-color-green,
.layout .--bg-color-green {
	background: var(--green);
}





/* Custom layout css */
.julkalender-blogg-layout h4 {
    margin: 0;
    letter-spacing: .158em;
    text-transform: uppercase;
    font-style: normal;
}

.julkalender-blogg-layout.layout p {
    margin-top: 0;
    line-height: 1.4;
}


.layout-tips .feedback {
	padding: 90px 50px 0 50px;
	background-position: 0px 30px;
}

.layout .btn-wrap {
	margin-top: auto
}


.layout-grymmast_just_nu.layout .row {
	grid-template-columns: 1fr 12em 1fr;
}

.layout-grymmast_just_nu .column img {
	width: 100%
}

.layout-grymmast_just_nu .column:last-child img {
	padding-top: 5em
}

.layout-grymmast_just_nu .between-text {
	color: #fff;
    margin: auto;
}

.layout-grymmast_just_nu .layout-title {
	margin-bottom: 1em;
}


.layout .btn, 
.layout .gform [type=submit] {
	display: inline-flex;
	color: inherit;
	transition: color .3s, background-color .3s, border-color .3s;
}

.layout .btn.rounded,
.layout .gform [type=submit] {
	padding: .7em 1.2em;
    border-radius: 2em;
}

.layout .btn.bordered,
.layout .gform [type=submit] {
	border: .15em solid;
}

.layout .btn.thick-bordered,
.layout .gform [type=submit] {
	border-width: .2em;
}

.btn.hover:hover {
	background: var(--black);
	border-color: var(--black);
	color: var(--white);
}

.content.--color-dark-brown .btn.hover:hover,
.layout .gform [type=submit]:hover {
	background: var(--dark-brown);
	border-color: var(--dark-brown);
	color: var(--white);
}




.layout .gform .gform_wrapper {
	margin-top: 1em;
}

.layout .gform .gfield_label {
	font-weight: 500 !important;
}

.layout .gform .gfield_radio {
	line-height: 1.1;
}

.layout .gform .gfield_label,
.layout .gform .gfield_radio label {
	font-size: inherit !important;
}

.layout .gform [type=submit] {
	padding: .3em .9em;
	font-size: inherit;
    font-style: inherit;
	cursor: pointer;
	float: right;
}

.layout .gform [type=submit]:not(:hover) {
	background: none;
    border-color: var(--dark-brown);
}

.layout .gform .gform_footer {
	padding: 0 !important
}



.layout-greeting-card-form .container {
    border: .25em solid #fff;
}

.layout-greeting-card-form .layout-title {
    margin-bottom: 1em;
}

.layout-greeting-card-form .layout .info-step-title {
    text-transform: none;
    font-size: 2em;
    margin-bottom: .5em;
    letter-spacing: .12em;
}

.layout-greeting-card-form .layout .info-step-title .num::after {
    content: '.';
}

.layout-greeting-card-form .card-image {
    cursor: pointer;
    text-align: center;
}

.layout-greeting-card-form .card-image input {
    width: 1.2em;
    height: 1.2em;
}

.layout-greeting-card-form .gform_footer [type=submit],
.layout .btn.style1 {
    background: #394832;
    color: #fff;
    border: .15em solid #333;
    text-transform: uppercase;
    font-size: 2em;
    padding: .4em 1em;
    border-radius: .75em;
    display: block;
    width: 100%;
    cursor: pointer;
    letter-spacing: .1em;
    text-align: center;
    line-height: 1.1;
}

.layout-greeting-card-form input::-webkit-input-placeholder,
.layout-greeting-card-form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-style: italic;
    letter-spacing: .1em;
}

.layout-greeting-card-form input::-moz-placeholder,
.layout-greeting-card-form textarea::-moz-placeholder { /* Firefox 19+ */
    font-style: italic;
    letter-spacing: .1em;
}

.layout-greeting-card-form input:-ms-input-placeholder,
.layout-greeting-card-form textarea:-ms-input-placeholder { /* IE 10+ */
    font-style: italic;
    letter-spacing: .1em;
}

.layout-greeting-card-form input:-moz-placeholder,
.layout-greeting-card-form textarea:-moz-placeholder { /* Firefox 18- */
    font-style: italic;
    letter-spacing: .1em;
}


.layout.december-poll .gform_footer [type=submit],
.layout.december-poll .gform_footer .gpoll_button {
    text-transform: uppercase;
    color: var(--white);
    background: var(--brown);
    letter-spacing: .15em;
    border-radius: 0.25em;
    padding: 0.2em 0.3em;
    cursor: pointer;
    font-size: 1em;
}