/*
Theme Name: BRF-Medlem
Description: Specialbyggt för bostadsrättsföreningar
Author: BRF-Medlem
*/





/*---------- BLOCKBREDD 100% -------------*/
.menyn, .startheader, .fullwidth, .storbild-trivsel, .storbild-rental, .sorting-buttons, .storbild, .thin-header, .small-header, .auto-bkg-header, #anslagstavla-header, .lappar, .styrelse-lista-bkg {max-width: unset;}

/*---------- BLOCKBREDD STOR -------------*/
body > * {max-width: var(--wp--style--global--content-size); margin: auto;}

/*---------- BLOCKBREDD MEDIUM -------------*/
.content-medium, .box-funktion, .postlista, .blogglista-rubrik, .thin-header.rent .wp-block-cover__inner-container, .my-apartments, .my_bookings, .stadgar-lista, .chatt, .en-nyhet {max-width: var(--wp--style--global--medium-size); margin: 0 auto!important;}

/*---------- BLOCKBREDD LITEN -------------*/
.content-small, .styrelse-lista li, .styrelse-contact {max-width: var(--wp--style--global--small-size); margin: auto;}






/*---------- FONTER -------------*/
h1, h2, h3, h4, h5, h6, .new-rental-item-wrap h1, #display-name-form, #display_name, #display_name option {font-family: var(--wp--preset--font-family--heading); font-weight: 400; margin-block-start: unset; margin-block-end: unset;}


p, .wp-block-post-date, .glomt, .storlapp p, .wp-element-button, #anslagstavla-header .radiobuttons, .tvatt #current-month, #lokal-dropdown, .bookings-table *, #user-profile-form *, input::file-selector-button, label, input, ul, li, small, .all-docs *, .comment-bubble {font-family: var(--wp--preset--font-family--body);}

.nyhet-sitetitle, .nyhetsdatum {font-family: var(--wp--preset--font-family--simple);}


.menyn li a {font-family: var(--wp--preset--font-family--thin);}




/*---------- FONTSTORLEKAR -------------*/
p, p a {font-size: var(--wp--preset--font-size--body2);}
.lapp .post-excerpt {font-size: 15px;}
p a {text-decoration: underline;}

h1 {font-size: var(--wp--preset--font-size--6); line-height: 1.15;}
h2 {font-size: var(--wp--preset--font-size--5);}
h3 {font-size: var(--wp--preset--font-size--4);}
h4 {font-size: var(--wp--preset--font-size--3);}
h5 {font-size: var(--wp--preset--font-size--2); line-height: 1.5;}
h6 {font-size: var(--wp--preset--font-size--1);}

small, .small, .apartment-details p, .nyhet-sitetitle, .nyhetsdatum, .comment-body p, #booking-calendar, .lapp .uppsatt {font-size: var(--wp--preset--font-size--body1);}

.comment-reply-link {font-size: 10px!important;}


/**** TYPOGRAFI ****/
a:hover, .styrelse-lista a {text-decoration: none!important;}
.stadgar-lista a, .stadgar-lista h4 {font-weight: bold;}
.stadgar-lista p, .stadga-text {font-family: var(--wp--preset--font-family--simple); line-height: 1.3; hyphens: auto; text-align: justify;}

a {text-decoration: none;}


/**** STORBILD ****/
.startheader, .storbild, .auto-bkg-header, .thin-header, .small-header {align-items: end; display: flex; justify-content: center; padding-bottom: var(--wp--preset--spacing--3vh)!important; min-height: unset!important;}


.startheader .wp-block-cover__inner-container {display: flex; justify-content: center;}
.thin-header .wp-block-cover__inner-container {display: flex; justify-content: center; flex-direction: column;}

.startheader img, .storbild img {width: inherit; object-fit: cover!important;}


.startheader .text, .storbild .text, .auto-bkg-header h1, .thin-header .text, .small-header .text {border-radius: var(--wp--preset--border-radius--small); width: fit-content; padding: var(--wp--preset--padding--2-3); text-align: center;}

.startheader .text *, .storbild .text *, .auto-bkg-header h1, .thin-header .text * {font-size: var(--wp--preset--font-size--3)!important; margin: 0; max-width: unset; text-transform: uppercase; }




/*---------- HEADERS -------------*/
.startheader, .storbild, .storbild img {height: var(--block-height-large);}
.auto-bkg-header {background-size: cover;}

.auto-bkg-header, .thin-header, #anslagstavla-header, .stadga-poster {height: var(--block-height-medium);}

.small-header {height: var(--block-height-small);}



/* * * *  PADDING   * * * */
/**** Padding Upp & NER - Medium ****/
#search-apartments-form, .styrelselista-autotitel, .postlista, .wm-blogger-list {padding: var(--wp--preset--spacing--updown-padding-medium)!important;}

.time-message {padding: 1vh 0px;}

/**** Padding 6vh - 0 - 1vh ****/
.footer1 {padding: var(--wp--preset--spacing--6vh) 0 var(--wp--preset--spacing--1vh)}

/**** Padding RUNTOM 1vh ****/
.skriv-nyhet #steg3, .edit-apartment-link:hover .edit-info {padding: var(--wp--preset--spacing--1vh);}

/**** Padding RUNTOM 2vw ****/
.apartment-info, .allrooms-info, .all-features, .thin-header.rent .wp-block-cover__inner-container, .book-apt, .owner-admin-panel .edit-info, .dela-stadga, .styrelse-contact, .postlista li, .styrelse-lista li {padding: var(--wp--preset--spacing--2);}


/**** Padding RUNTOM 3vw ****/
.stadgar-lista, .viewmore, #inforuta {padding: var(--wp--preset--spacing--3vh)!important;}

/**** Padding TOPP 3vw ****/
.paddtopp3, .nyhet-sitetitle, .nyhet-sidrubrik, #rubrik-o-text, .blogglista-rubrik {padding-top: var(--wp--preset--spacing--3vh)!important;}



/* * * *  MARGIN   * * * */
.margin0 {margin: 0; padding-inline-start: 0;}

.allrooms-info ul, .styrelse-lista ul, .styrelse-lista h4 {margin-bottom: 10px!important;}

.margmenu-plus, .nyhet-utvaldbild {margin-bottom: 5px; margin-block-start: unset;}


/**** Margin UPP-NER 1vh ****/
.viewmore ul, .comment {margin: 1vh 0!important;}

/**** Margin UPP-NER 3vh ****/
.my_bookings, .my-apartments, #rubrik-o-text {margin: var(--wp--preset--spacing--3vh) auto!important;}

/**** Margin UPP-NER 6 ****/
.stadgar-lista {margin: var(--wp--preset--spacing--6vh) auto!important;}

/**** Margin TOPP 1vh ****/
.margtopp1, .date-n-time, #calendar-navigation, .apartment-details .wp-element-button {margin-top: var(--wp--preset--spacing--1vh)!important;}

/**** Margin TOPP 3vh ****/
.margtopp3, .stadga-sitetitle, .allrooms-info h4, .dela-stadga, .category-nyheter .wp-block-gallery {margin-top: var(--wp--preset--spacing--3vh)!important;}

/**** Margin TOPP 6vh ****/
.margtopp6, #reglerna, .owner-admin-panel, .book-apt, .mellanrubrik {margin-top: var(--wp--preset--spacing--6vh)!important;}

.lapp .uppsatt {margin-bottom: 0;}

/**** Margin BOTTOM 1vh ****/
.margbott1, #search-results h3, .mellanrubrik, .brevduvan #content {margin-bottom: var(--wp--preset--spacing--1vh)!important;}

/**** Margin BOTTOM 3vh ****/
.apartment-info, .ingress, .stadgar-lista p {margin-bottom: var(--wp--preset--spacing--3vh)!important;}

/**** Margin BOTTOM 2vw ****/
.styrelse-lista li, .styrelse-lista .styrelse-contact {margin-bottom: var(--wp--preset--spacing--2);}



/**** Margin LEFT-RIGHT 8px ****/
.kontakt .wp-element-button {margin: 0 8px;}





/**** Korrigera Wordpress ****/
p {margin-block-start: unset; margin-block-end: unset;}
.with_frm_style .frm_form_fields > fieldset {padding: 0!important;}
.frm_button_submit, #xxxuser-profile-form .xxxwp-element-button {margin-bottom: -20px!important;}
 :where(.is-layout-flex) {gap: unset;}
form {margin-block-end: 0;}
.xxxwp-block-nk-awb {padding: unset!important;}
.wp-block-post-featured-image {margin: auto!important;}


/* * * *  ***** FÄRGER *****  * * * */
/**** Färg - tema ljus ****/
body > *, .contrast, .startheader *, .storbild *, .logga-namn, .loginfo *, .adminmeny a, #widescreen-popup-overlay::after, .time-message, .avboka p, .nyhet-sitetitle, .nyhetsdatum, .postlista *, #loginform .button:hover, .comment-reply-link:hover, #en-regel *, .anslagstavla-rubrik, .tvatt #current-month, p a, .bookningar h3, .all-docs h4, .newdocument-header, .viewmore ul li a, .stadga-sitetitle, .paragraf, .stadga-text, #inforuta, #rubrik-o-text p, #inforuta, #rubrik-o-text a, .styrelse-lista li *, #reglerna *, #search-results *, .ingress, .edit-apartment-link, .my_bookings, .auto-bkg-header h1, .skriv-nyhet #steg3 input::file-selector-button, .all-docs form button, .trivselregler li:hover .wp-block-post-title, .viewmore .wp-block-heading, #calendar-navigation button:hover, #booking-calendar td:hover, .lapp .wp-element-button, #booking-calendar tbody, #display_name, .comment-meta *, .timebooking-message a, .wm-archive-item:hover .date-name *  {color: var(--wp--preset--color--contrast);}

input:disabled, input::file-selector-button, input[type="file"]::file-selector-button, #booking-calendar .selected, .comment-bubble {color: var(--wp--preset--color--contrast)!important;}

/**** IKONER - tema ljus ****/
.header-svg , .styrelse-menu svg, .menu-main-container svg, .wp-element-button svg, .wm-archive-item:hover .archive-icon svg {stroke: var(--wp--preset--color--contrast); fill: var(--wp--preset--color--contrast);}


/**** Färg - tema mörk ****/
.dark, .message, .logga-namn:hover, .styrelse-meny .mega-sub-menu .mega-sub-menu li:hover *, .prioruta *, .lapp *, .wp-block-button__link:hover, .wp-element-button:hover, #available-times .time-slot:hover, .storlapp *, .timebooking-message, .timebooking-message *, .blogglista-rubrik, .blogglista-rubrik *, #user-profile-form, #lokal-dropdown, #booking-calendar .calendar-day, .stadgar-lista *, #inforuta, #rubrik-o-text .wp-element-button:hover, .owner-admin-panel h5, .owner-admin-panel label, .owner-admin-panel h4, .owner-admin-panel p, .owner-admin-panel small, .book-apt *, .footer-content, .footer.mini, .all-docs form button:hover, .my-apartments, .styrelse-contact h4, .knapp-med-info span, .wm-archive-item .date-name * {color: var(--wp--preset--color--dark);}



/**** IKONER - tema mörk ****/
.header-svg:hover svg, .sub-menu > li:hover > a > svg, .item-sub-menu li:hover svg,
.menu > li:hover > a svg, .wp-element-button:hover svg, .archive-icon svg {fill: var(--wp--preset--color--dark); stroke: var(--wp--preset--color--dark);}




/**** Färg - tema ljusblå base-2 ****/
#inforuta .wp-block-heading, .apartment-info * {color: var(--wp--preset--color--base-2);}

/**** Ikoner - tema ljusblå base-2 ****/
.all-features svg {fill: var(--wp--preset--color--base-2); stroke: var(--wp--preset--color--base-2);}



/**** Färg - tema blå ****/
.trivselregler .wp-block-post-title, .comment-bubble::after {color: var(--wp--preset--color--base-both)!important;}

input::file-selector-button:hover, .menyn li:hover > a {color: var(--wp--preset--color--dark)!important;}




/**** B A K G R U N D E R ****/
/**** Bakgrundsfärg - tema VIT contrast ****/
.bar1, .bar2, .bar3, #calendar-navigation button, #booking-calendar td, .stadgar-lista, .trivselregler li #regelrad, .book-apt, .thin-header.rent .wp-block-cover__inner-container, .knapp-med-info span, .wm-archive-item {background-color: var(--wp--preset--color--contrast);}

/**** Bakgrundsfärg - VIT-transparent ****/
.message, .avboka, .dela-stadga {background: var(--wp--preset--color--contrast-2);}

/**** Bakgrundsfärg - MÖRKBLÅ transp ****/
.startheader .text, #booking-calendar, .storbild .text, .thin-header .text, .apartment-periods ul, .wp-core-ui, .auto-bkg-header h1, .small-header .text {background: var(--wp--preset--color--transp);}

/**** Bakgrundsfärg - LJUSBLÅ transp2 ****/
.bkg-transp2, #document_form, .newdocument-item, #xxxfelanmalan, .trivselregler li:hover #regelrad, .viewmore ul li a, .edit-apartment-link span, .edit-apartment-link .edit-info, .all-docs form button, .styrelse-lista li {background: var(--wp--preset--color--transp2);}


/**** Bakgrundsfärg - LJUSBLÅ transp2 important ****/
.frm_button_submit, .login, .skriv-nyhet #steg3, .brevduvan #custom-email-form {background: var(--wp--preset--color--transp2)!important;}

/**** Bakgrundsfärg - base-2 LJUSBLÅ ****/
.prioruta, .owner-admin-panel, .all-docs form button:hover, .my-apartments {background: var(--wp--preset--color--base-2);}

.header-svg:hover, .far-right:hover {background: var(--wp--preset--color--base-2);}


/**** Bakgrundsfärg - transp-comments LJUS VIT transp ****/
.kontakta, .bookningar, #inforuta, .apartment-item, .uthyrning, .apartment-info, .alternative-dates, .my_bookings {background: var(--wp--preset--color--transp-comments)!important;}


/**** Bakgrundsfärg - VIT-TRANSP Contrast-2 ****/
.wp-block-button__link:hover, .wp-element-button:hover, #available-times .time-slot:hover, .footer-content, input::file-selector-button:hover, .styrelse-contact {background: var(--wp--preset--color--contrast-2);}


/**** Bakgrundsfärg - dark ****/
.bkg-dark, .frm_button_submit:hover, .viewmore, #booking-calendar td:hover, #calendar-navigation button:hover, .notime-message, #redovisningar .wp-block-file:hover, .wp-lightbox-overlay .scrim, .approved:hover, #wm-selected-file {background: var(--wp--preset--color--dark)!important;}

input[type="checkbox"]:checked {accent-color: var(--wp--preset--color--dark);}


/**** Bakgrundsfärg - base both GRÖNBLÅ ****/
.time-message, #booking-calendar .selected, #redovisningar .wp-block-file, #loginform .button:hover, .comment-reply-link:hover, .wp-block-button__link, .wp-element-button, #available-times .time-slot, input::file-selector-button, .comment-bubble, .timebooking-message, .wm-archive-item:hover {background: var(--wp--preset--color--base-both);}




/**** Bakgrundsfärg - PostIt-lapp ****/
.lapp, .storlapp, .colorcover {background: #fffff1;} 

/**** Bakgrundsfärg - UNSET ****/
#display_name {background: unset;}



/**** B O R D E R S ****/

/**** Border 1PX ****/
.room-container, .owner-admin-panel .edit-info, .my_bookings, .my-apartments, .wp-element-button, #regelrad, .viewmore ul li a, #booking-calendar td, #calendar-navigation button, input::file-selector-button, #booking-calendar .selected, #redovisningar .wp-block-file, .available-apartments-list a, .alternative-dates, .wp-element-button, #regelrad, #booking-calendar td, #calendar-navigation button, input::file-selector-button, .knapp-med-info span {border: 1px solid;}

/**** Border 2PX ****/
#booking-calendar, .styrelse-lista li {border: 2px solid;}


/**** Border-COLOR contrast white  ****/
.apartinfo label, #booking-calendar, .my_bookings, .my-apartments, .wp-element-button, #regelrad, .viewmore ul li a, #booking-calendar td, #calendar-navigation button, input::file-selector-button {border-color: var(--wp--preset--color--contrast);}

/**** Border-COLOR base-2 ****/
#booking-calendar .selected, #redovisningar .wp-block-file, .available-apartments-list a, .alternative-dates, .wp-element-button, #regelrad, .viewmore ul li a, #booking-calendar td, #calendar-navigation button, input::file-selector-button, .styrelse-lista li, .knapp-med-info span {border-color: var(--wp--preset--color--base-2);}



/**** Border-COLOR dark blue ****/
.owner-admin-panel input, .room-container, .owner-admin-panel .edit-info, .styrelse-menu * li {border-color: var(--wp--preset--color--base-both)!important;}




/**** Ljusblå glödande Borderbox ****/
.blogger-cover, .blogger-post img, #en-regel, .postlista img, .stadga-poster img {box-shadow: 1px 1px 3px #bcd5d7!important;}


/**** Border-color red ****/
.delete-post-button {border-color: red!important;}


/**** Genomskinlig knapp blir solid ****/
#loginform .button, .comment-reply-link {background-color: var(--wp--preset--color--contrast-2); border-radius: 6px; border: 1px solid var(--wp--preset--color--contrast); color: var(--wp--preset--color--base); font-size: var(--wp--preset--font-size--text-normal); font-weight: 400; padding: var(--wp--preset--padding--smallknapp);}


#loginform .button:hover, .comment-reply-link:hover {box-shadow: 2px 2px 6px -2px var(--wp--preset--color--transp);}



/**** BORDER-RADIUS ****/
.room-container, .edit-info, #inforuta {border-radius: var(--wp--preset--border-radius--small)!important;}
#nyhetsrubriken, #booking-calendar {border-radius: var(--wp--preset--border-radius--mini)!important;}







/* * * *  MENY * * * */
.menyn {align-items: center; background: var(--wp--preset--color--transp); box-shadow: 0px 2px 16px -5px black; position: fixed; top: 0px; width: 100%; z-index: 6; display: flex; margin: auto;}

/** Logga % Namn ***/
.logga-namn img {aspect-ratio: 1 / 1; margin-bottom: -12px; width: 60px; height: 60px; filter: brightness(6) saturate(0);}
.logga-namn {display: flex; flex-direction: column; font-size: 12px; justify-content: center; align-items: center; padding: 0 6px;}
.logga-namn .wp-block-site-title {font-family: 'Jost' !important; margin: 0; padding-bottom: 5px; line-height: 12px;}
.logga-namn:hover img {filter: brightness(1) saturate(1);}



.menyn li a {align-items: center; display: flex; color: var(--wp--preset--color--contrast)!important; font-size: var(--wp--preset--font-size--body1)!important; font-weight: 400; text-transform: uppercase;}

.menyn li:hover, .logga-namn:hover {background: var(--wp--preset--color--base-2)!important;}

.menu-main-container svg, .wp-element-button svg {height: 25px; width: 25px; padding-right: 5px;}



/*---------- Submenyer -----------*/
.menu-item-has-children .sub-menu {box-shadow: 0 0 0 1px var(--wp--preset--color--contrast); background: var(--wp--preset--color--transp);}







/*---------- MOBIL MENU hamburger-streck COLORS -----------*/
.hamburger-lines .line {background: var(--wp--preset--color--contrast);}







/* * * *   S T Y R E L S E - M E N U   * * * */

/**** Knappstapelns utfallande innehåll ****/
.styrelse-menu .item-sub-menu {left: 168px; padding-left: 0!important; top: 0; border-left: 8px solid transparent; margin: 0;}

.styrelse-ikon svg, .anslags-ikon svg {width: 40px; height: 38px;}




.styrelse-menu .funktion {padding: 8px;}
.styrelse-menu .funktion svg {height: 38px!important; width: 40px!important;}
.styrelse-menu .sub-menu > .item svg {padding-right: 8px; height: inherit; width: 22px;}




.styrelse-ikon {align-items: center; display: flex; height: inherit;}
.styrelse-menu {padding: 0!important;}
.styrelse-menu * {list-style-type: none;}

.styrelse-menu * li {border: 1px solid; margin-bottom: -1px; padding: 0 8px;}

/**** Styrelsemeny och dess submeny ****/
.styrelse-menu .sub-menu, .styrelse-menu .item-sub-menu {position: absolute; margin-top: 60px; visibility: hidden; transition: margin-top 0.5s, opacity 0.5s, visibility 0.5s; opacity: 0; overflow: hidden; pointer-events: none; z-index:4;}


/**** Hover - Styrelsemeny och dess submeny ****/
.styrelse-menu:hover .sub-menu, .styrelse-menu .item:hover .item-sub-menu {display: block; margin-top: 0px; opacity: 1; overflow: visible;  pointer-events: auto; visibility: visible;}

/**** Fördröjd transition när menyerna döljs ****/
.styrelse-menu:not(:hover) .sub-menu, 
.styrelse-menu .item:not(:hover) .item-sub-menu {pointer-events: auto; transition-delay: 0.4s;}

.styrelse-menu .sub-menu {left: 0; padding-inline-start: unset;}

.styrelse-menu .sub-menu {background: var(--wp--preset--color--transp);}
.styrelse-menu .sub-menu .item a {align-items: center; display: flex; line-height: 14px!important; text-transform: unset!important;}
.styrelse-menu .sub-menu .funktioner .item a {line-height: 48px!important;}
.styrelse-menu .sub-menu > .item {position: relative;}
.styrelse-menu .sub-menu > .item a {height: 32px; line-height: 34px;}
.styrelse-menu .sub-menu > .item img {height: 22px; width: 22px;}


.styrelse-menu .sub-menu .funktioner, .styrelse-menu .item-sub-menu .sub-item {border: 1px solid; margin-top: -1px;}
.styrelse-menu .sub-menu .funktioner .item:not(:last-child) {border-bottom: 1px solid!important;}






.styrelse-menu img {aspect-ratio: 1 / 1; width: 30px; height: 30px; filter: brightness(1200) saturate(0); -webkit-filter: brightness(1200) saturate(0); padding-right: 8px;}
.styrelse-menu li:hover > a img {filter: brightness(125%) hue-rotate(75deg); -webkit-filter: brightness(125%) hue-rotate(75deg);}



/**** Knappstapelns utfallande innehåll ****/
.styrelse-menu .item-sub-menu .sub-item {background: var(--wp--preset--color--transp); justify-content: space-between; position: relative; display: flex; align-items: center;}
.styrelse-menu .item-sub-menu .sub-item a {width: 100%;}
.styrelse-menu .item-sub-menu .sub-item b {display: flex; flex-direction: row;}

/**** Instruktions-knappen ****/
.styrelse-menu .instruktion {border: 1px solid !important; border-radius: 5px; height: unset!important; width: unset!important; display: flex!important; justify-content: center; align-items: center!important; padding: 1px 8px!important; margin-left: 4px; line-height: 18px!important;}

.styrelse-menu .instruktion:hover {background: #ffb750!important;}


/**** Knappstapelns utfallande innehåll ****/
.styrelse-menu .item-sub-menu {width: max-content;}

/**** Color-picker ****/
.color-picker {padding: 8px; width: max-content;}
.color-picker .small, .kontakta {text-align: center;}
.color-button {padding: 0; height: 154px;}
.color-button img {border: 2px solid transparent; filter: brightness(95%)!important; -webkit-filter: brightness(95%)!important; width: 220px!important; padding: 0!important;}

.color-button img:hover {border: 2px solid #046200; filter: brightness(105%)!important; -webkit-filter: brightness(105%)!important;}




/**** S K A P A  N Y H E T ****/
#nyhetsrubriken, .brevbakgrund #subject {border: 0; border-radius: 4px; font-size: 18px!important; padding: 4px; width:100%; width: -moz-available;}
#nyhetstexten {margin: 12px 0; width:100%}

/* Stängningsknappens styling */
.close-button {background: unset!important; font-size: 30px; position: absolute; top: 10px; right: 10px;}

/* Bakgrundsöverlägg som täcker sidan när popupen är öppen */
.xxxpopup-background {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 999;}

/* Meddelanden när uppladdning sker */
#inforad {position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 10px; z-index: 1000;}



/* * * *  B O X F U N K T I O N E R  * * * */
.box-funktion label {padding: 2px 0 2px 7px!important; background: var(--wp--preset--color--transp2); font-size: var(--wp--preset--font-size--body1) !important;}
.konto input, .box-funktion select, .konto textarea, .felanmalan input, .felanmalan select, .konto textarea  {border: unset; border-radius: 0 0 var(--wp--preset--border-radius--mini) var(--wp--preset--border-radius--mini)!important;)}


.box-funktion {display: flex; min-height: 60vh; padding: var(--wp--preset--spacing--2); margin-top: var(--wp--preset--spacing--2)!important;}





/**** Boka tvättid ****/
#booking-calendar {flex-shrink: 0; text-align: center; width: 60%}
#booking-calendar * {font-family: var(--wp--preset--font-family--body);}
#lokal-dropdown {font-size: var(--wp--preset--font-size--body3);}
#calendar-navigation button {min-height: 30px;}
#booking-calendar table {border-spacing: 6px; border-collapse: separate!important; width: 100%; border-collapse: collapse; table-layout: fixed;}
#booking-calendar tr {height: 40px;}
.past-date, .full {opacity: 0.6; pointer-events: none;}

/**** KOMMANDE BOKNINGAR ****/
.my_bookings, .my-apartments {border: 1px solid white; box-sizing: border-box; padding: 14px;}


.message, .infobox {padding: 12px !important; border-radius: 15px; margin: 0 0 0 20px;}

/* * * *  STUFF  * * * */
.konto, .skriv-nyhet {align-items: center; justify-content: flex-end;}


#user-profile-form {padding: 20px; width: 40%;}
#user-profile-form label {display: block; line-height: 16px; width: 100%; box-sizing: border-box;}
#user-profile-form input {height: 25px; border: 0; width: 100%; margin-bottom: 20px; box-sizing: border-box;}
#user-profile-form .wp-element-button {box-sizing: border-box; display: block; padding: 4px 14px!important; margin-top: 14px; width: unset;}




/**** E G N A   A N I M A T I O N E R ****/
@keyframes fadeInSlideUp {
0% {opacity: 0; transform: translateY(120px);}
100% {opacity: 1;transform: translateY(0);}
}
.box-funktion, .storbild .nk-awb-wrap-content, .thin-header .text, .thin-header.rent .wp-block-cover__inner-container, .auto-bkg-header h1, .startheader .text, .en-nyhet {animation: fadeInSlideUp 1.5s ease-in-out forwards; will-change: transform, opacity;}



/*---------- L O G I N -------------*/
.loginfo {background-position: 100% 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; background-attachment: fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover; background-size: cover; height:100vh; margin-block-start: 0;}

.loginfo .login {position: relative;  margin: auto; width: fit-content;}

#loginform {border-radius: 6px; max-width: 380px; margin: 0 auto; padding: 20px;}
.login-username, .login-password {display: flex;flex-direction: column;}
.login-username input, .login-password input {border: none; border-radius: 6px; color: var(--wp--preset--color--dark); height: 30px; padding: 8px; width: 80%; margin: 4px auto 22px;}
.loginfo p, .loginfo h4 {text-align:center; width:100%!important; margin: 0;}
.glomt {border: 1px solid transparent; padding:4px; border-radius: 4px;}
.glomt:hover {border: 1px solid var(--wp--preset--color--contrast);}
.overlay {backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); width: 100vw; height: 100vh; position: absolute; top: 0; left: 0;}




/****  D O K U M E N T A R K I V  ****/
.newdocument-item {padding: var(--wp--preset--padding--smallknapp);}
.newdocument-item .newdocument-content {display: flex; align-items: baseline; color: var(--wp--preset--color--contrast);max-height: 0; overflow: hidden; transition: max-height 0.5s ease-in-out;}
.newdocument-item.open .newdocument-content {max-height: 300px;}
.newdocument-header {display: flex; align-items: center;}

.newdocument-header:hover span {opacity: 1;}
.newdocument-header span {font-size: 42px; font-weight: bold; padding: 0 10px 0 0; opacity: 0.3;}
.all-docs form {height: 25px; display: flex; flex-direction: row; align-items: center;}
.all-docs form input, .all-docs form button {border:0; border-radius: 0; height: 25px; padding: 0px 8px;}

.newdocument-content {align-items: baseline; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.newdocument-content #rubrik {border: 0; margin-bottom: 40px; padding: 4px; width: 50%;}


/**** S T A D G A R  ****/
.stadga-poster {display: flex; align-items: end;}
.stadga-poster h1 {font-size: 200px; opacity: 0.15; text-shadow: 3px 3px 3px var(--wp--preset--color--base-2);}
.dela-stadga {box-sizing: border-box; display: flex; justify-content: space-evenly;}



/**** Autolista Styrelsen ****/
.styrelse-lista * {list-style-type: none; position: relative;  z-index: 2}
.styrelse-lista {text-align: center;}
.styrelse-lista ul {padding: 0;}
.styrelse-lista .styrelse {text-transform: uppercase; font-size: var(--wp--preset--font-size--2); margin: 0;}




.styrelse-lista-bkg {position: relative;}

.styrelse-contact {align-items: center; justify-content: space-evenly; display: flex; flex-direction: column;}

.styrelse-contact-buttons {display: flex; flex-direction: row;}



/**** T R A N S I T I O N ****/
.menyn li a, .wp-element-button, .frm_button_submit, .adminmeny img, #printButton img, .adminmeny .submenu li, .instruktion, .logga-namn, .logga-namn .wp-block-site-logo, .ui-datepicker td a, .availableslot a, .xxxwpbc_times_selector div, .wp-block-post-template li, #datumtitel *, #info, .wp-block-post-excerpt__excerpt, .button, .brfmedlem, .viewmore ul li a, .comment-reply-link, .menyn img, .wp-block-button__link, #regelrad, #redovisningar .wp-block-file, .glomt, #booking-calendar td, button, input::file-selector-button, .header-svg, .edit-excerpt, .save-excerpt-link, .news-list li, svg, .knapp-med-info span, .wm-archive-item, .approved img, .blogger-post {transition: all 0.7s!important;}





/*---------- KNAPP -------------*/
.logga-namn, .wp-block-file a {text-decoration: none; white-space: nowrap;}

.wp-block-button__link, .time-slot:hover, .accordion-header:hover, .color-button img:hover, .close-button:hover, #loginform .button:hover, .comment-reply-link:hover, #lokal-dropdown:hover, #calendar-navigation button:hover, #booking-calendar td:hover, .sorting-buttons button, input::file-selector-button, .newdocument-header:hover, #filter-my-posts, .approved:hover, .color-picker button:hover {cursor: pointer;}

/*---------- Liten knapp -------------*/
#anslagstavla-header .wp-element-button, #available-times button, #my_bookings a, .apartment-item .wp-element-button, .date-inputs .wp-element-button {padding: 4px 14px!important;}


/*---------- Knapp med info (som visas vid hover) -------------*/
.knapp-med-info {position: relative;}
.knapp-med-info span {position: absolute; top: 200%; padding: 10px; border-radius: 5px; opacity: 0; pointer-events: none; width: 200%; z-index: 5;}

.knapp-med-info:hover span {position: absolute; top: 130%; opacity: 1;}




/*---------- Knapp med bild som växer vid hover -------------*/
.approved:hover img {transform: scale(1.2); filter: drop-shadow(0 4px 8px rgba(0,0,0,0.1));}


.skriv-nyhet .wp-block-cover__inner-container {margin-right: 30px; width: 40%;}
.skriv-nyhet #Steg3 small {display: block; margin: 12px 0;}




/**** postlista ****/
.stor-bakgrund .nk-awb-overlay {background: #e4fbffc4!important;}


/**** postlista ****/
.postlista .nk-awb-wrap-content {max-width: var(--wp--style--global--medium-size); margin: auto;}
.postlista li {display: flex!important; flex-direction: row; background: var(--wp--preset--color--transp); border-radius: var(--wp--preset--border-radius--small); box-sizing: border-box;}

.postlista .wp-block-post-title {text-transform: uppercase;}
.postlista li {margin-block-end: var(--wp--preset--spacing--3)!important;}
.postlista .wp-block-post-featured-image {margin: 0; height: clamp(160px, 20vw, 240px); width: 40%;}
.postlista .wp-block-post-featured-image * {height: inherit;}
.postlista #datumtitel .wp-block-group__inner-container {height: unset!important;}

.postlista #datumtitel, .postlista #datumtitel *, .postlista .wp-block-post-excerpt {color: var(--wp--preset--color--contrast); margin: unset!important;}
.postlista .wp-block-post-excerpt__more-link {display: none;}
.postlista .wp-block-post-excerpt__excerpt {font-size: var(--wp--preset--font-size--body2);}

.postlista #info {display: flex; flex-direction: column; justify-content: space-between; padding: 12px 12px 12px 3vw; width: 60%;}
.postlista #info .wp-block-group__inner-container {display: flex; flex-direction: column; height: 100%; justify-content: space-around;}
.postlista li:hover {background: var(--wp--preset--color--base-2); box-shadow: 6px 7px 14px var(--wp--preset--color--base); }
.postlista li:hover #datumtitel * {color: var(--wp--preset--color--base);}
.postlista li:hover .wp-block-post-excerpt__excerpt {color: var(--wp--preset--color--base);}
.postlista li:hover #info {color: var(--wp--preset--color--base);}
.postlista .wp-block-cover .wp-block-cover__inner-container {display: flex; flex-direction: column; align-items: center; padding: var(--wp--preset--spacing--1);}
.postlista li:hover .wp-block-read-more {opacity: 1;}&.postlista .wp-block-read-more {opacity: 0.9;}
.postlista .wp-block-post-date {padding: 0;}


/**** EN NYHET (på single.php ****/
.en-nyhet {background: var(--wp--preset--color--transp-comments); border-radius: 14px; box-sizing: border-box; padding: 22px;}
.blogger-mainimage img {border-radius: 14px; object-fit: cover; height: 50vh; width: 100%;}
.nyhet-sitetitle::before {content: "Detta händer på "; }
.nyhet-sitetitle, .wp-block-post-date {font-family: var(--wp--preset--font-family--simple);}
.en-nyhet .wp-block-heading {margin-top: 0; text-transform: uppercase;}






/**** BLOGGER ****/
/**** En post (single) ****/
.blogger-cover {height: var(--block-height-large);}


/**** bloog-look1 ****/
.blogg-Look1 .wm-blogger-list .blogger-post {display: flex!important; flex-direction: row; background: var(--wp--preset--color--transp); border-radius: var(--wp--preset--border-radius--small); box-sizing: border-box; margin-block-end: var(--wp--preset--spacing--3); padding: var(--wp--preset--spacing--2);}
.blogg-Look1 .blogger-post {box-shadow: 1px 1px 10px #06241f;}
.blogg-Look1 .blogger-post img {margin: 0; height: clamp(160px, 20vw, 240px); width: 40%; object-fit: cover;}
.blogg-Look1 .blogger-post h4 {font-family: var(--wp--preset--font-family--heading); text-transform: uppercase;}
.blogg-Look1 .blogger-post .postlist-text {display: flex; flex-direction: column; justify-content: center; padding: 12px 12px 12px 3vw;}
.blogg-Look1 .blogger-post:hover {background: var(--wp--preset--color--base-2); box-shadow: 6px 7px 14px var(--wp--preset--color--base);}
.blogg-Look1 .postlist-text small {font-family: var(--wp--preset--font-family--simple) ;}
.blogg-Look1 .blogger-post:hover :is(h4, p, small) {color: var(--wp--preset--color--base);}

.blogg-Look1 .blogger-post .wp-element-button {margin-top: var(--wp--preset--spacing--3vh);}



/**** LOGIN PÅ MEDLEMSSIDA ****/
.loginfo .login {border-radius: 8px; padding: 18px; text-align: center; z-index: 1;}



/**** PRIORUTA ****/
.prioruta {font-size: var(--wp--preset--font-size--body3)!important; border-radius: var(--wp--preset--border-radius--small); letter-spacing: 0.7px; line-height: 1.4; padding: var(--wp--preset--spacing--2); max-width: var(--wp--style--global--small-size); margin: var(--wp--preset--spacing--updown-margin-medium);}

.prioruta p {font-size: var(--wp--preset--font-size--body3)!important;}





/**** KNAPP ****/
.wp-block-button__link, .wp-element-button, #available-times .time-slot, #my_bookings a {border: 1px solid var(--wp--preset--color--contrast)!important; border-radius: var(--wp--preset--border-radius--mini); color: var(--wp--preset--color--contrast); font-weight: 400; font-size: var(--wp--preset--font-size--body1); padding: var(--wp--preset--padding--knapp); display: flex; align-items: center; justify-content: center; text-align: center; width: fit-content;}

.wp-block-button__link:hover, .wp-element-button:hover, #available-times .time-slot:hover {border: 1px solid var(--wp--preset--color--contrast); border-radius: 6px; box-shadow: 2px 2px 6px -2px var(--wp--preset--color--transp);}


/**** Liten knapp ****/
.viewmore ul li a, .my_bookings .wp-element-button, input::file-selector-button, .my-apartment .wp-element-button, .kontakt .wp-element-button {padding: var(--wp--preset--padding--smallknapp)!important; border-radius: var(--wp--preset--border-radius--mini); font-size: 12px!important;}





/**** 3d BOX ****/
.avboka, .box-funktion {border-top: 1px solid #f0f1cd6b; border-left: 1px solid #f0f1cd6b; margin-block-start: 0; border-right: 1px solid #000a23; border-bottom: 1px solid #000a23; border-radius: 8px; box-shadow: 5px 5px 4px #00000042; box-sizing: border-box;}





/**** TRIVSELREGLER - LISTA PÅ EN SIDA ****/
#trivsellista {padding: var(--wp--preset--spacing--medium) 0;}

#reglerna .nk-awb-inner img {filter: blur(7px); opacity:  0.12;}

#trivsellista .nk-awb-inner img {filter: blur(6px); opacity:  0.25;}
#trivsellista li {margin: var(--wp--preset--spacing--3vh) auto;}
#trivsellista li figure {width: 60%;}
#trivsellista li #texten {align-items: center; flex-direction: column; width: 40%;}
#trivsellista li .wp-block-post-title {text-transform: uppercase;}

#reglerna {box-sizing: border-box; padding: var(--wp--preset--spacing--3vh);}
#reglerna .nk-awb-overlay {background: unset !important;}


#reglerna ul {display: flex; gap: 2vh; flex-direction: column;font-weight: bold; margin-block-start: 0;}

#regeltitel div * {font-family: var(--wp--preset--font-family--heading); font-size: var(--wp--preset--font-size--body2)!important; font-weight: 400!important; text-transform: uppercase; padding: 0 3px;}
.regeltext h4 {font-family: var(--wp--preset--font-family--simple); font-size: var(--wp--preset--font-size--4);}




/**** Snabblistan längst ner ****/
.viewmore {align-items: center; box-sizing: border-box; display: flex; flex-direction: column; margin-block-start: 0;}
.viewmore ul {gap: 10px; row-gap: 20px; margin-block-start: 0; display: flex; flex-direction: row; flex-wrap: wrap; padding: 0;}
.viewmore ul li {list-style: none;}
.viewmore ul li:hover a {background: var(--wp--preset--color--contrast); border: 1px solid var(--wp--preset--color--base-both); box-shadow: 1px 1px 5px transparent; color: var(--wp--preset--color--dark);}


.menyn .trivselregler li:hover {background: var(--wp--preset--color--base-2); box-shadow: 6px 7px 14px var(--wp--preset--color--base);}
.trivselregler li:hover .wp-block-post-title  {color: var(--wp--preset--color--base);}

/**** border-radius 3 ****/
#calendar-navigation button {border-radius: 3px;}

#user-profile-form, .my_bookings, .my-apartments {border-radius: 8px;}


/* * * *  Stadgar-lista * * * */
.stadgar-lista {box-sizing: border-box;}



/* * * *  ANSLAGSTAVLAN  * * * */
/**** En storlapp ****/
.storlapp {border-radius: 4px; box-shadow: 4px 4px 18px var(--wp--preset--color--black); box-sizing: border-box; margin: 10px auto 20px!important; padding: 20px;}
.storlapp .entry-content {padding: 0;}
.storlapp .datum {margin: 0 0 4px; font-weight: 400;}
.storlapp .uppsatt {margin: 0;}
.lapp-postheader, .lapp-postheader img {height: 480px!important; margin-top: 0;}
.datum {display: block;}

/**  Sorteringsknapparna  **/
.sorting-buttons button, #filter-my-posts {background: #ffffff38; border: 2px solid var(--wp--preset--color--black); color: var(--wp--preset--color--black); font-size: var(--wp--preset--font-size--body1); margin: 0 -1px 6px; stroke: var(--wp--preset--color--black)}

.sorting-buttons button:hover, #filter-my-posts:hover {color: var(--wp--preset--color--contrast); stroke: var(--wp--preset--color--contrast);}


#filter-my-posts {border-radius: 6px; margin-right: 8px;}
#filter-my-posts svg {height: 24px; width: 26px; padding: 2px 10px;}



/**** Uthyrning ****/
/** Besökare **/
#search-apartments-form, .apt-form {align-items: flex-end; display: flex; flex-direction: row;}
#search-apartments-form .labels, .apt-form label {display: flex; flex-direction: column; align-items: flex-start;}
#search-apartments-form input, #search-apartments-form button, .apt-form input {height: 30px!important; text-align: center; margin-right: 16px;}
.apartment-details {display: flex; flex-direction: column; justify-content: space-between; height: 100%;}


/** Uthyrning Admin **/
.owner-admin-panel, .thin-header.rent .wp-block-cover__inner-container {border-radius: var(--wp--preset--border-radius--small);}

.edit-apartment-link {align-items: flex-start; display: flex; position: fixed; overflow: hidden; top: 84px; right: 0; flex-direction: row-reverse; z-index: 3;}

.edit-apartment-link span {font-size: 50px; padding: 10px;}
.edit-apartment-link .edit-info {box-sizing: border-box; max-width: 0; transition: max-width 0.4s ease; overflow: hidden; white-space: nowrap;}
.edit-apartment-link:hover .edit-info {max-width: 100%;}
.all-features {border-left: 1px solid var(--wp--preset--color--base-2);}


/**** Tillbaka och Radera på lappar och nyheter ****/
.extraknappar {display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 12px!important;}
.extraknappar div {display: flex; flex-direction: row; gap: 12px;}
.extraknappar a {padding: var(--wp--preset--padding--smallknapp);}
.xxxextraknappar .ikon {fill: currentColor; height: 24px; width: 24px; padding-right: 6px;}
.extraknappar .delete-post-direct:hover svg {fill: red!important;}


/*-------Rensa float -------*/
.wp-element-caption {font-style: italic; margin: 0;}
#text-runt-bild::after {content: ""; display: block; clear: both;}




/**** Eget block: Bild som omsluts av text ****/
.bild-med-text figure.alignleft {margin-inline-end: 14px;}
.bild-med-text figure.alignright {margin-inline-start: 14px;}
.bild-med-text img {max-width: 50vw;}



/**** SINGLE POST - CATEGORY CSS ****/
.autotitel {display: flex; align-items: baseline; flex-wrap: wrap!important;}
.autotitel * {font-size: var(--wp--preset--font-size--4); font-weight: 600; text-transform: uppercase;}
.taxonomy-category {padding-right: 15px;}
.stadga-sitetitle, .nyhet-sitetitle {text-transform: uppercase;}





/**** DOKUMENTARKIV ACCORDION ****/
.all-docs {border: 10px solid var(--wp--preset--color--transp-2);}
.accordion-item {border-bottom: 1px solid #ccc;}
.accordion-item:last-child {border-bottom: none;}
.accordion-header {background: #f5f5f5; color: var(--wp--preset--color--dark); line-height: 18px; padding: 6px 10px; transition: background-color 0.3s; position: relative;}
.accordion-header svg {left: 0; top: 0; zoom: 1.25%; position: absolute; fill: currentColor;}
.accordion-content {overflow: hidden; max-height: 0; transition: max-height 0.3s ease-out;}
.accordion-content .wp-block-file a {display: none;}
.accordion-open .accordion-content {max-height: 700px; transition: max-height 0.5s ease-in;}
.accordion-header:hover {background: var(--wp--preset--color--transp-2); color: var(--wp--preset--color--contrast);}
.accordion-label {display: block; text-decoration: none;}




/**** Årsredovisningar, lista med pdf ****/
#redovisningar .wp-block-group__inner-container {display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; row-gap: 10px;}
#redovisningar .wp-block-file {border-radius: 6px!important; display: flex; align-items: center; padding: 2px 4px; width: fit-content; margin: 0 20px 0 0!important;}
#redovisningar .wp-block-file__button {border: 0; padding: 0px 4px;}






/**** Comments ****/
.xxxcomment-respond {border-radius: 6px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 2px 12px; position: sticky; top: 84px; z-index: 5;}

.comment-list, .children {list-style: none; padding-inline-start: 0;}
.comment-respond form {display: flex; flex-direction: row; align-items: center;}

.comment-respond .comment-form-comment {width: 78%; margin: 0!important;}
.comment-respond form textarea {height: 60px; margin-right: 12px; width: 96%!important;}
.comment {padding: 8px; background: var(--wp--preset--color--transp-comments);}
.comment, .reply {border-radius: 6px; margin-bottom: var(--wp--preset--spacing--1);}
.comment-list {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.comment-list .depth-1 {border: 1px solid var(--wp--preset--color--contrast);}
.children {padding-top: var(--wp--preset--spacing--1); margin-left: var(--wp--preset--spacing--2);}

.comment-form-comment textarea {border-radius: 6px; height: 74px; width: 100%;}
.comment-form .wp-block-button__link, .form-submit .wp-block-button__link wp-element-button {letter-spacing: 1px!important; padding: var(--wp--preset--spacing--2);}
.comment-reply-link {text-decoration: none; padding: 2px 10px!important;}
.comment-author b {top: 14px; left: 45px; position: absolute;}
.comment-content p {margin: 2px 0;}
.comment-metadata a {pointer-events: none; text-decoration: none;}
.comment-metadata .edit-link a {pointer-events: auto!important; text-decoration: underline!important;}
.logged-in-as, .comment-form-commentlabel, .says, .comment-form-comment label {display: none!important;}








/* * * *  FOOTER * * * */
.footer {margin-block-start: 10vh !important;}
.footer-content {box-shadow: 1px 1px 7px var(--wp--preset--color--transp); box-sizing: border-box; margin: 20px auto!important; padding: 20px; max-width: 96vw; min-width: 60vw; border-radius: 10px;}
.footer-content .wp-block-site-title {font-size: var(--wp--preset--font-size--2);}
.footer2 .wp-block-cover__image-background {opacity: 0.6;}

.kontakt {display: flex; flex-direction: row; align-items: center; justify-content: center;}
.kontakt * {text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.kontakt .wp-element-button {margin-top: var(--wp--preset--spacing--1); width: fit-content;}

.footer.mini .footer-content {display: flex; justify-content: center; flex-direction: column; align-items: center;}

.footer.mini img {height: 80px; width: auto;}
.footer.mini p {font-weight: bold;}


/* DISPLAY NONE */
.wp-block-gallery .wp-element-caption, .konto .hide, #reply-title {display: none!important;}





/*---------- * * * * RESPONSIVITET * * * * ----------*/
@media screen and (max-width: 1200px){
.lapp {margin: 8px; padding: 8px; width: 280px;}
}

@media screen and (max-width: 1000px){
.lapp {margin: 8px; padding: 8px; width: 220px;}
}


@media screen and (max-width: 800px){
.krysset {display: inline-block;}
.wp-block-cover.toppbild {height: 50vh;}

.wp-element-button {font-size: 12px!important; padding: 4px 18px!important;}


#anslagstavla-header .wp-block-cover__inner-container {margin-right: 10%;}
.lapp {margin: 8px; padding: 8px; width: 190px;}
.lapp p {line-height: 14px; font-size: 14px;}
.storlapp {margin: 56px auto 20px;}
.comment-respond {padding: 5px; top: 52px;}
}



@media screen and (max-width: 782px){
.lapp {margin: 8px; padding: 8px; width: 170px;}
.lapp p {line-height: 14px; font-size: 14px;}
.box-funktion .wp-block-cover__inner-container {width: 100%!important;}
}



@media screen and (max-width: 650px){
.wp-block-cover.toppbild .wp-block-cover__inner-container {padding: var(--wp--preset--spacing--2);}


.blogglista-rubrik {text-align: center;}
.postlista {padding: 0!important;}
.postlista .wp-block-post-featured-image {height: 26vh; width: 100%;}
.postlista #info .wp-block-group__inner-container {align-items: center;}
.postlista li {flex-direction: column; align-items: center;}
.postlista #info, .wp-block-post-template.postlista .wp-block-post-featured-image {align-items: center; width: 100%;}
.postlista li * {text-align: center;}
.postlista .wp-block-post-excerpt {padding: 12px 0!important;}

.wp-block-latest-posts__list li * {width: inherit;}
.wp-block-latest-posts__list .wp-block-latest-posts__post-title, .wp-block-latest-posts__list .wp-block-latest-posts__post-excerpt {top: 0;}

.trivselregler h4 {font-size: var(--wp--preset--font-size--1);}

#anslagstavla-header .wp-block-cover__inner-container {margin-right: 10%;}
.lapp {margin: 8px; padding: 8px; width: 220px;}
.lapp p {line-height: 15px; font-size: 15px;}
}


@media (max-width: 600px){
.postlista {max-width: unset;}
.postlista li {margin: auto; max-width: 92%;}

.my_bookings {font-size: 15px;}

.brfmedlem {font-size: 12px !important;}
.bildheight50 {height: 34vh!important;}



.comment-form-comment textarea {font-size: 12px; height: 56px; width: 96%; margin: auto!important;}
.comment-respond form {flex-direction: column; padding: 0;}
.comment-respond .comment-form-comment {display: flex; padding-bottom: 1vh; width: 100%;}
.comment-form .wp-block-button {font-size: 12px;}
.comment-reply-title, .comments-title {font-size: 15px;}

.trivselregler #regelrad {align-items: baseline; display: flex; flex-direction: column;}
.trivselregler li figure, .trivselregler #texten {width: 100%!important;}
.trivselregler li figure img {max-height: 180px;}
.trivselregler #texten {justify-content: center; gap: 0; padding-block-end: 14px;}

.box-funktion fieldset .frm_form_field {margin-bottom: 12px!important;}

.is-style-asterisk:before {zoom: 25%;}
}


@media (max-width: 550px){
.sorting-buttons {justify-content: space-around;}

.lapp {margin: 8px; padding: 6px; width: 88vw;}
.lapp img {height: 120px;}

.lapp h5, .lapp b {margin: 0!important;}
.uppsatt {margin: 8px 0;}
.lapp p {line-height: 15px; font-size: 15px;}
.lappar::before, .lappar::after {background-image: unset!important;}
.lappar::before, .lappar::after {width: 0!important;}
.ram-botten {display: none;}
.wp-block-cover.toppbild {padding: 1em 1em 6px;}
.wp-block-cover.toppbild p {font-size: var(--wp--preset--font-size--1) !important;}




#anslagstavla-header {justify-content: center;}
#anslagstavla-header .wp-block-cover__inner-container {margin-right: unset;}
#anslagstavla-header img {object-position: 0% 100% !important; opacity: 0.7;}
}


@media (max-width: 500px){
.my_bookings {font-size: 13px;}
#regeltitel {margin-bottom: 10px; zoom: 0.8;}

/**** Styrelsemenyn @500px ****/
.styrelse-menu .item-sub-menu {background: var(--wp--preset--color--base); border-left: 0!important; box-shadow: -6px -5px 12px black; left: 36px!important;}
}



@media (max-width: 350px){
.entry-content {padding-right: 0px; padding-left: 0px;}
.bildheight50 {height: 40vh!important;}
#reglerna {padding: var(--wp--preset--spacing--5) 2px;}
}