/*
 Theme Name:   Kiropraktiska Föreningen
 Theme URI:    https://www.kiropraktiskaforeningen.se/
 Description:  Tema för Kiropraktiska Föreningen
 Author:       Lukas Mattsson
 Author URI:   https://www.lukasmattsson,com
 Template:     twentytwentyone
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentytwentyone
*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;500&display=swap');
@import url("../twentytwentyone/style.css");
html {
	scroll-behavior:smooth;
}
body {
	font-size: 16px;
	line-height: 1.8;
	font-family: 'Poppins', sans-serif;
}
:root {
	--button--font-size: 14px;
	--button--line-height: 1.2;
	--font-base: 'Poppins';
	--font-headings: 'Poppins';
	--footer--color-link: white;
	--footer--font-size: 14px;
	--form--border-color: #b7b7b7;
	--form--border-width: 1px;
	--heading--font-weight: 500;
	--primary-nav--font-size: 0.9rem;
	--primary-nav--font-size-sub-menu: 0.9rem;
}
/* Main structure */
body.strip-whitespace-top .site-main > article > .entry-content, body.strip-whitespace-both .site-main > article > .entry-content {
	margin-top: 0;
}
body.strip-whitespace-bottom #content, body.strip-whitespace-both #content {
	margin-bottom: 0;
}
main.site-main {
	padding-top: 0;
	padding-bottom: 0;
}
.page-template-page-no-header header.entry-header {
	display: none;
}
.page-template-page-no-header .site-main > article > .entry-content {
	margin-top: 0;
}
#content {
	margin-bottom: 60px;
}
/* Content */
.faq h1, h1.faq {
	font-weight: bold;
}
.faq h2, h2.faq {
	font-size: 19px;
	font-weight: bold;
}
h2.minimal {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0.5em;
}
/* Lists */
ul, ol {
	padding-left: var(--global--spacing-horizontal);
}
ol.indent {
	padding-left: 0;
	list-style-type: none;
	counter-reset: indent-list
}
ol.indent li {
	counter-increment: indent-list;
	margin-bottom: 1em;
}
ol.indent li::before {
	display: inline-block;
	content: counter(indent-list) ".";
	font-weight: bold;
	margin-right: 4px;
}
ol.ethical-rules {
	flex-wrap: wrap;
	counter-reset: rules;
}
ol.ethical-rules li {
	margin-bottom: 2em;
}
ol.ethical-rules li::marker {
	display: block;
	font-weight: bold;
}
ul.spaced li {
	margin-bottom: 1em;
}

.wp-block-cover.nofade::before {
	display: none;
}
.wp-block-column.front {
	z-index: 10;
}
/* Quotes/cites */ 
.wp-block-pullquote blockquote p, .wp-block-pullquote blockquote cite {
	max-width: var(--responsive--aligndefault-width);
	margin: auto;
}
.wp-block-pullquote blockquote::before {
	display:none;
}
.has-white-color .wp-block-quote.is-style-large cite {
	color: white;
}
div.center-text, .center-text blockquote * {
	text-align: center;
}
p.ingress {
	font-weight: bold;
}
.wp-block-pullquote cite {
	font-size: 1.25em;
}
.screen {
	min-height: 66vh;
	display: flex;
	justify-content: center;
	align-items: center;
}
.screen .wp-block-buttons {
	justify-content: center;
}
/* Links */
a.incognito:not(:hover) {
	text-decoration: none;
}
/* Management/contact */
div.management .wp-block-column {
	text-align: center;
	background: #2e567c;
	padding: 0 10px 10px 10px;
	margin-top: 20px;
}
div.management .wp-block-column:empty {
	background: transparent;
}
div.wp-block-columns.management h4 {
	margin-top: 0;
	font-size: var(--global--font-size-sm);
}
div.management h4, div.management p, div.management a {
	color: var(--footer--color-link);
}
div.management p {
	font-size: 0.9rem;
}
div.management figure.wp-block-image {
	width: 170px;
	height: 170px;
	border-radius: 50%;
	margin: 0px auto 0 auto;
	border: 2px solid #e4e4e4;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	top: -36px;
}
div.management figure.wp-block-image img {
	border-radius: 50%;
	width: 138px;
	height: 138px;
	object-fit: cover;
	object-position: center top;
	box-shadow: 0 8px 10px 0 rgba(0,29,63,.02),0 16px 24px 2px rgba(0,29,63,.14);
}
div.management figure.wp-block-image figcaption {
	display: none;
}
div.contact .wp-block-column h3 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0.5rem;
}
div.contact .wp-block-column p {
	margin-top: 0.5rem;
	font-size: 0.9rem;
}
/* Footer */
.widget-area::after {
	display: none;
}
p:empty {
	margin: 0;
}
.site-main > article > .entry-content {
	margin-bottom: 0;
}
.site-main > article > .entry-footer {
	margin: 0 auto 0 auto;
	padding: 0;
}
footer.site-footer {
	background: #2e567c;
	margin: 0;
	max-width: none;
}
footer.site-footer .widget-area {
	color: white;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}
footer.site-footer p {
	line-height: 22px;
}
footer.site-footer .widget-area a {
	color: inherit;
	text-decoration: none;
}
h2.widget-title {
	margin-bottom: 0;
}
div.textwidget {
	margin-top: 0;
}
div.logged-in {
	text-align: right;
}
.invert {
	filter: invert(1);
}
footer img.logo {
	height: 64px;
	width: auto;
	margin-right: 10px;
}
footer.site-footer .widget-area section {
	flex: 1;
}
.footer-navigation {
	margin: 0;
}
div.footer-logo {
	display: flex;
}
div.footer-logo p {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 600;
}
/* Section page */
.adjust-images img {
	width: 100%;
	object-fit: cover;
	aspect-ratio: 1.5;
}

/* Show/hide logged-in */ 
body:not(.logged-in) .show-if-logged-in, body:not(.logged-in) .show-if-logged-in * {
	display: none;
}
body.logged-in .hide-if-logged-in, body.logged-in .hide-if-logged-in * {
	display: none;
}

/* Front page */
.wp-block-cover.fullsize, .page-template-page-tall-header article.has-post-thumbnail header.entry-header, 
.page-template-page-tall-header article.has-post-thumbnail header.entry-header figure {
	min-height: calc(100vh - 134px);
}
body.has-main-navigation .wp-block-cover.fullsize, body.has-main-navigation.page-template-page-tall-header article.has-post-thumbnail header.entry-header,
body.has-main-navigation.page-template-page-tall-header article.has-post-thumbnail header.entry-header figure {
	min-height: calc(100vh - 134px - var(--global--admin-bar--height));
}
/* Covers general */
.wp-block-cover h2, .wp-block-cover-image h2 {
	font-size: 2.5rem;
}
article.has-post-thumbnail header.entry-header figure img {
		width: 100%!important;
		height: 100%!important;
		margin: 0;
		max-width: none!important;
		object-fit: cover;
	}
/* Glitches */
.wp-block-pullquote.has-text-align-left.alignfull {
	max-width: none;
}
/* Navigation */
.primary-navigation {
	text-transform: uppercase;
}
.primary-navigation .sub-menu {
	border:none;
}
.primary-navigation .sub-menu .sub-menu {
	margin-left: 20px;
}
.primary-navigation > div > .menu-wrapper .sub-menu-toggle {
	display: none;
}
.primary-navigation li.button {
	background: #253551;
	padding: 0;
	border: none;
	z-index: 90000;
}
.primary-navigation li.button:hover {
	opacity: .8;
	background: #253551;	
}
.primary-navigation .sub-menu .menu-item > a {
	padding: .4rem 1.2rem;
}
.primary-navigation li.button a {
	color: white;
}
.primary-navigation > div > .menu-wrapper {
	align-items: center;
	letter-spacing: 1px;
}
.primary-navigation .facebook a {
	position: relative;
	width: 16px;
	height: 16px;
	overflow: hidden;
	box-sizing: content-box;
	font-size: 0;
}
.primary-navigation .facebook a::before {
	position: absolute;
	width: 100%;
	height: 16px;
	content: ' ';
	background: url('images/facebook-black-2.png') white no-repeat;
	background-size: contain;
}
.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
	background: white;
	color: black;
}
.primary-navigation a:hover {
	text-decoration: none;
	opacity: 0.7;
}
/* Buttons*/
.wp-block-button .wp-block-button__link, .kfs_advert_buttons a.button, .site input[type="submit"], .site .button.file {
	border-radius: 30px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
.site .kfs_advert_buttons .button:not(:hover):not(:active):not(.has-background) {
	background: #5b6e71;
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background), 
.site input.button:not(:hover):not(:active):not(.has-background), input[type="submit"]:not(:hover):not(:active):not(.has-background) {
	background: #5b6e71;
	color: white;
	opacity: 1;
	transition: 0.1s opacity linear;
	border-color: #5b6e71
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover, .site .kfs_advert_buttons .button:hover, input[type="submit"]:hover {
	background: #5b6e71!important;
	color: white!important;
	border-color: #5b6e71!important;
	opacity: 0.8;
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link.has-white-background-color:hover {
	background: white!important;
	color: black!important;
	border-color: white!important;	
}
.wp-block-button.dark {
	background: #253551;
	color: white;
	border: none;
}
.wp-block-button.dark a {
	background: transparent;
	color: white;
	border: none;
}
.wp-block-button.dark:hover {
	background-color: #505d73;
}
.wp-block-buttons.advert-categories {
	justify-content: center;
	max-width: 800px;
}
/* Forms */
.wpcf7-form textarea, .wpcf7-form select, .wpcf7-form input[type="text"], .wpcf7-form input[type="email"] {
	width: 100%;
}
.wpcf7-form label + br {
	display: none;
}
.wpcf7-form .acceptance {
	display: block;
	margin-top: 1rem;
}
.wpcf7-form .wpcf7-list-item {
	margin-left: 0;
}
fieldset.space {
	margin-bottom: 1em;
}
fieldset {
	border: 1px solid #b7b7b7;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
	border-radius: 4px;
}
input[type="submit"]:hover {
	background-color: rgba(37, 53, 81, 0.8);
	color: white;
}
/* News and blog posts */
.site-main .mt-0, .mt-0 {
	margin-top: 0;
}
.site-main .news-page-content {
	margin-bottom: 1em;
}
div.news > article {
	margin-bottom: 10px;
}
.getwid-columns {
	margin-left: -20px;
	margin-right: 0;
}
.getwid-columns.getwid-columns-4 > * {
	padding-left: 0;
	padding-right: 0;
}
div.news > article > .inner, div.news article > .wp-block-getwid-recent-posts__post-wrapper {
	border: 1px solid #b7b7b7;
	border-radius: 4px;
	background: white;
	height: 100%;
	display: flex;
	flex-direction: column;
}
div.news .entry-header {
	margin: 0;
}

div.news main, div.news footer {
	margin: 20px;
}
div.news main {
	flex: 1;
	margin-bottom: 0;
}
div.news footer {
	font-size: 0.9rem;
	opacity: 0.8;
}
div.news .posted-on {
	font-size: 0.75rem;
	opacity: 0.8;
}
div.news .entry-title {
	font-size: 1rem;
}
div.news .entry-title a:not(:hover) {
	text-decoration: none;
}
.news article.has-post-thumbnail header.entry-header figure, .news .placeholder, .wp-block-getwid-recent-posts__post-thumbnail {
	height: 200px;
}
.has-cropped-images .wp-block-getwid-recent-posts__post-thumbnail img {
	height:200px!important;
}
.wp-block-getwid-recent-posts__content-wrapper:first-child {
	margin-top: 200px;
}
.news .placeholder {
	background: url('./images/placeholder.jpg') no-repeat;
	background-size: cover;
}
.news .placeholder a {
	display: block;
	width: 100%;
	height: 100%;
}
body.single-post h1.entry-title {
	display: none;
}
/* Maps */
.alignwide #wpgmza_map {
	max-width: var(--responsive--alignfull-width);
}
/* hr - separators */
.wp-block-separator.wide:not(.is-style-wide) {
	width: 250px;
}
@media(max-width: 481px) {
	.site-logo img.custom-logo {
		height: 64px;
		object-fit: cover;
		object-position: left;
	}
	.site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo img {
		max-height: 64px;
	}
}
@media(min-width: 482px) {
/* Header */
	header.site-header {
		padding:0;
		flex-wrap: nowrap;
	}
	article.has-post-thumbnail header.entry-header {
		margin: 0;
		width: auto;
		max-width: none;
		height: var(--cover--height);
		position: relative;
		overflow: hidden;
	}
	.news article.has-post-thumbnail header.entry-header {
		height: auto;
	}
	article.has-post-thumbnail header.entry-header h1 {
		position: absolute;
		left: 0;
		right: 0;
		max-width: var(--responsive--alignwide-width);
		margin-left: auto;
		margin-right: auto;
		bottom: 20px;
		z-index: 10;
		color: white;
		font-size: 4rem;
		text-transform: uppercase;
		font-weight: 400;
		/* text-shadow: 0 0 1px black; */
	}
	article.has-post-thumbnail header.entry-header figure {
		height: var(--cover--height);
		margin: 0;
		width: auto;
	}
	article.has-post-thumbnail header.entry-header figure::after {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: black;
		opacity: 0.25;
		z-index: 5;
		content: ' ';
		display: block;
	}
	.news article.has-post-thumbnail header.entry-header figure::after { 
		display: none;
	}

	/* Content */
	ol.ethical-rules {
		display: flex;
		list-style: none;
		padding-left: 0;
	}
	ol.ethical-rules li {
		width: 50%;
		padding: 10px;
		text-align: center;
		margin-bottom: 4em;
	}
	ol.ethical-rules li::before {
		counter-increment: rules;
		content: counter(rules) ".";
		display: block;
		text-align: center;
		font-weight: bold;
	}
	.wp-block-group.x-space {
		padding-top: 90px;
		padding-bottom: 90px;
	}
	.wp-block-group.xl-space, .wp-block-pullquote.is-style-solid-color.xl-space {
		padding-top: 180px;
		padding-bottom: 180px;
	}
	/* Front page */
	.wp-block-cover.fullsize {
		min-height: calc(100vh - 92px);
	}
	body.has-main-navigation .wp-block-cover.fullsize {
		min-height: calc(100vh - 92px - var(--global--admin-bar--height));
	}
	:root {
		--primary-nav--padding: 6px;
		--branding--logo--max-width: 500px;
	}
	/* Navigation */
	ul.menu-wrapper > li.menu-item {
		margin-left: 10px;
	}
	.primary-navigation > div > .menu-wrapper > li > .sub-menu {
		padding: 0.8rem 0;
		background: white;
		left: -0.8rem;
	}
	button + ul.sub-menu {
		transform: scale(1,0);
		transform-origin: 0 0;	
		transition: transform .14s 0s ease-in-out;
	}
	button[aria-expanded=true] + ul.sub-menu {
		transform: scale(1,1);
	}
	.primary-navigation > div > .menu-wrapper > li > .sub-menu li {
		background: white;
	}
	ul.sub-menu li {
		opacity: 0;
		transition: opacity .05s 0s ease-in-out;
	}
	button[aria-expanded=true] + ul.sub-menu li {
		opacity: 1;
		transition: opacity .14s .14s ease-in-out;
	}
	.primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
		border-color: white transparent;
	}
	.primary-navigation a:hover, .primary-navigation a:link, .primary-navigation a:visited {
		color: var(--global--color-primary);
	}
	.primary-navigation .primary-menu-container > ul > .menu-item.button > a {
		padding: 15px 26px;
	}
	.primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded="false"] ~ ul {
		display: block;
	}
	.primary-navigation > div > .menu-wrapper > li > .sub-menu::before, .primary-navigation > div > .menu-wrapper > li > .sub-menu::after {
		display:none;
	}
	/* News */
	div.news {
		display: flex;
		flex-wrap: wrap;
		margin: 0 0 0 -20px;
	}
	div.news > article {
		width: 50%;
		margin-bottom: 20px;
	}
	div.news > article > .inner, div.news article > .wp-block-getwid-recent-posts__post-wrapper {
		margin-left: 20px;
	}
	/* Media with text */
	.wp-block-media-text.is-image-fill .wp-block-media-text__content {
		padding-top: 0;
		padding-bottom: 0;
	}
	.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
		padding-left: 0;
	}
	.wp-block-cover__inner-container .text-padding .wp-block-media-text__content {
		padding: 25px;
	}
	figure.full-height {
		height: 100%;
	}
	figure.full-height img {
		height: 100%;
		object-fit: cover;
	}
}
@media only screen and (min-width: 652px) {
	body.admin-bar #page {
		height: calc(100vh - 32px);
	}
	#page {
		height: 100vh;
		display: flex;
		flex-direction: column;
	}
	header.site-header {
		width: 100%;
	}
	#content {
		flex: 1;
	}
	:root {
		--global--font-size-page-title: 2.5rem;
		--heading--font-size-h2: 2rem;
	}
}
@media(max-width: 781px) { 
	div.management figure.wp-block-image {
		top: -18px;
	}
}
@media(min-width: 822px) {
	footer.site-footer .widget-area {
		display: flex;
	}	
	ol.ethical-rules li {
		width: 33.33%;
		padding: 20px;
	}
	div.news > article {
		width: 33.33%;
	}
	div.management .wp-block-column {
		padding: 0 20px 20px 20px;
	}
}

@media (min-width: 1200px) {
	div.news > article {
		width: 25%;
	}
	.widget-area {
		column-gap: calc(6 * var(--global--spacing-horizontal));
	}	
}