/*---------------------------------------------------------------------------------

 Theme Name:   Människovärde
 Theme URI:    https://manniskovarde.se
 Description:  Divi child for Människovärde
 Author:       JONO Media
 Author URI:   https://jonomedia.se
 Template:     Divi
 Version:      2.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 2.0.0 (2026-10): Städad inför nya designen 2027. Borttaget: gamla gröna
 knappar, gammal header/footer (ersatt av Theme Builder), Pure Chat,
 bildspel och utkommenterad kod. Kvar: stilar som befintliga sidor använder.

------------------------------ ADDITIONAL CSS HERE ------------------------------*/


/* =========================================================
   1. GRUND – länkar och färger (grafisk profil)
   Grön #6ba244 · Mörkare grön för text #4f7f2f · Grå #3a3e3f
   ========================================================= */

body a {
	color: #4f7f2f; /* mörkare än #6ba244 så att länkar går att läsa */
}

body h1 a,
body h2 a,
body h3 a,
body h4 a {
	color: #3a3e3f;
}


/* =========================================================
   2. NY DESIGN 2027 – header, startsida, inlägg
   ========================================================= */

/* Header: loggans storlek och luft i menyn */
.et-l--header .et_pb_menu__logo img {
	height: 44px !important;
	width: auto !important;
	max-height: none !important;
}
.et-l--header .et_pb_menu__logo-wrap { flex: 0 0 auto; }
.et-l--header .et-menu > li {
	padding-left: 14px !important;
	padding-right: 14px !important;
}

/* Bloggmodulen: tre inlägg i bredd */
.et_pb_blog_grid .et_pb_salvattore_content {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 40px;
}
.et_pb_blog_grid .et_pb_salvattore_content > .column { display: contents; }
.et_pb_blog_grid .et_pb_post { margin: 0 !important; }
@media (max-width: 980px) {
	.et_pb_blog_grid .et_pb_salvattore_content { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
	.et_pb_blog_grid .et_pb_salvattore_content { grid-template-columns: 1fr; }
}

/* Dölj "Publicerad / Senast uppdaterad" på startsidan */
.home #main-content > article + p,
.page-id-41087 #main-content > article + p {
	display: none;
}

/* Inlägg: utvald bild */
.type-post .entry-content { padding-top: 10px; }
#comment-wrap { padding-top: 10px; }

.single #left-area .post-image-top img { display: none; }
@media (max-width: 980px) {
	.single #left-area .post-image-top img {
		max-height: 250px;
		object-fit: contain;
		display: block !important;
		margin-bottom: 20px;
	}
	.single #left-area img { display: none; }
}

/* Dold kategori */
.cat-item-23 { display: none !important; }

.comment-subscription-form #subscribe_comments,
.comment-subscription-form #subscribe-label { display: none !important; }


/* =========================================================
   3. FORMULÄR (Gravity Forms)
   ========================================================= */

.gform_wrapper #gform_2 input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
	border-radius: 10px;
	border-style: solid;
	border-width: 1px;
}
.gform_wrapper #gform_2 .gfield:not(.gfield_error) input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
	border-color: #bbb;
}
.gform_wrapper #gform_2 .gfield:not(.gfield_error) input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus {
	border-color: #111;
}

body #gform_wrapper_1,
body #gform_wrapper_2 {
	background: #ececec !important;
	padding: 20px;
}

#gfield_description_9_3 { line-height: 16px; }


/* =========================================================
   4. BEFINTLIGA SIDOR – behålls tills sidorna gjorts om
   ========================================================= */

/* Bloggsidan / nyheter (listor) */
.blogglistan,
.blogglistan_nyheter { list-style-type: none !important; }

.blogglistan table,
.blogglistan tr td {
	border: none !important;
	padding: 10px;
}

.blogg_titel { font-weight: 600; }
.blogg_titel a { color: #3a3e3f; }
.blogg_info { color: #111111; }
.blogg_excerpt { color: #666666; }
.blogg_bild { text-align: center; }

@media (min-width: 800px) {
	.blogg_bild {
		width: 25%;
		float: left;
		margin-right: 20px;
		min-height: 220px;
		max-height: 220px;
	}
	.blogg_bild img { max-height: 220px; }
	.blogglistan_nyheter .blogg_bild {
		min-height: 180px;
		max-height: 180px;
	}
	.nyheter-sida .blogglistan_nyheter .blogg_bild {
		min-height: auto;
		max-height: 200px;
	}
}

.blogg_wrapper {
	padding: 5px 0px;
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 10px;
	min-height: 230px;
}
.blogg_wrapper tbody { display: flex; }

.blogg_info .post-categories,
.blogg_info .post-categories li {
	display: inline-block;
	padding-bottom: 0px;
}

.blogglistan_nyheter .blogg_titel { font-size: 20px; }
.blogglistan_nyheter .blogg_wrapper { min-height: 180px; }

@media (max-width: 980px) {
	h2.blogg_titel { font-size: 20px; }
}

/* Kontaktsidan (toggles) */
.et_pb_toggle_close,
.et_pb_toggle_open { padding: 0px; }

.et_pb_toggle .et_pb_toggle_title,
.et_pb_toggle h5.et_pb_toggle_title { padding-right: 0px; }

/* Personal, styrelse m.m. */
.et_pb_team_member_image {
	margin: auto !important;
	float: none !important;
}
.et_pb_team_member_description {
	display: block !important;
	padding-top: 5px;
}

/* Seminariesidan */
.filmer_bilder_seminarium p { font-size: 16px; }

/* Filmer */
.film-htv-int .et_pb_video_overlay { background-position: top; }

/* Ämnen */
.amnen-ny-bilder .et_pb_column {
	min-height: 300px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.amnen-ny-bilder .et_pb_column h2 {
	color: #ffffff;
	font-size: 35px;
	font-weight: 800;
	text-transform: uppercase;
	padding: 0px 10px;
}
.parent-pageid-27564 .amnen-ny-bilder .et_pb_column h2 { text-transform: none; }

@media (max-width: 1300px) {
	.page-id-27603 .amnen-ny-bilder .et_pb_column h2 {
		font-size: 30px;
		padding: 5px;
	}
}

/* Vändkort (flip boxes) */
@media (min-width: 981px) {
	.flip-box-row {
		background-color: transparent;
		width: 30%;
		margin: auto;
	}
}
@media (max-width: 980px) {
	.flip-container, .front, .back { width: 100% !important; }
}

.flip-box-row {
	background-color: transparent;
	margin: auto;
}
.flip-box-column {
	position: relative;
	width: 100%;
	height: 100%;
	transition: transform 0.5s;
	transform-style: preserve-3d;
}
.flip-box-row:hover .flip-box-column { transform: rotateY(180deg); }

.flip-box-front, .flip-box-back {
	position: absolute;
	width: 100%;
	height: 100%;
	transform: translate3d(0,0,0);
	backface-visibility: hidden;
}
.flip-box-back { transform: rotateY(180deg); }

.flip-container {
	perspective: 1000px;
	transform-style: preserve-3d;
}
.flip-container:hover .back { transform: rotateY(0deg); }
.flip-container:hover .front { transform: rotateY(180deg); }

.flip-container, .front, .back {
	width: 350px;
	height: 350px;
}
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
}
.front, .back {
	backface-visibility: hidden;
	transition: 0.6s;
	transform-style: preserve-3d;
	position: absolute;
	top: 0;
	left: 0;
}
.front {
	z-index: 2;
	transform: rotateY(0deg);
}
.back {
	transform: rotateY(-180deg);
	background-color: #ffffff;
	min-height: 350px;
	padding: 10px;
	overflow: auto;
}

/* FAQ */
.faq-sida-sektion .et_pb_row { width: 84%; }

/* Fosterdiagnostik m.fl. (toggles i stor/halv bredd) */
.nyafilter-texter-stor .et_pb_toggle_close,
.nyafilter-texter-stor .et_pb_toggle_open,
.nyafilter-texter-halv .et_pb_toggle_close,
.nyafilter-texter-halv .et_pb_toggle_open { padding: 15px 20px; }

.nyafilter-texter-stor .et_pb_toggle:nth-child(even) h1,
.nyafilter-texter-stor .et_pb_toggle:nth-child(even) h2,
.nyafilter-texter-stor .et_pb_toggle:nth-child(even) h3,
.nyafilter-texter-stor .et_pb_toggle:nth-child(even) h4,
.nyafilter-texter-stor .et_pb_toggle:nth-child(even) h5 { color: #ffffff; }
.nyafilter-texter-stor .et_pb_toggle:nth-child(even) {
	background-color: #474747;
	color: #ffffff;
}

.nyafilter-texter-stor h5,
.nyafilter-texter-halv h5 {
	font-size: 20px;
	font-weight: 500;
	color: #333 !important;
}

.nyafilter-texter-stor .et_pb_toggle,
.nyafilter-texter-halv .et_pb_toggle {
	border: 2px solid #b1b1b1;
	border-radius: 5px;
}

@media (max-width: 700px) {
	.nyafilter-texter-halv .et_pb_toggle img.alignleft,
	.nyafilter-texter-halv .et_pb_toggle img.alignright {
		width: 100%;
		margin-bottom: 10px;
	}
}

/* Engagera dig */
.engagera-dig-sektion h3,
.engagera-dig-sektion p { color: #ffffff; }

.engagera-dig-sektion .et_pb_row { min-height: 500px; }
.engagera-dig-sektion .et_pb_row.et_pb_equal_columns,
.engagera-dig-sektion .et_pb_row .et_pb_column { min-height: 550px; }
.engagera-dig-sektion .et_pb_column.et_pb_column_empty {
	display: block;
	min-height: 400px;
}
.engagera-dig-sektion .et_pb_row .et_pb_module {
	padding-top: 15px;
	padding-bottom: 15px;
}
.engagera-dig-sektion .et_pb_row .et_pb_button_module_wrapper {
	float: left;
	margin: 10px;
	text-align: center;
}
.engagera-dig-sektion .et_pb_row .et_pb_column_14 .et_pb_button_module_wrapper { float: none; }
.engagera-dig-sektion #siffra {
	color: #4f7f2f;
	font-size: 75px;
}

.knappar-rad-engagera .et_pb_column {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.knappar-rad-engagera .et_pb_column .et_pb_text { width: 100%; }

@media (max-width: 980px) {
	.engagera-dig-sektion .et_pb_row {
		display: flex;
		flex-direction: column;
	}
	.engagera-dig-sektion .et_pb_row .et_pb_column { order: 2; }
	.engagera-dig-sektion .et_pb_row .et-last-child.et_pb_column_empty { order: 1; }
}

/* Julkalender / adventskalender */
.julkalender-sektion .julkalender-rad .et_pb_column {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-auto-rows: auto;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	align-items: start;
}
.julkalender-sektion .julkalender-rad .et_pb_module { margin-bottom: 0px; }

@media (max-width: 500px) {
	.julkalender-sektion .julkalender-rad .et_pb_column {
		grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	}
}

/* 40 dagar för livet */
.page-id-38587 .julkalender-sektion .julkalender-rad .et_pb_text { grid-column: span 2; }
.page-id-38587 .julkalender-sektion .julkalender-rad .et_pb_module { margin-bottom: 0px; }

@media (max-width: 900px) and (min-width: 501px) {
	.page-id-38587 .julkalender-sektion .julkalender-rad:not(.et_pb_row_1) .et_pb_column {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 500px) {
	.page-id-38587 .julkalender-sektion .julkalender-rad .et_pb_column {
		grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important;
	}
}

/* Instagram-flöde (Smash Balloon) – ta bort om tillägget tas bort */
#sb_instagram .sbi_header_img { border: solid; }
#sb_instagram .sb_instagram_header h3 { color: #3a3e3f; }

/* Gab-ikon */
.gab-ikon img {
	min-height: 48px;
	filter: brightness(0) invert(1);
}