:root {
--boiu-wrap-padding: 1.75rem;
--boiu-mainmenu-gap: 3rem;
--boiu-sidebar-width: 34.88%;
--boiu-content-width: 48.83%;
--boiu-block-heading-font-size: 2.2em;
--boiu-block-heading-line-height: 1;
--boiu-block-heading-font-weight: 700;
} a:link {
color: var(--boiu-pink4); text-decoration: underline;
text-decoration-color: var(--boiu-pink1);
text-underline-offset: 4px;
}
a:visited {
color: #393939 ;
} a:hover {  text-decoration-color: var(--boiu-pink2);
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
:not(figure) > a:not(.btn)[href][target="_blank"]::after,
a.btn[href][target="_blank"] span::after {
content: "\f08e";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: var(--fa-display,inline-block);
font-family: "Font Awesome 6 Free";
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
font-weight: 900;
margin-left: 4px
}
.btn {
--background-color: var(--boiu-white);
--reveal-background-color: var(--boiu-pink3);
--color: var(--boiu-black1);
--reveal-color: var(--color);
--reveal-transition-interval: .6s;
font-weight: 600;
z-index: 0;
font-size: 1.1em;
transition: color .3s;
transition-delay: 0s;
padding: 0;
background: none;
border: none;
}
.btn, a.btn {
text-decoration: none;
}
.btn, a.btn, .btn:not(:hover) {
color: var(--color);
}
.btn, .btn span {
display: inline-flex;
}
.btn span {
position: relative;
z-index: 1;
overflow: hidden;
padding: .5em .7em;
align-items: center;
justify-content: center;
flex: 1 1  auto;
background: var(--reveal-background-color);
}
.btn.plain span {
background: var(--background-color);
}
.btn:not(.plain) span::before {
--roate: 25deg;
--scale: 9;
--translate: -54.88%;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: var(--background-color);
transform: rotate(var(--roate)) scale(var(--scale));
z-index: -1;
transition: transform var(--reveal-transition-interval);
} .btn:not(.plain):hover {
color: var(--reveal-color);
transition-delay: calc(var(--reveal-transition-interval) / 2);
}
.btn:not(.plain):hover span::before {
transform: rotate(var(--roate)) scale(var(--scale)) translate(var(--translate));
}
.shadow-r, .shadow-rr,
.shadow-b, .shadow-bb {
--shadow-color: var(--boiu-black1);
position: relative;
}
.shadow-b::before, .shadow-bb::before,
.shadow-r::after, .shadow-rr::before {
background: var(--shadow-color);
position: absolute;
content: '';
}
.btn.shadow-r, .btn.shadow-rr,
.btn.shadow-b, .btn.shadow-bb {
--reveal-background-color: var(--shadow-color);
--reveal-color: var(--boiu-white);
}
.shadow-b {
--shadow-b-size: .1rem; }
.shadow-b::before {
bottom: calc(var(--shadow-b-size) * -1);
height: var(--shadow-b-size);
}
.shadow-bb {
--shadow-bb-size: .2rem; }
.shadow-bb::before {
bottom: calc(var(--shadow-bb-size) * -1);
height: var(--shadow-bb-size);
}
.shadow-r {
--shadow-r-size: .11rem; }
.shadow-r::after {
right: calc(var(--shadow-r-size) * -1);
width: var(--shadow-r-size);
}
.shadow-rr {
--shadow-rr-size: .22rem; }
.shadow-rr::after {
right: calc(var(--shadow-rr-size) * -1);
width: var(--shadow-rr-size);
}
.shadow-b::before, .shadow-bb::before {
left: .2rem;
right: 0;
}
.shadow-b.shadow-r::before,
.shadow-bb.shadow-r::before {
right: calc((var(--shadow-r-size)) * -1);
}
.shadow-b.shadow-rr::before,
.shadow-bb.shadow-rr::before {
right: calc((var(--shadow-rr-size)) * -1);
}
.shadow-r::after, .shadow-rr::after {
top: .25rem;
bottom: 0;
}
.shadow-r.shadow-b::after,
.shadow-rr.shadow-b::after {
bottom: calc(var(--shadow-b-size) * -1);
}
.shadow-r.shadow-bb::after,
.shadow-rr.shadow-bb::after {
bottom: calc(var(--shadow-bb-size) * -1);
} :where(.wp-block-columns.is-layout-flex.no-gap) {
gap: 0
}
:where(.wp-block-columns.is-layout-flex.uni-gap) {
gap: var(--boiu-wrap-padding)
}
:where(.wp-block-columns.is-layout-flex.extend),
.extend {
margin-left: calc(var(--boiu-wrap-padding) * -1);
margin-right: calc(var(--boiu-wrap-padding) * -1);
}
@media (min-width: 782px) {
.wp-block-columns.uni-gap.cols-3.span-2_3-1_3 {
display: grid;
grid-template-columns: calc(((100% - (var(--boiu-wrap-padding) * 2)) * 2 / 3) + var(--boiu-wrap-padding)) 1fr;
}
}
.boiu-block.block-space-standard {
margin-bottom: 1.75em;
} .flipcard-block {
--front-overlay-background-color: var(--boiu-white);
--front-color: var(--boiu-black1);
--back-overlay-background-color: var(--boiu-white);
--back-color: var(--boiu-black1);
--front-overlay-opacity: .7;
--back-overlay-opacity: .7;
--width: 300px;
--height: 350px;
height: var(--height);
width: var(--width);
perspective: 1000px;
max-width: 100%;
}
.flipcard-block.flipcardpost-block {
--front-overlay-opacity: 0;
--front-background-color: var(--boiu-pink2);
--front-color: var(--boiu-white);
}
@media (min-width: 769px) {
.flipcard-block.flip-on-hover:hover .card-wrap,
.flipcard-block.flip-on-click.click-on .card-wrap {
transform: rotateY(180deg);
}
.flipcard-block.flip-on-hover:hover .card-wrap .card-back,
.flipcard-block.flip-on-click.click-on .card-wrap .card-back {
z-index: 1;
}
}
@media (max-width: 768px) {
.flipcard-block.click-on .card-wrap {
transform: rotateY(180deg);
}
.flipcard-block.click-on .card-wrap .card-back {
z-index: 1;
}
}
.flipcard-block.flip-on-click {
cursor: pointer;
}
.flipcard-block .card-wrap {
transition: transform 0.6s;
transform-style: preserve-3d;
}
.flipcard-block .card-wrap,
.flipcard-block .card-wrap .card,
.flipcard-block .card-wrap .card > img {
width: 100%;
height: 100%;
}
.flipcard-block .card-wrap {
position: relative;
}
.flipcard-block .card-wrap .card,
.flipcard-block .card-wrap .card > img {
position: absolute;
left: 0;
top: 0;
}
.flipcard-block .card-wrap .card {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
padding: 1em;
box-sizing: border-box;
overflow: auto;
}
.flipcard-block .card-wrap .card > img {
object-fit: cover;
}
.flipcard-block .card-wrap .card-front::before,
.flipcard-block .card-wrap .card-back::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
.flipcard-block .card-wrap .card-front {
color: var(--front-color);
}
.flipcard-block .card-wrap .card-front::before {
background-color: var(--front-overlay-background-color);
opacity: var(--front-overlay-opacity);
}
.flipcard-block .card-wrap .card-back {
color: var(--back-color);
transform: rotateY(180deg);
}
.flipcard-block .card-wrap .card-back::before {
background-color: var(--back-overlay-background-color);
opacity: var(--back-overlay-opacity);
}
.flipcard-block .card-content {
margin-bottom: 1em;
line-height: 1.3;
font-size: .9em;
position: relative;
z-index: 1;
word-break: break-word;
}
.flipcard-block .card-content-title {
margin-top: auto
}
.flipcard-block .btn {
font-size: .9em;
z-index: 1;
}
.flipcard-block.flipcardpost-block .card-content-title {
padding: .2em .4em;
background: var(--front-background-color);
}
.flipcard-block.flipcardpost-block .card-content-title h3 {
margin: 0;
}
.boiu-grid, .tva-bredd-mobil {
--columns-desktop: 3;
--columns-tablet: 2;
--columns-mobile: 1;
--column-gap-desktop: var(--boiu-wrap-padding);
--column-gap-mobile: var(--boiu-wrap-padding);
--column-gap-tablet: var(--boiu-wrap-padding);
--row-gap-desktop: var(--boiu-wrap-padding);
--row-gap-mobile: var(--boiu-wrap-padding);
--row-gap-tablet: var(--boiu-wrap-padding);
---columns: var(--columns-mobile);
---column-gap: var(--column-gap-mobile);
---row-gap: var(--row-gap-mobile);
---column-width: calc((100% / var(---columns)) - (((var(---columns) - 1) * var(---column-gap)) / var(---columns)));
display: grid;
grid-template-columns: repeat(var(---columns), var(---column-width));
column-gap: var(---column-gap);
row-gap: var(---row-gap);
padding: 0;
margin: 0;
}
@media (min-width: 541px) {
.boiu-grid {
---columns: var(--columns-tablet);
---column-gap: var(--column-gap-tablet);
---row-gap: var(--row-gap-tablet);
}
}
@media (min-width: 769px) {
.boiu-grid {
---columns: var(--columns-desktop);
---column-gap: var(--column-gap-desktop);
---row-gap: var(--row-gap-desktop);
}
}
@media (max-width: 375px) {
.boiu-grid {
---columns: 1;
}
}
@media (max-width: 781px) {
.tva-bredd-mobil {
display: grid !important;
---columns: var(--columns-tablet);
---column-gap: var(--column-gap-tablet);
---row-gap: var(--row-gap-tablet);
}
}
@media (max-width: 501px) {
.tva-bredd-mobil {
display: grid !important;
---columns: var(--columns-mobile);
---column-gap: var(--column-gap-mobile);
---row-gap: var(--row-gap-mobile);
}
}
.boiupostsgrid-block .grid-post {
position: relative;
display: flex;
}
.boiupostsgrid-block .grid-post .btn {
position: absolute;
bottom: .5em;
left: 50%;
transform: translate(-50%);
width: 90%;
line-height: 1.3;
}
.boiupostsgrid-block .grid-post img {
object-fit: cover;
}
@media (max-width: 420px) {
.boiupostsgrid-block .grid-post a {
font-size: .85em;
}
}html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }   body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
font-family: "museo-slab", serif;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}
body,
button,
input,
select,
optgroup,
textarea {
color: var(--boiu-black1);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1rem;
line-height: 1.5;
font-weight: 400;
font-style: normal;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
font-weight: 700;
}
p {
margin-bottom: 0.5em; }
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #e3e1cd;
text-decoration: none;
}
big {
font-size: 125%;
} body {
background: #fff;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul,
ol {
list-style: disc;
margin: 0 0 1.5em 2em;
padding-inline-start: 28px;
}
.headinglinks-block ul {
padding-inline-start: 20px;
margin: 0 0 1.5em 0;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
} embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: .1em solid;
border-color: #ccc #ccc #bbb; background: var(--boiu-white);
color: var(--boiu-black1);
line-height: 1;
padding: 0.4em 1em 0.4em;
cursor: pointer;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: .5em;
max-width: 100%;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
max-width: 100%;
}
textarea {
width: 100%;
}
button:focus,
input:focus,
select:focus,
textarea:focus {
outline: .1em soild var(--boiu-black3);
}
::-webkit-input-placeholder { color: var(--boiu-black3);
}
::-moz-placeholder { color: var(--boiu-black3);
}
:-ms-input-placeholder { color: var(--boiu-black3);
}
:-moz-placeholder { color: var(--boiu-black3);
} .formularrad-event {
padding: 30px; 
display: block!important;
margin-left: calc(var(--boiu-wrap-padding) * -1);
margin-right: calc(var(--boiu-wrap-padding) * -1);
}
@media (max-width: 780px) {
.formularrad-event .wp-block-columns { flex-direction: column-reverse; }
}  .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #primary[tabindex="-1"]:focus {
outline: 0;
} .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
} :root {
--boiu-wrap-padding: 1.75rem;
--boiu-mainmenu-gap: 2.2rem;
--boiu-sidebar-width: 34.88vw;
--boiu-content-width: 48.83vw;
--boiu-flymenu-width: 25rem;
}
@media (min-width: 1921px) {
:root {
--boiu-sidebar-width: calc(1920px * .3488);
--boiu-content-width: calc(1920px * .4883);
}
}
body {
--boiu-header-offset: 0;
}
body.fixed-header {
--boiu-header-offset: 105.375px;
}
body.modal-open {
--offset-top: 0;
position: fixed;
height: 100vh;
width: 100vw;
top: calc(var(--offset-top) * -1);
overflow: hidden;
}
.o-wrap {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.i-wrap {
padding-left: var(--boiu-wrap-padding);
padding-right: var(--boiu-wrap-padding);
}
.site-header {
--hamburg-icon-width: 3em;
--search-close-icon-width: 4em;
position: relative;
}
.site-header .i-wrap {
display: flex;
align-items: center;
box-sizing: border-box;
}
.site-header .row1 .i-wrap {
gap: 1em;
}
@media (min-width: 1151px) {
.site-header .i-wrap {
max-width: calc(var(--boiu-sidebar-width) + var(--boiu-content-width));
}
}
.site-header .row1 {
--link-color: var(--boiu-white);
background: var(--boiu-pink1);
transition: background-color .3s;
}
.site-header .row1 .menu a {
color: var(--link-color);
transition: color .3s;
}
.site-header .row2 {
--link-color: var(--boiu-white);
background: var(--boiu-pink2);
border-bottom: .15em solid var(--boiu-pink1);
padding-top: .4em;
padding-bottom: .4em;
transition: background-color .3s, border-color .3s;
} .site-header .logo-wrap img {
max-width: 80px;
transition: max-width .3s;
} @media (min-width: 1151px) {
#page.scrolled-header .site-header .row1 {
--link-color: var(--boiu-black1);
background: var(--boiu-gray1);
}
#page.scrolled-header .logo-wrap img {
max-width: 45px;
}
#page.scrolled-header .site-header .row2 {
--link-color: var(--boiu-black1);
background: var(--boiu-white);
border-color: var(--boiu-gray1);
}
#page:not(.scrolled-header) .site-header .logo-wrap .alt-logo,
#page.scrolled-header .site-header .logo-wrap .custom-logo {
visibility: hidden;
position: absolute;
}
}
@media (max-width: 1150px) {
.site-header .logo-wrap .alt-logo {
visibility: hidden;
position: absolute;
}
}
.search-form {
border-color: var(--boiu-pink2);
border-top-width: .15em;
border-left-width: .15em;
border-top-style: solid;
border-left-style: solid; background: #fff;
display: flex;
}
.search-form input[type=search],
.search-form button[type=submit] {
background: none;
border: none;
}
.search-form input[type=search] {
padding: .15em .25em;
width: 13em;
}
.search-form button[type=submit] {
--color: var(--boiu-pink4);
text-indent: -999em;
line-height: 0;
border: none;
background: none;
position: relative;
width: 2.3em;
cursor: pointer;
}
.search-form button[type=submit]::before, 
.search-form button[type=submit]::after {
content: '';
position: absolute;
left: 50%;
top: 50%;
}
.search-form button[type=submit]::before {
width: .65em;
height: .65em;
border-radius: 50%;
border: .2em solid var(--color);
transform: translate(-.7em,-.7em);
}
.search-form button[type=submit]::after {
width: .2em;
height: .7em;
background: var(--color); transform: rotate(-45deg) translate(.15em,.3em);
}
.search-wrap {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: flex;
background: var(--boiu-pink2);
z-index: 99; padding-left: var(--boiu-wrap-padding);
transition: opacity .3s, visibility 0s .3s;
}
.search-wrap:not(.active) {
opacity: 0;
visibility: hidden;
}
.search-wrap.active {
transition-delay: 0s;
}
.search-wrap .search-i-wrap {
display: flex;
width: 100%
}
@media (min-width: 1151px) {
.search-wrap .search-i-wrap {
width: calc(
var(--boiu-sidebar-width) 
+ var(--boiu-content-width) 
- var(--hamburg-icon-width) 
- var(--boiu-mainmenu-gap) - (
var(--search-close-icon-width) / 2
)
)
}
}
.search-wrap .relevanssi-live-search-results-showing {
top: 100% !important
}
.search-wrap .search-form {
flex: 1 1 auto;
border: none;
background: none;
}
.search-wrap .search-form label,
.search-wrap .search-form input[type=search] {
width: 100%
}
.search-wrap .search-form input[type=search] {
height: 90%;
border-bottom: .1em solid var(--boiu-pink1);
font-size: 2em;
color: white;
}
.search-wrap .search-form input[type=search]::-webkit-search-cancel-button {
-webkit-appearance: none;
height: 1em;
width: 1em;
border-radius: 50em;
background: url(//barnombudet.se/wp-content/themes/boiu/images/cross.svg) no-repeat 50% 50%;
background-size: contain;
position: relative;
top: .3em;
cursor: pointer;
}
.search-form button[type=submit] {
font-size: 1.7em;
color: var(--boiu-white);
text-indent: 0;
width: auto;
}
.search-form button[type=submit]::before,
.search-form button[type=submit]::after {
content: none;
}
.search-wrap .mobile-close {
height: 100%;
width: var(--search-close-icon-width);
background: var(--boiu-pink1);
}
.site-header a {
box-shadow: none;
}
.site-header ul.menu {
list-style: none;
margin: 0;
padding: 0;
display: flex;
}
.site-header ul.menu a {
text-decoration: none;
}
.site-header ul.menu a,
.site-header .row2 .fly-menu-wrap button.hamburg {
color: var(--link-color);
}
.site-header .fly-menu ul.menu a {
color: var(--boiu-white)
}
.site-header .row2 .fly-menu-wrap button.hamburg {
transition: color .3s;
}
#page.scrolled-header .site-header .row2 .menu-wrap ul.menu li:not(:hover):not(.current-menu-item) a,
#page.scrolled-header .site-header .row2 .fly-menu-wrap button.hamburg {
color: var(--boiu-black1);
}
.site-header .menu-wrap,
.site-header .search-wrap {
margin-left: auto;
}
.site-header .row1 ul.menu {
gap: 1em;
}
.site-header .row1 ul.menu a {
font-size: .9em;
}
.site-header .row2 {
--shadow-color: var(--boiu-black1);
--shadow-bottom-size: .11em;
--shadow-bottom-offset-left: .25em;
--shadow-right-size: .065em;
--shadow-right-offset-top: .25em;
--text-shadow-color: var(--boiu-black1);
--text-shadow-size: .1em;
--text-shadow-size-hover: .05em;
--transition-duration: .3s;
}
.site-header .row2 ul.menu {
gap: var(--boiu-mainmenu-gap);
font-weight: 500;
}
.site-header .row2 .menu-wrap ul.menu {
align-items: center;
}
.site-header .row2 .menu-wrap ul.menu a,
.site-header .fly-menu ul.menu a > span {
position: relative;
padding: 0 var(--menu-item-padding-right) .2em var(--menu-item-padding-left);
transition: background-color var(--transition-duration), 
color var(--transition-duration), 
text-shadow var(--transition-duration);
}
.site-header .row2 .menu-wrap ul.menu a {
font-size: 1.1em;
line-height: 1.3;
display: flex;
} .site-header .row2 ul.menu a,
.site-header .row2 .fly-menu-wrap button.hamburg  {
text-shadow: 0 0 var(--text-shadow-size) var(--text-shadow-color);
}
.site-header .row2 ul.menu a:hover,
.site-header .row2 ul.menu li.current-menu-item > a,
.site-header .row2 .menu-wrap .menu .blankare-menyn a {
text-shadow: 0 0 var(--text-shadow-size-hover) var(--text-shadow-color);
}
#page.scrolled-header .site-header .row2 ul.menu li:not(.current-menu-item) > a,
#page.scrolled-header .site-header .row2 .fly-menu-wrap button.hamburg  {
text-shadow: none;
}
.site-header .row2 ul#main-menu li a::before,
.site-header .row2 ul#main-menu li a::after,
.site-header .fly-menu ul.menu a > span::before,
.site-header .fly-menu ul.menu a > span::after {
content: '';
position: absolute;
opacity: 0;
background: var(--shadow-color);
right: calc(var(--shadow-right-size) * -1);
bottom: calc(var(--shadow-bottom-size) * -1);
transition: opacity var(--transition-duration);
}
.site-header .row2 ul#main-menu li a::before,
.site-header .fly-menu ul.menu a > span::before {
left: var(--shadow-bottom-offset-left);
height: var(--shadow-bottom-size);
}
.site-header .row2 ul#main-menu li a::after,
.site-header .fly-menu ul.menu a > span::after {
top: var(--shadow-right-offset-top);
width: var(--shadow-right-size);
}
#page.scrolled-header .site-header .row2 .menu-wrap .menu a:hover,
#page.scrolled-header .site-header .row2 .menu-wrap .menu li.current-menu-item > a,
#page.scrolled-header .site-header .row2 .menu-wrap .menu .blankare-menyn:not(:hover):not(.current-menu-item) > a {
background: var(--boiu-black1);
color: var(--boiu-white)
}
.site-header .row2 ul#main-menu li.current-menu-item a,
.site-header .row2 ul#main-menu a:hover,
.site-header .row2 .menu-wrap .menu .blankare-menyn > a {
background: var(--boiu-white);
color: var(--boiu-black1)
}
.site-header .fly-menu ul.menu a:hover span,
.site-header .fly-menu ul.menu li.current-menu-item > a span {
background: var(--boiu-white);
color: var(--boiu-black1);
}
.site-header .fly-menu ul.menu a span {
display: inline-block;
}
.site-header .row2 ul#main-menu li.current-menu-item a::before,
.site-header .row2 ul#main-menu li.current-menu-item a::after,
.site-header .row2 ul#main-menu li:hover > a::before,
.site-header .row2 ul#main-menu li:hover > a::after,
.site-header .fly-menu ul.menu li.current-menu-item > a > span::before,
.site-header .fly-menu ul.menu li.current-menu-item > a > span::after,
.site-header .fly-menu ul.menu a:hover > span::before,
.site-header .fly-menu ul.menu a:hover > span::after {
opacity: 1;
}
.linkbox-block .navbox a:hover {text-decoration-color: #fff;}
.site-header .row2 .menu-wrap .menu .blankare-menyn a {
padding: .4em 2.2em .4em 1em;
border-radius: 2em;
}
.site-header .row2 .menu-wrap .menu .blankare-menyn a::before,
.site-header .row2 .menu-wrap .menu .blankare-menyn a::after {
content: none !important;
}
.site-header .row2 .menu-wrap .menu .blankare-menyn a span::after {
content: "\f004";
margin-left: .5em;
font-family: "Font Awesome 6 Free";
color: red;
position: absolute;
}
.site-header .row2 .menu-wrap .menu .blankare-menyn a:hover span::after,
.site-header .row2 .menu-wrap .menu .blankare-menyn.current-menu-item a span::after {
font-weight: 900;
}
@media (min-width: 1151px) {
.site-header .magnifier.mobile-toggle-search {
margin-left: var(--boiu-mainmenu-gap);
margin-right: var(--boiu-wrap-padding)
}
}
.site-header .row2 .fly-menu-wrap button.hamburg {
background: none;
border: none;
padding: 0;
font-size: .95em;
font-weight: 500;
display: flex;
align-items: center;
gap: 1em;
cursor: pointer;
position: relative;
}
.site-header .row2 .fly-menu-wrap button.hamburg .icon {
width: var(--hamburg-icon-width);
display: grid;
gap: .35em;
}
.site-header .row2 .fly-menu-wrap button.hamburg .icon span {
height: .34em;
background: var(--link-color);
border-radius: 2em;
transition: color .3s;
}
@media (min-width: 1151px) {
.site-header .row2 .fly-menu-wrap button.hamburg .label {
position: absolute;
white-space: nowrap;
left: calc(100% + 1.5em);
}
}
.site-header .fly-menu {
--menu-item-padding-left: .5em;
--menu-item-padding-right: .5em;
position: fixed;
right: 0;
left: 0;
top: 0; min-width: 16em;
display: grid;
transition: opacity .3s, transform .3s, visibility 0s .3s;
z-index: 999; bottom: 0;
overflow: auto;
}
@media (min-width: 601px) {
body.logged-in.admin-bar .site-header .fly-menu {
top: var(--wp-admin--admin-bar--height);
}
}
@media (max-width: 600px) {
body.logged-in.admin-bar #page:not(.scrolled-header) .site-header .fly-menu {
top: var(--wp-admin--admin-bar--height);
}
}
.site-header .fly-menu::before,
.site-header .fly-menu .fly-menu-i-wrap {
background: var(--boiu-pink1);
}
.site-header .fly-menu .fly-menu-i-wrap {
display: grid;
padding: var(--boiu-wrap-padding);
grid-template-rows: auto auto auto 1fr;
row-gap: .5em;
}
@media (min-width: 1151px) {
.site-header .fly-menu {
grid-template-columns: calc(
var(--boiu-sidebar-width) 
+ var(--boiu-content-width) 
- var(--boiu-flymenu-width) 
- (var(--boiu-wrap-padding) * 2)
) 1fr;
}
.site-header .fly-menu::before {
content: '';
opacity: .6;
}
.site-header .fly-menu .fly-menu-i-wrap {
grid-template-columns: var(--boiu-flymenu-width);
}
}
.site-header .fly-menu .mini-cart-wrap {
padding-left: var(--menu-item-padding-left);
padding-right: var(--menu-item-padding-left);
}
.site-header .fly-menu .mini-cart-wrap .basket-link {
position: relative;
}
.site-header .fly-menu .mini-cart-wrap .mini-cart-contents-wrap {
display: none;
}
body:not(.fly-menu-active) .site-header .fly-menu {
visibility: hidden;
opacity: 0;
transform: translateY(-2em);
}
body.fly-menu-active .site-header .fly-menu {
transition-delay: 0s;
}
.site-header .fly-menu ul.menu {
flex-direction: column;
gap: .5em
}
.site-header .fly-menu ul.menu > li {
font-size: 1.2em;
}
.site-header .fly-menu ul.menu li,
.site-header .fly-menu ul.menu a {
position: relative;
}
.site-header .fly-menu ul.menu a::before {
position: absolute;
left: var(--menu-item-padding-left);
right: var(--menu-item-padding-right);
bottom: .1em;
border-top: .05em solid;
content: '';
}
.site-header .fly-menu ul.menu ul {
font-size: 1rem;
padding: 0;
list-style: none;
font-weight: 400;
max-height: 0;
overflow: hidden;
transition: max-height .3s;
} .site-header .fly-menu ul.menu li.menu-item-has-children > a {
display: block;
}
.site-header .fly-menu ul.menu li:not(.menu-item-has-children) > button {
display: none;
}
.site-header .fly-menu ul.menu li.menu-item-has-children > button {
position: absolute;
top: 0;
right: 0;
width: 1.4em;
height: 1.4em;
font-size: 1em;
padding: 0;
background: none;
border: none;
color: var(--boiu-white);
}
.site-header .fly-menu ul.menu li.menu-item-has-children > button::after {
border-top: .12em solid;
border-right: .12em solid;
width: .35em;
height: .35em;
transform: rotate(45deg) translate(-50%);
content: '';
position: absolute;
right: 0;
top: 50%;
transition: transform .3s;
}
.site-header .fly-menu ul.menu li.menu-item-has-children.expanded > button::after {
transform: rotate(135deg) translate(0, 50%);
}
#page {display: grid}
body.has-sidebar #page {
grid-template-areas: 'header header header'
'sidebar main sidebar1'
'sidebar footer footer';
grid-template-columns: var(--boiu-sidebar-width) var(--boiu-content-width) 1fr;
}
body.has-sidebar:not(.search) #page {
grid-template-areas:    'header header header'
'sidebar page-header sidebar1'
'sidebar main sidebar1'
'sidebar footer footer';
}
body:not(.has-sidebar) #page {
grid-template-areas: 'header header'
'main sidebar1'
'footer footer';
grid-template-columns: var(--boiu-content-width) 1fr;
}
body.singular:not(.has-sidebar) #page {
grid-template-areas: 'header header'
'page-header sidebar1'
'main sidebar1'
'footer footer';
} @media (max-width: 1150px) {
body.has-sidebar #page {
grid-template-areas: 'header'
'sidebar'
'main'
'sidebar1'
'footer';
grid-template-columns: 100%;
}
body.has-sidebar.singular #page,
body.has-sidebar.error404 #page {
grid-template-areas: 'header'
'page-header'
'sidebar'
'main'
'sidebar1'
'footer';
grid-template-columns: 100%;
}
}
#page #mainheader {
grid-area: header;
}
body.fixed-header #mainheader {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 9999;
}
@media (min-width: 601px) {
body.logged-in.admin-bar.fixed-header #mainheader {
top: var(--wp-admin--admin-bar--height);
}
}
body.singular .page-header {
grid-area: page-header;
}
#page #primary {
grid-area: main;
}
body.has-sidebar #page #mainsidebar {
grid-area: sidebar;
}
#rightsidebar {
grid-area: sidebar1;
background: var(--boiu-gray2);
}
#page #mainfooter {
grid-area: footer;
}
.site-sidebar .aside-item {
position: relative;
}
@media (min-width: 1151px) {
.site-sidebar.fixed .aside-item {
position: fixed;
width: var(--boiu-sidebar-width);
top: 0;
bottom: 0;
}
.site-sidebar.fixed .aside-item .item-img-wrap,
.site-sidebar.fixed .aside-item .item-img-wrap img,
.site-sidebar.fixed .aside-item .item-img-wrap iframe,
.site-sidebar.fixed .aside-item .item-img-wrap video {
height: 100%;
width: 100%;
}
.site-sidebar.fixed .aside-item .item-img-wrap img,
.site-sidebar.fixed .aside-item .item-img-wrap video {
object-fit: cover;
} }
#mainsidebar {
--textbox-background-color: var(--boiu-orange3);
--textbox-color: var(--boiu-black1);
}
.site-sidebar .aside-item .text-box {
background: var(--textbox-background-color);
color: var(--textbox-color);
padding: .8em;
line-height: 1.2;
display: flex;
flex-direction: column;
}
@media (min-width: 1151px) {
.site-sidebar .aside-item .text-box {
position: absolute;
left: 10%;
right: 10%;
}
.site-sidebar .aside-item .text-box.inside {
bottom: 0;		
}
}
.site-sidebar .text-box h1,
.site-sidebar .text-box h2,
.site-sidebar .text-box h3,
.site-sidebar .text-box h4 {
margin-top: 0;
font-weight: 700;
margin-bottom: .25em;
}
.site-sidebar .text-box p {
margin-top: 0;
font-size: 1.3em;
}
.site-sidebar .aside-item .text-box .btn {
--background-color: var(--boiu-orange2);
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1151px) {
.site-sidebar .aside-item .text-box .btn {
font-size: 1.3em;
}
}
.start-main-heading {
margin: .2em 0
}
.site-footer {
margin-top: 2em;
padding-top: 2em;
background: url(//barnombudet.se/wp-content/themes/boiu/images/dotted-pattern.png) repeat-x top left / auto .3em,
url(//barnombudet.se/wp-content/themes/boiu/images/dotted.png) no-repeat top right / auto .3em;
}
.site-footer .row1,
.site-footer .row2,
.site-footer .row2::after {
background-color: #8b2661 !important;
}
.site-footer .row1 > .wp-block-group__inner-container,
.site-footer .row2 > .wp-block-group__inner-container {
box-sizing: border-box;
margin-left: 0 !important;
}
.site-footer .row1 {
padding-top: 1.75em;
padding-bottom: 45%;
}
.site-footer .row2 {
padding-bottom: 1em;
padding-top: calc(7.24% + .75em);
position: relative;
}
.site-footer .row1 + .row2 {
margin-top: -1px;
}
.site-footer .row2 .footer-bot {
margin-top: 0;
}
.site-footer .row2::before,
.site-footer .row2::after {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
}
.site-footer .row2::before {
padding-top: 8%;
background-image: url(//barnombudet.se/wp-content/themes/boiu/images/footer-boiu-bg-curve.png);
background-repeat: no-repeat;
background-size: cover;
z-index: 1;
}
.site-footer .row2::after {
margin-top: 7.24%;
bottom: 0;
}
.site-footer .row2 > .wp-block-group__inner-container > :not(.footer-bot) {
position: relative;
z-index: 1;
}
.site-footer .row2 .footer-bot {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: -12em;
}
@media (min-width: 768px) {
.site-footer .row1 {
padding-bottom: 25%;
}
.site-footer .row2 .footer-bot {
left: 50%;
transform: translateX(-50%);
}
}
@media (min-width: 1151px) {
.site-footer .row1 {
padding-bottom: .25em;
}
.site-footer .row1 > .wp-block-group__inner-container,
.site-footer .row2 > .wp-block-group__inner-container {
max-width: calc(var(--boiu-content-width) - (2 * var(--boiu-wrap-padding)));
}
.site-footer .row2 .footer-bot {
left: calc(var(--boiu-content-width) + var(--boiu-wrap-padding));
transform: none;
}
}
.site-footer p {
margin: 0;
}
.site-footer a {
color: inherit
}
.site-footer .puffbildknapp-block {
padding-top: 0;
}
@media (min-width: 768px) and (max-width: 800px) {
.site-footer .puffbildknapp-block {
padding-left: .5em;
padding-right: .5em;
}
}
@media (max-width: 767px) {
.site-footer .layout-columns {
flex-wrap: wrap !important;
}
.site-footer .layout-columns > .wp-block-column {
flex-basis: 50% !important
}
.puffbildknapp-block .btn {
font-size: .95em;
}
}
.site-footer .puffbildknapp-block img {
max-width: 100%;
margin-bottom: .5em;
}
.site-footer h3 {
margin: 0;
font-size: 1.2em;
}
.site-footer .wp-block-navigation__container {
gap: 0
} .mc-field-group + .mc-field-group, .mce-btn-wrap {
margin-top: .7em;
} .mc-field-group input {
width: 100%;
box-sizing: border-box;
padding: .3em .6em;
border-radius: 0;
} .back-to-top {
position: fixed;
bottom: 2em;
right: 2em;
text-decoration: none;
color: #ffffff;
background-color: rgba(0, 0, 0, 0.3);
padding: 0.5em 0.7em;
font-size: 24px;
display: none;
z-index: 999999;
}
.back-to-top:hover {
background-color: rgba(0, 0, 0, 0.7);
}
.block-heading {
font-size: var(--boiu-block-heading-font-size);
margin: .7em 0 .2em
}
.boiu-block.boiuposts-block .boiu-post .post-published-date,
#mainfooter .post-published-date {display: none!important;}
@media (min-width: 521px) {
.boiuposts-block:not(.sticky.stuck) {
grid-template-columns: repeat(var(--columns), 1fr);
column-gap: var(--column-gap);
row-gap: var(--row-gap);
margin-bottom: 15px;
}
}  .feed-filter-utbildningar .alm-filters-container .alm-filter ul {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 20px;
grid-row-gap: 5px;
padding: 20px 0 0;
}
@media (max-width: 540px) {
.feed-filter-utbildningar .alm-filters-container .alm-filter ul {
grid-template-columns: 1fr;
}
}
.feed-filter-utbildningar .alm-filters-container .alm-filter li div.alm-filter--link:before {
border-radius: 0!important;
position: inherit;
width: 50px;
height: 40px;
border: 0px solid #ccc;
background-image: url(https://barnombudet.se/wp-content/uploads/2023/01/gruppalla-opti.png);
background-size: contain;
background-repeat: no-repeat;
margin-right: 5%;
background-position: center;
} .page-id-7963 .feed-filter-utbildningar .alm-filters-container .alm-filter li div.alm-filter--link:before {
background-image: url(https://barnombudet.se/wp-content/uploads/2023/12/star-alla.webp);
}
.feed-filter-utbildningar .alm-filters-container .alm-filter li div.alm-filter--link.has-custom-bg:before {
background-image: var(--bg-image-url);
}
.feed-filter-utbildningar .alm-filters-container .alm-filter li div.alm-filter--link {
display: flex;
align-items: center;
background-color: #e9cce1;
font-weight: 500;
color: #000;
padding: 0;
}
.feed-filter-utbildningar .alm-filters-container .alm-filter li {
border: 2px solid #000;
}
.feed-filter-utbildningar .alm-filters-container .alm-filter li div.alm-filter--link.active {
background-color: #e4efce;
}
.feed-filter-utbildningar .alm-filters-container .alm-filter li div.alm-filter--link.active.field-radio:before {background-color: #fff;}
.feed-filter-utbildningar .alm-filters-container .alm-filter li div.alm-filter--link.field-radio:after {display: none;}
.feed-filter-utbildningar .alm-listing {
--columns: 3;
--column-gap: 20px;
--column-width: calc((100% / var(--columns)) - (((var(--columns) - 1) * var(--column-gap)) / var(--columns)));
display: grid;
grid-template-columns: repeat(var(--columns), var(--column-width));
grid-template-rows: 1fr;
grid-column-gap: var(--column-gap);
grid-row-gap: 5px;
}
@media (max-width: 768px) {
.feed-filter-utbildningar .alm-listing {
--columns: 2;
}
}
@media (max-width: 540px) {
.feed-filter-utbildningar .alm-listing {
--columns: 1;
}
}
.feed-filter-utbildningar .alm-listing .alm-paging-content>li.alm-item,
.feed-filter-utbildningar .alm-listing .alm-reveal>li.alm-item,
.feed-filter-utbildningar .alm-listing>li.alm-item,
.feed-filter-utbildningar .alm-listing .alm-paging-content>a.alm-item,
.feed-filter-utbildningar .alm-listing .alm-reveal>a.alm-item,
.feed-filter-utbildningar .alm-listing>a.alm-item {
display: flex;
flex-direction: column; padding: 0px;
background-color: var(--boiu-gray1); line-height: 1.3; }
.feed-filter-utbildningar .alm-listing .alm-reveal>li.alm-item,
.feed-filter-utbildningar .alm-listing .alm-reveal>a.alm-item {
--shadow-r-size: .14rem;
--shadow-b-size: .14rem;
}
.feed-filter-utbildningar .alm-listing .alm-paging-content>li.alm-item img,
.feed-filter-utbildningar .alm-listing .alm-reveal>li.alm-item img,
.feed-filter-utbildningar .alm-listing>li.alm-item img,
.feed-filter-utbildningar .alm-listing .alm-paging-content>a.alm-item img,
.feed-filter-utbildningar .alm-listing .alm-reveal>a.alm-item img,
.feed-filter-utbildningar .alm-listing>a.alm-item img {
position: inherit;
height: auto;
max-width: 100%;
width: auto;
max-height: 200px;
object-fit: contain;
padding-bottom: 10px;
} .feed-filter-utbildningar .fortsatt-lasa { display: flex;
justify-content: flex-end;
margin-left: auto;
}
.feed-filter-utbildningar .alm-item p {
padding-left: 1rem;
padding-right: 1rem;
margin-bottom: 0.75em;
margin-top: 0 !important
}
.feed-filter-utbildningar .cat-images {
margin-top: auto; 
display: flex;
gap: .5em;
padding-top: 1em;
flex-wrap: wrap;
}
.feed-filter-utbildningar .alm-listing .alm-reveal>li.alm-item .cat-images img {
width: 2em;
height: 2em;
border-radius: 50%;
object-fit: cover;
padding: 0;
}
.feed-filter-utbildningar .alm-item h3 {
font-size: 1.3em;
font-weight: 700;
line-height: 1.1;
padding: 1em 1rem;
word-wrap: break-word;
}
.feed-filter-utbildningar .alm-item h3 a {text-decoration: none;}
.feed-filter-utbildningar .alm-item h3 a::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
.feed-filter-utbildningar .fortsatt-lasa a {
background-color: #ffffff;
padding: .35em .5em .35em 1em;
border-top-left-radius: 1.1em;
font-size: 1.1em;
text-decoration: none;
z-index: 1;
}
.feed-filter-utbildningar .fortsatt-lasa a:not(:hover) {
font-weight: 600;
}
.feed-filter-img {
padding-top: 56.25%;
position: relative;
margin-bottom: 0.75em;
}
.feed-filter-img img {
position: absolute!important;
top: 0!important;
left: 0!important;
width: 100%!important;
height: 100%!important;
object-fit: cover!important;
max-width: 100%!important;
padding-bottom: 0px!important;
}
.ingress-bg {padding: 10px;}
.ingress-bg p {margin: 5px;}
.datum-publicerad {font-style: italic;}
.citat-grupp {padding-bottom: 10px;}
.citat-grupp .wp-block-columns {margin-bottom: 10px;}
.textblock-titel-bg {padding: 10px;}
.textblock-titel-bg ul, 
.textblock-titel-bg ol {
margin: 0 0 0.5em 0em;
}
.textblock-titel-bg h3 {margin: 5px;}
.wp-block-query .wp-block-post-template {margin-left: 0;}
.single-post .entry-header {display: none;}
.gform_wrapper.gravity-theme input[type=color], 
.gform_wrapper.gravity-theme input[type=date], 
.gform_wrapper.gravity-theme input[type=datetime-local], 
.gform_wrapper.gravity-theme input[type=datetime], 
.gform_wrapper.gravity-theme input[type=email], 
.gform_wrapper.gravity-theme input[type=month], 
.gform_wrapper.gravity-theme input[type=number], 
.gform_wrapper.gravity-theme input[type=password], 
.gform_wrapper.gravity-theme input[type=search], 
.gform_wrapper.gravity-theme input[type=tel], 
.gform_wrapper.gravity-theme input[type=text], 
.gform_wrapper.gravity-theme input[type=time], 
.gform_wrapper.gravity-theme input[type=url], 
.gform_wrapper.gravity-theme input[type=week], 
.gform_wrapper.gravity-theme select, 
.gform_wrapper.gravity-theme textarea {
padding: .3em .8em !important;
border-radius: 0;
}
.gform_wrapper.gravity-theme .gform_fields {
grid-column-gap: .75em !important;
}
.gform_wrapper.gravity-theme .gform_footer, 
.gform_wrapper.gravity-theme .gform_page_footer {
margin-top: 0 !important
}
.gform_wrapper .gfield--input-type-text .charleft {
position: absolute;
top: 65%;
font-size: 13px!important;
font-style: italic;
}
.alm-btn-wrap .alm-load-more-btn.done {display: none;}
.gform_required_legend {display:none;} 
button.magnifier {
--color: var(--boiu-black1);
text-indent: -999em;
line-height: 0;
border: none;
background: none;
position: relative; cursor: pointer;
}
.magnifier::before, 
.magnifier::after {
content: '';
position: absolute;
left: 50%;
top: 50%;
}
.magnifier::before {
width: 1em;
height: 1em;
border-radius: 50%;
border: .25em solid var(--color);
transform: translate(-.7em,-.7em);
}
.magnifier::after {
width: .3em;
height: .7em;
background: var(--color); transform: rotate(-45deg) translate(.15em,.6em);
}
button.close {
--color: var(--boiu-black1);
width: 2.2em;
height: 2.2em;
padding: 0;
background: none;
border: none;
position: relative;
cursor: pointer;
}
button.close::before, 
button.close::after {
content: '';
position: absolute;
top: 50%;
left: 0;
right: 0;
height: .25em;
background: var(--color);
border-radius: 2em;
transform: rotate(45deg);
}
button.close::after {
transform: rotate(-45deg);
}
.site-header .fly-menu button.close {
--color: var(--boiu-white);
margin: 1em 3px 1em auto;
}
@media (max-width: 1150px) {
.site-header .fly-menu button.close {
margin-right: calc(45px + .4em + 1em);
margin-top: -.5em;
}
}
.site-header .search-wrap .mobile-close.close,
.site-header .magnifier.mobile-toggle-search {
--color: var(--link-color);
transition: color .3s;
}
.page-title {
font-size: clamp(2.4rem, 2.8vw, 2.8rem);
font-weight: 800;
margin: .5em 0;
line-height: 1.1;
hyphens: auto;
}
@media (min-width: 1151px) {
#mainsidebar .page-header--aside {
display: none;
}
} @media (max-width: 1150px) {
.site-header .row1,
.site-header .row2 .menu-wrap,
body.singular:not(.single-product) .page-header {
display: none;
}
.site-header .row2 .fly-menu-wrap {
margin-left: 1em;
}
.site-header .row2 .fly-menu-wrap button.hamburg {
font-size: 1em;
}
.site-header .row2 .fly-menu-wrap button.hamburg .label {
display: none;
}
.site-header .row2 .fly-menu-wrap button.hamburg .icon {
width: 2.7em;
gap: .4em;
}
.site-header .row2 .fly-menu-wrap button.hamburg .icon span {
height: 0.37em;
}
.site-header .mobile-toggle-search {
margin-left: auto;
font-size: 1.3em;
} #mainsidebar { margin-bottom: 1.75em;
}
#mainsidebar .aside-item .item-img-wrap {
--img-position: top;
position: relative;
padding-top: 50vh;
}
#mainsidebar .aside-item .item-img-wrap img,
#mainsidebar .aside-item .item-img-wrap iframe,
#mainsidebar .aside-item .item-img-wrap video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#mainsidebar .aside-item .item-img-wrap img {
object-fit: cover;
object-position: var(--img-position);
}
body.single-product #mainsidebar .aside-item {
display: none;
}
}
@media (max-width: 767px) {
#mainsidebar .aside-item .item-img-wrap {
padding-top: 66vh;
}
}
.wp-block-group.linkade-artiklar,
.post #jp-relatedposts {
padding: var(--boiu-wrap-padding);
margin-left: calc(var(--boiu-wrap-padding) * -1);
margin-right: calc(var(--boiu-wrap-padding) * -1);
}
.wp-block-group.linkade-artiklar h3,
.post #jp-relatedposts h3.jp-relatedposts-headline {
margin: 0 0 .7em;
font-size: 1.6em;
font-weight: 700;
line-height: 1.3;
}
.post #jp-relatedposts h3.jp-relatedposts-headline em::before {
content: none;
}
.wp-block-group.linkade-artiklar:not(.has-background),
.post #jp-relatedposts {
background-color: var(--boiu-khaki);
}
.wp-block-group.linkade-artiklar .jp-related-posts-i2__row,
.post #jp-relatedposts .jp-relatedposts-items-visual {
--columns: 1;
--column-gap: var(--boiu-wrap-padding);
--column-width: calc((100% / var(--columns)) - (((var(--columns) - 1) * var(--column-gap)) / var(--columns)));
display: grid;
grid-template-columns: repeat(var(--columns), var(--column-width));
gap: var(--boiu-wrap-padding);
font-size: .9em;
}
@media (min-width: 480px) {
.wp-block-group.linkade-artiklar .jp-related-posts-i2__row,
.post #jp-relatedposts .jp-relatedposts-items-visual {
--columns: 3;
}
}
.post #jp-relatedposts .jp-relatedposts-items-visual {
margin-right: 0;
}
.post #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
width: auto;
opacity: 1;
display: flex;
flex-direction: column;
position: relative;
}
.wp-block-group.linkade-artiklar .jp-related-posts-i2__row .jp-related-posts-i2__post,
.post #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
--padding: .5em; background: var(--boiu-gray1);
padding: var(--padding);
max-width: none;
margin: 0;
list-style: none;
line-height: 1.3;
word-wrap: break-word;
}
.wp-block-group.linkade-artiklar .jp-related-posts-i2__row .jp-related-posts-i2__post .jp-related-posts-i2__post-link,
.post #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title {
font-size: 1.1em;
font-weight: 700;
}
.post #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title a {
font-weight: inherit;
color: var(--boiu-black1);
text-decoration: none;
box-shadow: none;
}
.post #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title a::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.wp-block-group.linkade-artiklar .jp-related-posts-i2__row .jp-related-posts-i2__post .jp-related-posts-i2__post-link,
.wp-block-group.linkade-artiklar .jp-related-posts-i2__row .jp-related-posts-i2__post .related-posts-excerpt,
.post #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title {
margin-bottom: .5em;
}
.wp-block-group.linkade-artiklar .jp-related-posts-i2__row .jp-related-posts-i2__post .related-posts-readmore {
margin-top: auto;
margin-left: auto;
font-weight: 700;
}
.wp-block-group.linkade-artiklar .jp-related-posts-i2__row .jp-related-posts-i2__post .related-posts-readmore a {
border-top-left-radius: 1.1em;
margin-right: -.4em;
padding: .35em .5em .35em 1em;
background: var(--boiu-white);
color: var(--boiu-black1);
text-decoration: none;
}
.post #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post > .jp-relatedposts-post-a:first-child {
margin: calc(-1 * var(--padding)) calc(-1 * var(--padding)) var(--padding);
}
@media (min-width: 1441px) {
.post #jp-relatedposts .jp-relatedposts-items-visual div.jp-relatedposts-post-thumbs p.jp-relatedposts-post-excerpt {
display: block;
}
} .open-popup {
position: fixed;
right: 0;
top: calc( 40% - 48px);
z-index: 999;
}
@media (max-width: 1140px) { .open-popup {top: calc( 50% - 48px);}}
.open-popup,
.close-popup {
cursor: pointer;
}
.close-popup {
margin-left: auto;
text-indent: -999em;
position: relative;
padding: 0;
border: none;
background: none;
width: 1em;
font-size: 1.4em;
}
button.close-popup::before, 
button.close-popup::after {
content: '';
position: absolute;
top: 50%;
width: 1em;
border-top: .1em solid;
text-indent: 0;
display: block;
left: 0;
}
button.close-popup::before {
transform: rotate(45deg);
}
button.close-popup::after {
transform: rotate(-45deg);
}
.lattlast-popup .frame {
position: absolute;
width: 80%;
height: 80%;
background: #fff;
box-shadow: 0 0 5px rgba(0,0,0,.5);
padding: 1em;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
overflow: auto;
display: flex;
flex-direction: column;
}
.lattlast-popup {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0,0,0,.5);
visibility: hidden;
opacity: 0;
transition: opacity .3s, visibility 0s .3s;
z-index: 99999;
}
.lattlast-popup.open {
opacity: 1;
visibility: visible;
transition-delay: 0s;
}
.lattlast-popup .frame p,
.lattlast-popup .frame a {font-size: larger;}
.lattlast-popup .frame h2 {font-size: xx-large;}
.lattlast-popup .frame p {
margin-bottom: .5em;
margin-top: .5em;
}
@media (max-width: 600px) {
.lattlast-popup.open {
width: 100%;
max-width: 100vw;
}
.lattlast-popup .frame {
width: 90%;
height: 90vh;
}
}
@media (max-width: 1150px) {
body {
padding-top: var(--padding-top, 0);
} }
@media (min-width: 1151px) {
.sticky {
--top: 0px;
position: sticky;
top: calc(var(--boiu-header-offset) + var(--top));
z-index: 9;
}
.sticky-bottom-mobile-container {
display: none;
}
}
@media (max-width: 1150px) {
body {
padding-bottom: var(--sticky-bottom-mobile-container-height, 0);
}
.sticky-bottom-mobile-container {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 9;
max-height: calc(100vh - var(--boiu-header-offset));
display: flex;
flex-direction: column;
}
.--sticky-bottom-mobile {
display: none;
} }
#breadcrumbs {
margin-bottom: 0;
} .page .wc-block-components-product-rating,
.single-product .jp-relatedposts {display: none!important;}
.wc-block-grid__product .wc-block-grid__product-image,
.wc-block-grid__product .wc-block-grid__product-link {
display: block!important;
}
.wc-block-grid__product a.wc-block-grid__product-link:hover {
color: #111111;
}
.open-popup {
width: 2.5em;
height: 6em;
background: var(--boiu-pink2);
}
.open-popup::before, 
.open-popup::after { position: absolute;
top: 50%;
left: 40%;
width: .8em;
height: 1.3em;
border-width: .29em;
border-left-style: solid;
border-bottom-style: solid;
border-color: #fff;
transform: translate(-0%, -60%);
}
.open-popup::after {
transform: translate(-45%, -25%);
}
body.search-results #primary article {
border-bottom: .05em solid #e6e6e6;
}
body.search-results #primary article .entry-title {
font-weight: 700;
}
body.search-results #primary .navigation {
margin: 2em 0;
}
body.search-results #primary .navigation .nav-links {
display: flex;
gap: 2em;
}
body.search-results #primary .navigation .nav-links .nav-previous {
margin-right: auto;
}
@media (max-width: 1150px) {
.search-results #mainsidebar {display: none;}
}
@media (max-width: 720px) { .ingress-block {padding: 0.7em 1em;}
ul { margin: 0 0 1.5em 1em; padding-inline-start: 20px;}}
body.single-post #primary article.has-cat-img {
display: grid;
grid-template-columns: 1fr auto;
column-gap: 1em;
}
body.single-post #primary article.has-cat-img > :not(.cat-img) {
grid-column: 1;
}
body.single-post #primary article.has-cat-img > .cat-images {
grid-column: 2;
grid-row: 1;
}
body.single-post #primary article.has-cat-img > .cat-images img {
width: 4em;
height: 4em;
border-radius: 50%;
object-fit: cover;
}
.feed-filter-utbildningar .alm-filters--reset {
flex-basis: calc(50% - 10px);
display: none;
}
.feed-filter-utbildningar .alm-filters--reset button[type=reset] {
display: flex;
width: 100%;
border: 2px solid;
background: #e9cce1;
min-height: 40px;
line-height: 1.45;
font-size: 15px;
align-items: center;
color: #000;
font-weight: 600;
padding: 0 7px;
}
.feed-filter-utbildningar .alm-filters--reset button[type=reset]:hover {
background: #e4efce
}
.site-sidebar #breadcrumbs-aside {
font-size: .6em;
margin-bottom: 0;
}
body.home .page-header .page-title {
margin-top: 1em;
}
#breadcrumbs, #breadcrumbs-aside {
white-space: nowrap;
overflow: hidden;
} .search-wrap .relevanssi-live-search-results .rlv-has-spinner { border-color: var(--boiu-pink4);
border-right-color: transparent; }
.relevanssi-live-search-results .rlv-has-spinner::after {
background-color: var(--boiu-pink4);
}
@media (min-width: 1151px) {
body.--2-3 #primary .entry-content {
display: grid;
grid-template-columns: 66.66% 1fr;
column-gap: var(--boiu-wrap-padding);
}
body.--2-3 #primary .entry-content > :not(.13-wrap) {
grid-column: 1;
}
body.--2-3 #primary .entry-content > .13-wrap {
grid-column: 2;
grid-row: 1;
}
}
@media (max-width: 480px) {
body.--2-3 #primary .entry-content .13-wrap.sticky {
position: static;
}
}
.gform_wrapper .shadow-wrap {
display: block;
padding-right: 0 !important
}
.gform_wrapper .gfield .shadow-wrap select,
.gform_wrapper .gfield .shadow-wrap input,
.gform_wrapper .gfield .shadow-wrap textarea {
width: 100% !important;
}
.gform_wrapper .gfield .shadow-wrap.size-small {
width: calc(25% - 12px);
}
.gform_wrapper .gfield .shadow-wrap.size-medium {
width: calc(50% - 8px);
} .infopuff-block .infopuff-main .infopuff-content ol,
.infopuff-block .infopuff-main .infopuff-content ul {margin: 0 0 0.5em 0em; padding-inline-start: 20px; font-size: 14.4px;}
.gf_repeater2_add{background-color:#faa92a;}
.gf_repeater2_remove{background-color: var(--boiu-orange3);}
.gf_repeater2_add{background-color:#007e91!important;}
.gf_repeater2_remove{background-color: #d38d10!important;}
.alm-btn-wrap .alm-load-more-btn {
background: var(--boiu-green1) !important;
}
.wp-block-product-category .wc-block-grid__product .wc-block-grid__product-add-to-cart {display: flex; flex-direction: column;}
.wp-block-product-category .wc-block-grid__product .wc-block-grid__product-add-to-cart .added_to_cart {padding-top: 10px;}
.woocommerce ul.products li.product .product-img {
position: relative;
display: block;
padding-top: 100%;
}
.woocommerce ul.products li.product .product-img img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.woocommerce .products ul, 
.woocommerce ul.products {
display: flex;
flex-wrap: wrap;
}
.woocommerce .products ul li.product, 
.woocommerce ul.products li.product,
.woocommerce .products ul li.product .btn-wrap,
.woocommerce ul.products li.product .btn-wrap {
display: flex;
flex-direction: column;
}
.woocommerce .products ul li.product .btn-wrap, 
.woocommerce ul.products li.product .btn-wrap {
margin-top: auto;
}
.woocommerce .products ul li.product .btn-wrap .btn, 
.woocommerce ul.products li.product .btn-wrap .btn {
order: 1;
}
.woocommerce .products ul li.product .btn-wrap .added_to_cart, 
.woocommerce ul.products li.product .btn-wrap .added_to_cart {
font-size: .8em;
display: flex;
justify-content: flex-end;
gap: .25em;
padding-bottom: 5px;
}
.woocommerce .products ul li.product .btn-wrap .added_to_cart::after, 
.woocommerce ul.products li.product .btn-wrap .added_to_cart::after {
content: '';
width: .5em;
height: .5em;
border-top: .1em solid;
border-right: .1em solid;
transform: translate(0, 100%) rotate(45deg);
}
.woocommerce ul.products li.product .btn.loading span::after,
.woocommerce products ul li.product .btn.loading span::after {
font-family: WooCommerce;
content: "\e01c";
vertical-align: top;
font-weight: 400;
position: absolute;
top: .618em;
right: 1em;
animation: spin 2s linear infinite;
}
.woocommerce ul.products li.product .btn.added span::after,
.woocommerce .products ul li.product .btn.added span::after {
font-family: WooCommerce;
content: "\e017";
margin-left: .53em;
vertical-align: bottom;
}
.boiupostsgrid-block .flipcard-block .btn {font-size: 1.1em;}
.mini-cart-wrap {
--btn-remove-col-size: 1.5em;
--items-col-gap: 1em;
position: relative;
}
.mini-cart-wrap .basket-link .icon {
color: var(--link-color);
transition: color .3s;
}
.mini-cart-wrap .basket-link .counter {
position: absolute;
border-radius: 50%;
background: var(--boiu-pink2);
color: var(--boiu-white);
display: flex;
align-items: center;
justify-content: center;
width: 1.2em;
height: 1.2em;
padding: .25em;
top: 0;
right: -1.5em;
font-size: .6em;
}
.mini-cart-wrap .mini-cart-contents-wrap {
position: absolute;
right: 0;
opacity: 0;
visibility: hidden;
transition: opacity .3s, visibility 0s .3s, transform .3s;
background: var(--boiu-pink1);
padding: 1em;
color: var(--boiu-white);
z-index: 999;
min-width: 22em;
max-width: 100vw;
transform: translate(0, 1em);
font-size: .85em;
box-sizing: border-box;
}
@media (min-width: 1151px) {
.mini-cart-wrap .mini-cart-contents-wrap {
}
.mini-cart-wrap:hover .mini-cart-contents-wrap {
opacity: 1;
visibility: visible;
transition-delay: 0s;
transform: none;
}
}
.mini-cart-wrap .mini-cart-contents-wrap ul.woocommerce-mini-cart {
margin: 0;
padding: 0;
list-style: none;
}
.mini-cart-wrap .mini-cart-contents-wrap ul.woocommerce-mini-cart li {
display: grid;
border-bottom: .05em solid var(--boiu-pink2);
padding-bottom: 1em;
padding-top: 1em;
grid-template-columns: 1fr auto var(--btn-remove-col-size);
gap: var(--items-col-gap);
}
.mini-cart-wrap .mini-cart-contents-wrap ul.woocommerce-mini-cart li::before,
.mini-cart-wrap .mini-cart-contents-wrap ul.woocommerce-mini-cart li::after {
content: none;
}
.mini-cart-wrap .mini-cart-contents-wrap ul.woocommerce-mini-cart li a:not(.remove) img {
width: 4em;
height: 4em;
max-width: none;
object-fit: cover;
display: block;
}
.mini-cart-wrap .mini-cart-contents-wrap ul.woocommerce-mini-cart li a.remove {
grid-column: 3;
grid-row: 1;
color: var(--boiu-pink3) !important;
display: flex;
align-items: center;
justify-content: center;
text-indent: -999em;
transition: background-color .3s;
}
.mini-cart-wrap .mini-cart-contents-wrap ul.woocommerce-mini-cart li a.remove:hover {
background: var(--boiu-pink2)
}
.mini-cart-wrap .mini-cart-contents-wrap ul.woocommerce-mini-cart li a.remove::after {
content: '\00D7';
text-indent: 0;
position: relative;
top: -.08em;
}
.mini-cart-wrap .mini-cart-contents-wrap ul.woocommerce-mini-cart li a:not(.remove) {
grid-column: 1;
display: flex;
gap: .75em;
font-weight: 400;
line-height: 1.3;
color: #ffffff;
}
.mini-cart-wrap .mini-cart-contents-wrap ul.woocommerce-mini-cart li .quantity {
grid-column: 2;
}
.mini-cart-wrap .mini-cart-contents-wrap .buttons {
display: flex;
gap: 1em;
margin-bottom: 0;
}
.mini-cart-wrap .mini-cart-contents-wrap .buttons > .btn {
flex: 1 1 auto;
}
.mini-cart-wrap .mini-cart-contents-wrap .total {
width: calc(100% - var(--btn-remove-col-size) - var(--items-col-gap));
display: grid;
grid-template-columns: 1fr auto;
}
.mini-cart-wrap .mini-cart-contents-wrap .total .amount {
font-weight: 700;
}
.amount{
white-space: nowrap;
}
@media (min-width: 1151px) {
.mobile-menu-cart {
display: none;
}
}
@media (max-width: 1150px) {
.mobile-menu-cart {
font-size: 1.9em;
margin-left: .5em;
}
.mobile-menu-cart .mini-cart-wrap .basket-link .counter {
background: var(--boiu-pink1);
font-size: .45em;
}
}
@media (max-width: 768px) {
.mobile-menu-cart .mini-cart-wrap .mini-cart-contents-wrap {
font-size: .6em;
}
.mobile-menu-cart.toggle-on .mini-cart-wrap .mini-cart-contents-wrap {
opacity: 1;
visibility: visible;
transition-delay: 0s;
transform: none;
}
}
@media (max-width: 480px) {
.mobile-menu-cart .mini-cart-wrap .mini-cart-contents-wrap {
right: calc((var(--boiu-wrap-padding) - var(--shadow-r-size)) * -1);
width: 100vw;
min-width: auto;
}
}
.wp-block-column,
.wc-block-grid__product {
display: flex;
flex-direction: column;
}
.wc-block-grid__product {
border: 2px solid white!important;
padding: 8px!important;
background-color: var(--boiu-pink3);
}
.wc-block-grid__products .wc-block-grid__product-image {
padding-top: 100%;
}
.wc-block-grid__products .wc-block-grid__product-image img {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
object-fit: cover;
}
.wc-block-grid__products .wp-block-button.wc-block-components-product-button {
margin-top: auto;
}
.wc-block-featured-product__description, .wc-block-featured-product__price, .wc-block-featured-product__title, .wc-block-featured-product__variation {
text-align: left;
color: #111111;
}
.wc-block-grid__products .wp-block-button.wc-block-components-product-button .btn > span,
.product form.cart .btn > span,
.woocommerce .woocommerce-cart-form .btn > span,
.woocommerce .cart_totals .btn > span,
.woocommerce .checkout .btn > span,
.woocommerce .checkout_coupon .btn > span {
padding: 0;
}
.woocommerce .cart_totals .btn {
display: flex;
}
.wc-block-grid__products .wp-block-button.wc-block-components-product-button .btn > span > .add_to_cart_button,
.product form.cart .btn > span > .single_add_to_cart_button,
.woocommerce-cart-form .btn > span > .button,
.woocommerce .cart_totals .btn > span > .button,
.woocommerce .checkout .btn > span > .button,
.woocommerce .checkout_coupon .btn > span > .button {
background: none;
color: inherit;
margin: 0;
width: 100%;
}
.wc-block-grid__product .wp-block-button__link {border-radius: 0px;}
button.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed {
background: #ffffff00;
}
.wc-block-grid__products .wp-block-button.wc-block-components-product-button .btn > span > .add_to_cart_button {
line-height: inherit;
}
.gform_confirmation_wrapper {
background-color: var( --boiu-green2);
padding: 1em;
color: #000000;
font-size: 16px;
}
@media (min-width: 721px) {
.gform_confirmation_wrapper {
padding: 2em;
}
}
.for-help-link {
margin-top: 2em;
}
.show-on-top, .wp-block-columns.sticky.stuck {
z-index: 999 !important;
}
.wp-block-column.infopuff-open {
z-index: 9999;
}
@media (max-width: 1150px) {
.hide-in-mobile {
display: none !important;
}
}
.btn .single_add_to_cart_button:hover {
color: inherit !important;
}
@media (min-width: 1151px) {
.entry-content {
position: relative;
}
.entry-content::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: var(--boiu-pink1);
opacity: 0;
visibility: hidden;
transition: opacity .3s, visibility 0s .3s;
z-index: 9;
}
body.content-overlay-open .entry-content::after {
opacity: .6;
visibility: visible;
transition-delay: 0s;
}
}
.woocommerce .wc-credit-card-form .form-row-last {
float: none;
}
.woocommerce-checkout .woocommerce-terms-and-conditions > .wp-block-columns {
flex-direction: column;
}
.woocommerce-checkout .woocommerce-terms-and-conditions .headinglinks-block,
.woocommerce .single-product .sku_wrapper.empty {
display: none;
}
.post .post-published-date {
padding-top: 1em;
padding-bottom: .5em;
font-size: .9em;
}
.post-published-date {font-style: italic;}
.post .post-published-date + .jp-relatedposts {
margin-top: -2em !important
}
.btn-heading, .sr-header {
margin: 0;
display: flex;
font-size: 1em;
font-weight: normal;
}
.single-product .woocommerce-notices-wrapper .woocommerce-message .button {background-color: #778e1f; color: #ffffff; font-size: 14px; font-size: 16px; margin: 5px; width: fit-content; margin-top: 10px; min-width: 115px; text-align: center;}
.single-product .woocommerce-notices-wrapper .woocommerce-message {padding: 1em 1em 1em 3.5em; display: flex; flex-direction: column; font-size: 20px;}
.gform_wrapper.gravity-theme input[type=color], 
.gform_wrapper.gravity-theme input[type=date], 
.gform_wrapper.gravity-theme input[type=datetime-local], 
.gform_wrapper.gravity-theme input[type=datetime], 
.gform_wrapper.gravity-theme input[type=email], 
.gform_wrapper.gravity-theme input[type=month], 
.gform_wrapper.gravity-theme input[type=number], 
.gform_wrapper.gravity-theme input[type=password], 
.gform_wrapper.gravity-theme input[type=search], 
.gform_wrapper.gravity-theme input[type=tel], 
.gform_wrapper.gravity-theme input[type=text], 
.gform_wrapper.gravity-theme input[type=time], 
.gform_wrapper.gravity-theme input[type=url], 
.gform_wrapper.gravity-theme input[type=week], 
.gform_wrapper.gravity-theme select, 
.gform_wrapper.gravity-theme textarea {
box-shadow: 0.2rem 0.25rem 0 -0.12rem var(--boiu-black1);
}
body.search .jp-relatedposts {
display: none;
}