/**
 * Theme Name: KlinikkWeb
 * Template:   twentytwentyfive
 * Description: KlinikkWeb er en nettsideløsning laget spesielt for legesentre og klinikker. Nettsiden er bygget på WordPress, med et spesiallaget tema og flere utvidelser (plugins) som gjør det enkelt å håndtere blant annet nyheter, benytte utløpsdato på innlegg, samt holde kontaktinformasjon, åpningstider og oversikt over ansatte oppdatert. I tillegg viser den egenandeler hentet fra Helsedirektoratet og egne priser på andre tjenester.
 * Version: 19.09.2025
 * Theme URI: https://klinikkweb.no/
 * Author: Mistzone
 * Author URI: https://klinikkweb.no/
 * License: Kan brukes og tilpasses av kunden som kjøpte den. Ikke for videresalg. 
 */

/* ----------------------- */
/* ------ General -------- */
/* ----------------------- */

/* Apply Noto Sans to all text elements */
body, h1, h2, h3, h4, h5, h6, p, a, span, li, blockquote, input, textarea, button, figcaption, .wp-block-button__link, 
.editor-styles-wrapper body, 
.editor-styles-wrapper h1, 
.editor-styles-wrapper h2, 
.editor-styles-wrapper h3, 
.editor-styles-wrapper h4, 
.editor-styles-wrapper h5, 
.editor-styles-wrapper h6, 
.editor-styles-wrapper p, 
.editor-styles-wrapper a, 
.editor-styles-wrapper span, 
.editor-styles-wrapper li, 
.editor-styles-wrapper blockquote, 
.editor-styles-wrapper input, 
.editor-styles-wrapper textarea, 
.editor-styles-wrapper button, 
.editor-styles-wrapper figcaption, 
.editor-styles-wrapper .wp-block-button__link {
    font-family: "Noto Sans", sans-serif !important;
}

/* Set a standard base font size */
body, .editor-styles-wrapper body {		
    font-size: 16px; /* Adjust as needed */
    line-height: 1.6;
}

.editor-sidebar__panel-tabs button span,
.editor-post-featured-image__container button,
.editor-post-card-panel__title span,
.editor-post-panel__row-label, 
.editor-post-panel__row-control button, 
.editor-post-panel__row-control a, 
.editor-post-panel__row-control span,
.editor-post-trash {
	font-size: 13px !important;
}

/* Paragraphs and general text */
a, p, li, span, 
.editor-styles-wrapper a, 
.editor-styles-wrapper p, 
.editor-styles-wrapper li, 
.editor-styles-wrapper span {
    font-size: 16px;
}

p, a, li, span, blockquote, input, textarea, 
.editor-styles-wrapper p, 
.editor-styles-wrapper a, 
.editor-styles-wrapper li, 
.editor-styles-wrapper span, 
.editor-styles-wrapper blockquote, 
.editor-styles-wrapper input, 
.editor-styles-wrapper textarea {
    font-weight: 400;
}


/* --------------------- */
/* ------ Buttons ------ */
/* --------------------- */
/* Apply Noto Sans to Buttons */
button, input[type="submit"], .button, .btn, .wp-block-button__link, 
.editor-styles-wrapper button, 
.editor-styles-wrapper input[type="submit"], 
.editor-styles-wrapper .button, 
.editor-styles-wrapper .btn, 
.editor-styles-wrapper .wp-block-button__link {
    font-size: 16px !important; /* Adjust as needed */
    font-weight: 400;
	border-radius: 10px;
	padding: 12px 32px;
}

.wp-block-button__link:hover, 
.wp-block-button__link a:hover, 
.editor-styles-wrapper .wp-block-button__link:hover, 
.editor-styles-wrapper .wp-block-button__link a:hover {
	background-color: var(--wp--preset--color--accent-1);
	border-radius: 20px 10px 20px 10px;
}

.wp-block-button__link:active,
.wp-block-button__link a:active, 
.editor-styles-wrapper .wp-block-button__link:active, 
.editor-styles-wrapper .wp-block-button__link a:active {
	background-color: #002c63 !important;
}

.wp-block-button.is-style-outline>.wp-block-button__link:hover, 
.editor-styles-wrapper .wp-block-button.is-style-outline>.wp-block-button__link:hover {
	color: var(--wp--preset--color--text-on-primary);
}

@media (min-width: 1400px) {
	button, input[type="submit"], .button, .btn, .wp-block-button__link, 
	.editor-styles-wrapper button, 
	.editor-styles-wrapper input[type="submit"], 
	.editor-styles-wrapper .button, 
	.editor-styles-wrapper .btn,
	.editor-styles-wrapper .wp-block-button__link {
		font-size: 18px !important;
	}
}


/* ---------------------- */
/* ------ Headings ------ */
/* ---------------------- */
h1, .kw-welcome-banner h1, .editor-styles-wrapper h1, .wp-block-post-title h1 {
	font-size: 26px;
    font-weight: 300 !important;
	line-height: 1.3;
}

h2, .editor-styles-wrapper h2 {
	font-size: 22px;
    font-weight: 400;
}

h3, h4, h5, h6, 
.editor-styles-wrapper h3, 
.editor-styles-wrapper h4, 
.editor-styles-wrapper h5, 
.editor-styles-wrapper h6 {
    font-weight: 500 !important; /* Slightly bold */
}

h3, .editor-styles-wrapper h3 {
	font-size: 20px;
}

h4, .editor-styles-wrapper h4 {
	font-size: 18px;
}

h5, .editor-styles-wrapper h5 {
	font-size: 16px;
}

h6, .editor-styles-wrapper h6 {
	font-size: 14px;
}


/* Responsive text adjustments */

@media (min-width: 440px) {
	h1, .kw-welcome-banner h1, .editor-styles-wrapper h1, .wp-block-post-title h1 {
		font-size: 30px;
	}
	
	h2, .editor-styles-wrapper h2 {
		font-size: 24px;
	}

	h3, .editor-styles-wrapper h3 {
		font-size: 22px;
	}

	h4, .editor-styles-wrapper h4 {
		font-size: 20px;
	}
}

@media (min-width: 640px) {
	h1, .kw-welcome-banner h1, .editor-styles-wrapper h1, .wp-block-post-title h1 {
		font-size: 32px;
	}
	
	h2, .editor-styles-wrapper h2 {
		font-size: 26px;
	}
}

@media (min-width: 768px) {
	h1, .kw-welcome-banner h1, .editor-styles-wrapper h1, .wp-block-post-title h1 {
        font-size: 36px;
    }

	h2, .editor-styles-wrapper h2 {
		font-size: 28px;
	}

	h3, .editor-styles-wrapper h3 {
		font-size: 24px;
	}

	h4, .editor-styles-wrapper h4 {
		font-size: 22px;
	}
}

@media (min-width: 1024px) {
	h1, .kw-welcome-banner h1, .editor-styles-wrapper h1, .wp-block-post-title h1 {
		font-size: 40px;
	}
	
	h2, .editor-styles-wrapper h2 {
		font-size: 30px;
	}
}

@media (min-width: 1400px) {
	h1, .kw-welcome-banner h1, .editor-styles-wrapper h1, .wp-block-post-title h1 {
    	font-size: 44px;
	}

	h2, .editor-styles-wrapper h2 {
		font-size: 32px;
	}

	h3, .editor-styles-wrapper h3 {
		font-size: 26px;
	}

	h4, .editor-styles-wrapper h4 {
		font-size: 24px;
	}

	h5, .editor-styles-wrapper h5 {
		font-size: 22px;
	}

	h6, .editor-styles-wrapper h6 {
		font-size: 20px;
	}
}


/* ----------------------- */
/* ------ Spacing -------- */
/* ----------------------- */

/* Overriding the default spacing */
.has-global-padding,
.editor-styles-wrapper .has-global-padding {
    padding-right: 1rem;
    padding-left: 1rem;
}

.has-global-padding > .alignfull,
.editor-styles-wrapper .has-global-padding > .alignfull {
    margin-right: 0;
    margin-left: 0;
}

.has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull)),
.editor-styles-wrapper .has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull)) {
    padding-right: 0;
    padding-left: 0;
}

@media (min-width: 640px) {
	.has-global-padding,
	.editor-styles-wrapper .has-global-padding {
		padding-right: 2rem;
		padding-left: 2rem;
	}

	main > .has-global-padding,
	.editor-styles-wrapper main > .has-global-padding {
		padding-right: 0;
		padding-left: 0;
	}
	
	.has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull)),
	.editor-styles-wrapper .has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull)) {
		padding-right: 0;
		padding-left: 0;
	}
}


/* --------------------- */
/* ------ Table -------- */
/* --------------------- */

.kw-table, 
.editor-styles-wrapper .kw-table {
	margin-block-start: 1rem !important;
	width: 100% !important;
	border-collapse: collapse;
	background-color: var(--wp--preset--color--accent-6) !important; 
	color: var(--wp--preset--color--foreground); /* Text color from theme */
}

.kw-table th, 
.kw-table td, 
.editor-styles-wrapper .kw-table th, 
.editor-styles-wrapper .kw-table td {
	padding: 10px;
	text-align: left;
}

.kw-table thead, 
.editor-styles-wrapper .kw-table thread {
	border-left: 1px solid var(--wp--preset--color--accent-1);
	border-right: 1px solid var(--wp--preset--color--accent-1);
	border-bottom: none;
}

.kw-table th, 
.editor-styles-wrapper .kw-table th {
	background-color: var(--wp--preset--color--accent-1) !important; 
	color: var(--wp--preset--color--text-on-primary) !important;
	border: none;
	border-right: 1px solid #ddd;
	font-weight: 600;
	letter-spacing: 0.2px;
}

.kw-table th:last-child, 
.editor-styles-wrapper .kw-table th:last-child {
	border-right: none;
}


.kw-table td, 
.editor-styles-wrapper .kw-table td {
	border: 1px solid #ddd;
}

.kw-table td:last-child, 
.editor-styles-wrapper .kw-table td:last-child {
	text-align: left; /* Right-align the last column */
}

.wp-block-table figcaption, 
.editor-styles-wrapper .wp-block-table figcaption {
    font-size: 16px;
	font-weight: 600;
	padding: 0.5rem;
}


/* ----------------------------- */
/* ------ Page Template -------- */
/* ----------------------------- */
/*** kw-page-template -> main ***/
/*** Used on the templates "Pages", "Smal side" og "Side uten tittel" ***/

.kw-page-template, 
.editor-styles-wrapper .kw-page-template {
	margin-top: 0 !important;
	padding-top: 2.5rem;
	padding-bottom: 4rem;
}

.kw-page-template div:first-child, 
.editor-styles-wrapper .kw-page-template div:first-child {
	padding: 0 !important;
}

.kw-page-template > .has-global-padding div, 
.editor-styles-wrapper .kw-page-template > .has-global-padding div {
	margin-top: 0 !important;
	padding: 0 !important;
}

.kw-page-template h1, 
.editor-styles-wrapper .kw-page-template h1 {
	margin-block-end: 2.5rem !important;
}

.kw-page-template h2, 
.editor-styles-wrapper .kw-page-template h2 {
	margin-block-start: 2.5rem !important;
	margin-block-end: 1.5rem !important;
}

.kw-page-template h1 + div > h2:first-child, 
.editor-styles-wrapper .kw-page-template h1 + div > h2:first-child {
	margin-block-start: 0 !important;
	margin-block-end: 1.5rem !important;
}

.kw-page-template h1 + div > div > h2:first-child, 
.editor-styles-wrapper .kw-page-template h1 + div > div > h2:first-child {
	margin-block-start: 0 !important;
	margin-block-end: 1.5rem !important;
}

.kw-page-template p, 
.editor-styles-wrapper .kw-page-template p {
	word-break: break-word;
}

@media (min-width: 768px) {
	.kw-page-template, 
	.editor-styles-wrapper .kw-page-template {
		padding-top: 4rem;
	}
}

@media (min-width: 1400px) {
	.kw-page-template, 
	.editor-styles-wrapper .kw-page-template {
		padding-top: 5rem;
	}
}


/* ------------------------------- */
/* ------ Navigation Menu -------- */
/* ------------------------------- */

/*** See css -> header.css ***/


/* ---------------------- */
/* ------ Footer -------- */
/* ---------------------- */

/*** See css -> footer.css ***/


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

/*** See css -> front-page.css ***/


/* --------------------------- */
/* ------ Other Pages -------- */
/* --------------------------- */

/*** For these other pages see --> other-pages.css ***/

/*
 * Åpningstider
 * Prisliste
 * Om Legesenteret
 * Ansatte
 * Tilgjengelighet
 * Øyeblikkelig hjelp
 * 
 * /


/* --------------------------- */
/* ------ END OF FILE -------- */
/* --------------------------- */