#anslagstavla-header .wp-block-cover__inner-container {margin-right: 20%; display: flex; flex-direction: column; align-items: center; z-index: 5;}

#anslagstavla-header #popup_form select, #anslagstavla-header .radiobuttons, #anslagstavla-header textarea, #anslagstavla-header #rubrik {font-size: var(--wp--preset--font-size--body2)!important;}


/**** SKAPA NY LAPP ****/
#popup_form {position: fixed; color: var(--wp--preset--color--contrast); font-size: var(--wp--preset--font-size--body3); left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 90vw; width: max-content; text-align: center; z-index: 14;}

#popup_form *, #image::file-selector-button {font-size: var(--wp--preset--font-size--body3); font-family: var(--wp--preset--font-family--body);}

#popup_form select, #image::file-selector-button {color: var(--wp--preset--color--black);}


#popup_form #step1 {border-top-left-radius: 8px; border-top-right-radius: 8px; padding-top: 30px;}

#popup_form #step1, #popup_form #step2, #popup_form #step3, #popup_form #step4 {background: var(--wp--preset--color--base); box-shadow: 2px 2px 2px white; padding: 20px 20px 10px;}

#popup_form #step2 input, #popup_form #step3 textarea, .skrivlapp #step4 input {width: 96%!important;}
#popup_form #step4 {border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;}
#popup_form #step4 p {margin: 0;}
#popup_form #step4 input {width: 80%;}
#popup_form #step4 .wp-element-button {margin-top: var(--wp--preset--spacing--6vh);}


#anslagstavla-header .radiobuttons label {display: inline-flex; padding-right: 14px;}
#anslagstavla-header .radiobuttons input {height: 20px; margin-right: 5px; width: 20px; color: var(--wp--preset--color--contrast);}
input[type="radio"]:checked {accent-color: var(--wp--preset--color--contrast);}

#anslagstavla-header #popup_form #step4 .wp-element-button {margin-top: 20px;}



/**** VISA HELA ANSLAGSTAVLAN ****/
.sorting-buttons {align-items: center; background-image: url("https://brf-medlem.se/wp-content/themes/BRF-Medlem/assetts/images/ram-top.webp"); background-size: cover; background-repeat: no-repeat; box-shadow: 0px 1px 14px black; display: flex; padding: 1vh 2vw; position: sticky; z-index: 3;}


.lappar {background-image: url("https://brf-medlem.se/wp-content/themes/BRF-Medlem/assetts/images/kork-anslagstavla.webp"); display: flex; flex-wrap: wrap; justify-content: space-evenly; padding: 2vw; position: relative;}

.lappar::before {background-repeat: repeat-y; background-size: contain; content: ""; box-shadow: 3px 5px 12px black; position: absolute; left: 0; top: 0; bottom: 0; width: 20px; background-image: url("https://brf-medlem.se/wp-content/themes/BRF-Medlem/assetts/images/ram-left.webp"); z-index: 2;}

.lappar::after {background-repeat: repeat-y; background-size: contain; content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 20px; background-image: url("https://brf-medlem.se/wp-content/themes/BRF-Medlem/assetts/images/ram-right.webp"); z-index: 2;}

.ram-botten {height: 24px; min-width: 100%; position: absolute; bottom: 0; z-index: 1;}


/**** VISA ENSKILD LAPP PÅ ANSLAGSTAVLAN ****/
.lapp {border: 2px solid 2px solid var(--wp--preset--color--dark); border-radius: 8px; box-shadow: 3px 3px 16px var(--wp--preset--color--dark); margin: 8px; max-height: 530px; overflow: hidden; padding: 8px; position: relative;  width: 250px;}

.lapp .xxxlapp-postheader, .lapp img {height: 180px!important; min-height: unset;}


.lapp-category {text-transform: uppercase; font-size: 16px; font-weight: 700; margin: 0.6vh 0; line-height: 1.1; width: 90%;}
.lapp .uppsatt {display: block; letter-spacing: 0px; padding: 0;}
.lapp .uppsatt span {display: block;}

.xxxlapp p {font-family: var(--wp--preset--font-family--body); line-height: 15px; font-size: 15px; margin-bottom: 38px;}

.xxxlapp p strong {font-family: var(--wp--preset--font-family--body) !important; letter-spacing: 0; font-size: 18px;}


.bild-text-knapp {width: inherit;}
.knapp {display: flex; justify-content: center; height: 55px;}

.lapp .readmore {position: absolute; bottom: 10px;}
.lapp img {width: inherit; object-fit: cover;}
/*Läsmer-knapp täcker lång text: */
.colorcover {width: 100%; height: 38px; position: absolute; bottom: 0px; left: 0;}

.visibility-options, .discussion-options {margin-top: 3vh;}


/**** Pratbubblan med antal kommentarer ****/
.comment-bubble {padding: 2px 8px; border-radius: 15px; font-size: 11px; position: absolute; top: 2px; right: 2px;}
.comment-bubble::after {content: '◄'; position: absolute; left: -5px; top: 37%; transform: rotate(-30deg); font-size: 12px;}


/*---------- * * * * RESPONSIVITET * * * * ----------*/
@media screen and (max-width: 600px){
.lapp {width: 90%;}
lapp h5 {margin: 0;}
.bild-text-knapp {display: flex; flex-direction: row; width: 100%;}
.text-knapp {width: 100%;}
.lapp img {height: 120px !important; margin-right: 8px; width: 30% !important;}
}