/* -------------------------- */
/* ------ Front Page -------- */
/* -------------------------- */

.kw-welcome-banner {
	margin-top: 0 !important;
	padding: 2.5rem 1rem 0 1rem !important;
	grid-gap: 0.5rem;
}

.kw-welcome-banner .wp-block-site-title {
    font-weight: 300;
	text-transform: none;
	letter-spacing: normal;
}

.kw-content-container {
	margin-top: 0;
	padding-top: 4rem !important;
	padding-bottom: 4rem !important;
}

.kw-content-header-row {
	display: grid !important;
	justify-content: center;
	justify-items: center;
	text-align: center;
	margin-bottom: 2rem;
}

@media (min-width: 640px) {
	.kw-content-header-row {
		display: flex !important;
		justify-content: space-between;
	}
}

@media (min-width: 768px) {
	.kw-welcome-banner {
		padding: 4rem 0 0 0 !important;
	}
}

@media (min-width: 1024px) {
	.kw-content-header-row {
		margin-bottom: 2.5rem;
	}
	
	.kw-content-container {
		padding-top: 5rem !important;
		padding-bottom: 5rem !important;
	}
}

@media (min-width: 1400px) {
	.kw-welcome-banner {
		padding: 5rem 0 0 0 !important;
	}
	
	.kw-content-header-row a {
		font-size: 18px !important;
	}
}


/* -------------------------------- */
/* ------ Button Container -------- */
/* -------------------------------- */

.kw-front-page-grid {
	display: flex !important;
	flex-direction: column;
	grid-gap: 2rem;
}

.kw-front-page-card {
	background-color: #FFFFFF;
	color: var(--wp--preset--color--accent-1);
	border: 2px solid var(--wp--preset--color--accent-1) !important;
	border-radius: 10px;
	grid-gap: 0px;
}

.kw-front-page-card-icon-column {
	border-bottom: 2px solid var(--wp--preset--color--accent-1);	
}

.kw-front-page-card-icon {
	font-size: 40px;
	justify-self: center;
	line-height: 0;
	padding: 1rem;
}

.kw-front-page-card-container-left {
	padding: 1.5rem !important;
}

.kw-front-page-grid h3 {
	color: var(--wp--preset--color--accent-1);
}

.kw-front-page-card-container-left i {
	margin-left: 8px;
}

/* Rounded Corners - Top */
.kw-front-page-card-rounded-top-left,
.kw-front-page-card-rounded-top-right,
.kw-front-page-card-rounded-bottom-left,
.kw-front-page-card-rounded-bottom-right {
    border-radius: 40px 40px 10px 10px;
}

@media (min-width: 440px) {
	.kw-front-page-card-rounded-top-left, 
	.kw-front-page-card-rounded-top-right, 
	.kw-front-page-card-rounded-bottom-left, 
	.kw-front-page-card-rounded-bottom-right,
	.kw-front-page-card-centered {
		margin: 0 auto;
		max-width: 700px;
		display: grid !important;
		grid-template-columns: 1fr 3fr;
	}
	
	.kw-front-page-card-icon-column {
		height: 100%;
		border-bottom: none;	
		border-right: 2px solid var(--wp--preset--color--accent-1);	
		align-content: center;
	}
	
	/* Rounded Corners - Left Side */
	.kw-front-page-card-rounded-top-left,
	.kw-front-page-card-rounded-top-right,
	.kw-front-page-card-rounded-bottom-left,
	.kw-front-page-card-rounded-bottom-right {
		border-top-left-radius: 40px;
		border-top-right-radius: 10px;
		border-bottom-left-radius: 40px;
	}
}

@media (min-width: 640px) {
	.kw-front-page-card-icon {
		font-size: 48px;
	}
	
	/* Rounded Corners - Diagonal Corners */
	.kw-front-page-card-rounded-top-left,
	.kw-front-page-card-rounded-top-right,
	.kw-front-page-card-rounded-bottom-left,
	.kw-front-page-card-rounded-bottom-right {
		border-top-left-radius: 40px;
		border-top-right-radius: 10px;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 40px;
	}
}

@media (min-width: 782px) {
	.kw-front-page-card-icon {
		font-size: 56px;
	}
	
	.kw-front-page-card-container-left {
		height: 100%;
		display: grid !important;
		grid-template-rows: auto auto 1fr;
		align-content: start;
	}
	
	.kw-front-page-card-container-left div:last-child {
		align-self: end;
		justify-self: start;
	}
	
	.kw-front-page-card-icon-column {
		height: 100%;
		border-bottom: none;	
		border-right: 2px solid var(--wp--preset--color--accent-1);	
		align-content: center;
	}
}

@media (min-width: 1024px) {
	.kw-front-page-grid {
		display: grid !important;
		align-items: stretch;
	}
	
	/* Top Rounded Corners */
	.kw-front-page-card-rounded-top-left {
		border-radius: 60px 10px 10px 10px;
	}

	.kw-front-page-card-rounded-top-right {
		border-radius: 10px 60px 10px 10px;
	}

	/* Bottom Rounded Corners */
	.kw-front-page-card-rounded-bottom-left {
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		border-bottom-left-radius: 60px;
		border-bottom-right-radius: 10px;
	}

	.kw-front-page-card-rounded-bottom-right {
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 60px;
	}
	
	/* Center the Last Item if Odd */
	.kw-front-page-card-centered {
		grid-column: span 2;
		justify-self: center;
	}
}

@media (min-width: 1400px) {
	.kw-front-page-card-icon {
		font-size: 64px;
	}
	
    .kw-front-page-grid p, .kw-front-page-grid a {
        font-size: 18px !important;
    }
	
	.kw-front-page-card-container-left i {
		margin-left: 12px;
	}
}


/* ------------------------------------------------------ */
/* ------ Forsiden: Informasjon fra legesenteret -------- */
/* ------------------------------------------------------ */
.kw-front-page-news-query-loop {
	display: grid;
	justify-content: center;
}

.kw-front-page-news-container {	
	display: grid !important;
	grid-template-columns: 1fr;
}

.kw-front-page-news-item {
	max-width: 700px;
	height: 100%;
	padding: 1.5rem;
	background-color: var(--wp--preset--color--accent-3);
	border: 2px solid var(--wp--preset--color--accent-8);
	border-radius: 5px;
}

.kw-front-page-news-container .category-viktige-nyheter .kw-front-page-news-item {
	background-color: var(--wp--preset--color--accent-4);
	border: 2px solid var(--wp--preset--color--accent-5);
}

.kw-front-page-news-container .category-viktige-nyheter .kw-front-page-news-item::before {
	content: 'Viktig';
	position: absolute;
    top: -1.15rem;
    right: 1rem;
	padding: 0.25rem 2.5rem;
	background-color: var(--wp--preset--color--accent-5);
	border-radius: 5px;
}

.kw-front-page-news-container .category-midlertidige-apningstider .kw-front-page-news-item {
	background-color: var(--wp--preset--color--accent-4);
	border: 2px solid var(--wp--preset--color--accent-5);
}

.kw-front-page-news-container .category-midlertidige-apningstider .kw-front-page-news-item::before {
	content: 'Midlertidige åpningstider';
	position: absolute;
    top: -1.15rem;
    right: 1rem;
	padding: 0.25rem 2.5rem;
	background-color: var(--wp--preset--color--accent-5);
	border-radius: 5px;
}

.kw-front-page-news-item .wp-block-post-title {
	font-weight: 600;
	letter-spacing: revert;
	line-height: 1.4;
}

.kw-front-page-news-item .wp-block-post-title a {
	color: var(--wp--preset--color--contrast);
}

.wp-block-post-date::before {
	content: 'Postet for ';
}

.wp-block-post-date {
	margin-block-start: 0.6rem;
}


.kw-front-page-news-container .kw-front-page-news-item p:has(a) {
	max-width: 230px;
	word-wrap: break-word;
}

@media (min-width: 420px) {
	.kw-front-page-news-container .kw-front-page-news-item p:has(a) {
		max-width: 330px;
	}
}

@media (min-width: 600px) {
	.kw-front-page-news-container .kw-front-page-news-item p:has(a) {
		max-width: revert;
		word-wrap: normal;
	}
}

@media (min-width: 1200px) {	
	.kw-front-page-news-container {
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 2rem;
	}
}