/*
 * Custom styles for the Conference Subsite theme
 * Enqueued after the app.css from the original theme. 
 *
*/

:root {
	--black: #000000;
	--white: #FFFFFF;
	--purple: #8b8baf;
	--purple-dark: #74749f;
	--grey-extra-light: #e9ecef;
	--grey-light: #dee2e6;
	--border-color: var(--grey-light);
	--grey: #686963;
	--button-color: var(--grey);
	--grey-dark: #555550;
	--button-color-hover: var(--grey-dark);
	--text-color: #495057;
	--txt-color: var(--text-color);
	--green: #53917e;
	--blue-light: #accbe1;
	--bg-color: #FFFFFF;

	--ver-spacing-s: 1rem;
	--ver-spacing-m: 2rem;
	--ver-spacing-l: 3rem;

	--hor-spacing-fullwidth: calc(var(--ver-spacing-l)*1);
	--hor-spacing-fullwidth-neg: calc(var(--ver-spacing-l)*-1);
}

html {
	/* overflow-x: hidden; */
	max-width: 100%;
	-webkit-scroll-behavior: smooth;
	scroll-behavior: smooth;
}
html:focus-within {
	scroll-behavior: smooth;
}
html, body {
	overflow-x: hidden;
	overflow-y: initial;
	/* height: 100vh; */
	margin: 0;
	position: relative;
}

a,
a * {
	transition: all 100ms linear;
}

ul {
	margin-left: var(--ver-spacing-m);
}
ol {
	margin-left: var(--ver-spacing-m);
}

a:not([href*='societaslinguistica.test']):not([href*='societaslinguistica.eu']):not([href*='sle2022.wpengine.com']):not([href*='mailto:']):not([href^='#']):not([href^='/']):after {
/* a[target="_blank"]:after { */
	font-family: 'FontAwesome';
	content: " \f08e";
	display: inline-block;
	font-size: 80%;
	padding-left: .5rem;
}



/* Gutenberg basics */
/* Typo */
.has-xsmall-font-size {
	font-size: 0.8rem;
}
.has-small-font-size,
figcaption {
	font-size: 0.875rem;
}
.has-normal-font-size {
	font-size: 1rem;
}
.has-medium-font-size {
	font-size: 1.25rem;
}
.has-large-font-size {
	font-size: 1.75rem;
	line-height: 1.3;
	font-weight: 300;
}
.has-xlarge-font-size {
	font-size: 2.125rem;
	line-height: 1.2;
	font-weight: 300;
}

h1 {
	margin-bottom: 0.8rem;
}
h2 {
	font-size: 2.125rem;
	font-weight: 500;
	margin-bottom: 0.8rem;
	margin-top: 2rem;
}
h3 {
	font-size: 1.5rem;
	font-weight: 500;
}
h4 {
	font-size: 1.25rem;
	font-weight: 500;
}
h5, h6 {
	font-family: inherit;
	font-weight: 500;
	letter-spacing: initial;
	font-size: 1rem;
}
h3, h4, h5, h6 {
	margin-top: 1.6rem;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
}

.navbar-title__title,
.navbar-title__desc,
blockquote,
.wp-block-verse,
cite,
.wp-block-quote,
.wp-block-quote p {
	font-family: "Open Sans","Helvetica Neue",Helvetica Roboto,Arial,sans-serif;
	font-weight: 300;
	font-style: normal !important;
	line-height: inherit;
	font-size: 1rem;
}
cite,
.wp-block-quote.is-large cite, .wp-block-quote.is-large footer,
.wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer {
	font-size: 0.875rem;
}
.wp-block-preformatted {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
	white-space: normal;
}




/* Colors */
.has-black-color {
	color: var(--black);
	--txt-color: var(--black);
}
.has-black-background-color {
	background-color: var(--black);
	--bg-color: var(--black);
}

.has-white-color {
	color: var(--white);
	--txt-color: var(--white);
}
.has-white-background-color {
	background-color: var(--white);
	--bg-color: var(--white);
}

.has-purple-color {
	color: var(--purple);
	--txt-color: var(--purple);
}
.has-purple-background-color {
	background-color: var(--purple);
	--bg-color: var(--purple);
}

.has-purple-dark-color {
	color: var(--purple-dark);
	--txt-color: var(--purple-dark);
}
.has-purple-dark-background-color {
	background-color: var(--purple-dark);
	--bg-color: var(--purple-dark);
}

.has-grey-extra-light-color {
	color: var(--grey-extra-light);
	--txt-color: var(--grey-extra-light);
}
.has-grey-extra-light-background-color {
	background-color: var(--grey-extra-light);
	--bg-color: var(--grey-extra-light);
}

.has-grey-light-color {
	color: var(--grey-light);
	--txt-color: var(--grey-light);
}
.has-grey-light-background-color {
	background-color: var(--grey-light);
	--bg-color: var(--grey-light);
}

.has-grey-color {
	color: var(--grey);
	--txt-color: var(--grey);
}
.has-grey-background-color {
	background-color: var(--grey);
	--bg-color: var(--grey);
}

.has-grey-dark-color {
	color: var(--grey-dark);
	--txt-color: var(--grey-dark);
}
.has-grey-dark-background-color {
	background-color: var(--grey-dark);
	--bg-color: var(--grey-dark);
}

.has-text-color-color {
	color: var(--text-color);
	--txt-color: var(--text-color);
}
.has-text-color-background-color {
	background-color: var(--text-color);
	--bg-color: var(--text-color);
}

.has-green-color {
	color: var(--green);
	--txt-color: var(--green);
}
.has-green-background-color {
	background-color: var(--green);
	--bg-color: var(--green);
}

.has-blue-light-color {
	color: var(--blue-light);
	--txt-color: var(--blue-light);
}
.has-blue-light-background-color {
	background-color: var(--blue-light);
	--bg-color: var(--blue-light);
}



/* Default blocks */
.wp-block-separator {
	/* margin-top: 2rem;
	margin-bottom: 2rem; */
	margin-top: var(--ver-spacing-l);
	margin-bottom: var(--ver-spacing-l);
	border-bottom: none;
	clear: both;
}
.wp-block-separator:not(.has-text-color):not(.has-background) {
	color: var(--border-color);
}

.wp-block-button__link,
.wp-block-file .wp-block-file__button {
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	border: 2px solid transparent;
	border-color: var(--bg-color);
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: .25rem;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.wp-block-file__button {

}
.wp-block-button__link:not(.has-text-color):not(.has-background),
.wp-block-file .wp-block-file__button {
	color: #fff;
	background-color: #8b8baf;
	border-color: #8b8baf;
}
.wp-block-button__link:not(.has-text-color) {
	--txt-color: #8b8baf; /* extra setting for hovers */
}
.is-style-outline > .wp-block-button__link,
.wp-block-button__link.is-style-outline {
	padding: .375rem .75rem;
	border: 2px solid var(--txt-color);
}
.is-style-outline > .wp-block-button__link:hover,
.wp-block-button__link.is-style-outline:hover,
.is-style-outline > .wp-block-button__link:focus,
.wp-block-button__link.is-style-outline:focus {
	color: var(--bg-color);
	background-color: var(--txt-color);
	border-color: var(--txt-color);
}

.wp-block-button__link:hover,
.wp-block-button__link:focus,
.wp-block-file .wp-block-file__button:hover,
.wp-block-file .wp-block-file__button:focus {
	color: var(--txt-color);
	text-decoration: none;
}

.wp-block-button__link:not(.has-text-color):not(.has-background):hover,
.wp-block-button__link:not(.has-text-color):not(.has-background):focus {
	color: #fff;
	background-color: #74749f;
	border-color: #6d6d9a;
}



figure.aligncenter figcaption {
	text-align: center;
}
figure.alignright figcaption {
	text-align: right;
}

.wp-block-group.has-background {
	padding-top: var(--ver-spacing-l);
	padding-bottom: var(--ver-spacing-l);
}
.wp-block-group.has-background > .wp-block-group__inner-container :first-child {
	margin-top: 0;
}
.wp-block-group.has-background > .wp-block-group__inner-container :last-child {
	margin-bottom: 0;
}
.wp-block-group.has-background:not(.alignfull):not(.alignwide) {
	padding-left: var(--ver-spacing-l);
	padding-right: var(--ver-spacing-l);
}

.wp-block-cover * {
	max-width: inherit;
}
.wp-block-cover.alignfull,
.wp-block-cover.alignwide,
.wp-block-cover-image.alignfull,
.wp-block-cover-image.alignwide {
	width: calc(100%+var(--hor-spacing-fullwidth)*2);
}
.wp-block-image.alignfull,
.wp-block-image.alignwide {
	padding-left: 0;
	padding-right: 0;
}
.wp-block-image.alignfull img,
.wp-block-image.alignwide img {
	width: 100%;
}

/*.wp-block-group.has-background {
	position: relative;
	z-index: 1;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.wp-block-group.has-background:before {
	content: '';
	padding-left: 0;
	padding-right: 0;
	display: block;
	position: absolute;
	width: 75vw;
	height: 100%;
	top: 0;
	left: -50vw;
	z-index: -1;
	background-color: var(--bg-color);
}
.wp-block-group.has-background:after {
	content: '';
	display: block;
	position: absolute;
	width: 75vw;
	height: 100%;
	top: 0;
	right: -50vw;
	z-index: -1;
	background-color: var(--bg-color);
} */


blockquote,
.wp-block-preformatted,
.wp-block-verse,
.wp-block-quote,
.wp-block-quote.is-large, .wp-block-quote.is-style-large {
	padding-left: 0;
	padding-right: 0;
}
blockquote p,
.wp-block-preformatted p,
.wp-block-verse p,
.wp-block-quote p {
	margin-bottom: .5rem;
}
.wp-block-pullquote.alignleft {
	max-width: 20rem;
	text-align: left;
	padding-right: var(--ver-spacing-m);
}
.wp-block-pullquote.alignright {
	max-width: 20rem;
	text-align: left;
	padding-left: var(--ver-spacing-m);
}

.wp-block-file {
	/* border: 1px solid var(--border-color);
	background: var(--grey-extra-light);
	/* padding: var(--ver-spacing-m); * /
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;

	
	flex-wrap: wrap;
	flex-direction: row-reverse;
	padding: 1.2rem; */
	border: 1px solid var(--border-color);
	background: var(--grey-extra-light);
	padding: 1.4rem;

	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: min-content min-content;
	gap: 1.4rem;

}
.wp-block-file .wp-block-file__embed {
	/* margin-right: margin: 1.4rem; */
	grid-row: 1 / span 1;
	grid-column: 1 / span 2;
}
.wp-block-file a {
	max-width: max-content;
	align-self: center;
	/* margin: 1.4rem; */
}
.wp-block-file * + .wp-block-file__button {
	justify-self: end;
}
@media screen and (max-width: 576px) {
	.wp-block-file {
		display: block;
	}
	.wp-block-file a {
		display: block;
		margin-bottom: 1em;
	}
	.wp-block-file * + .wp-block-file__button {
		margin-left: 0;
	}

}


ul li + li,
li ul,
li ol,
ol li + li  {
	margin-top: .5rem;
}
ol ul,
ul ul {
	list-style-type: disc;
}


.wp-block-table {
	border-collapse: collapse;
}
.wp-block-table th,
.wp-block-table td {
	padding: .75rem;
	vertical-align: top;
	border-top: 1px solid var(--border-color);
	border-bottom: 1px solid var(--border-color);
}
.wp-block-table figcaption {
	padding: .75rem;
}
.wp-block-table.is-style-stripes {
	border-bottom: none;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(2n+1) {
	background-color: var(--grey-extra-light);
}


.wp-block-preformatted {
	border: 1px solid var(--border-color);
	background: var(--grey-extra-light);
	padding: var(--ver-spacing-m);
	width: 100%;
}


/* TOC */
#ez-toc-container {
	margin-bottom: var(--ver-spacing-l);
}


/* hor & vertical spacing */
#content {
	overflow-x: hidden;
}
p,
h1, h2, h3, h4, h5, h6,
ul,
blockquote,
.wp-block-preformatted,
.wp-block-verse {
	max-width: 52rem;
}

#wp-admin-bar-root-default,
#wp-admin-bar-top-secondary {
	max-width: initial;
}

.wp-block-buttons + p {
	margin-top: var(--ver-spacing-s);
}

figure ul {
	max-width: 100%;
}

.aligncenter, div.aligncenter {
	margin: var(--ver-spacing-m) auto var(--ver-spacing-m) auto;
}
.wp-block-group,
.wp-block-gallery,
.wp-block-image,
.wp-block-embed,
.wp-block-cover,
.wp-block-preformatted {
	margin-top: var(--ver-spacing-m);
	margin-bottom: var(--ver-spacing-m);
}
/* p {
	margin-bottom: var(--ver-spacing-m);
}
p+p {
	margin-top: calc( var(--ver-spacing-m) * -0.5);
} */

.is-style-indent {
	margin-left: var(--ver-spacing-m);
}
.is-style-indent-large {
	margin-left: calc(var(--ver-spacing-m)*2);
}








/* Page structure */
.navbar-branding {
	margin: var(--ver-spacing-m) var(--ver-spacing-l);
}


.navbar-brand {
	padding-bottom: var(--ver-spacing-m);
}
.navbar-branding__link {
	display: block;
}
.navbar-title__title {
	font-weight: 500;
}
.navbar-title__desc {
	
}



.alignwide,
.alignfull {
	margin-left: var(--hor-spacing-fullwidth-neg);
	margin-right: var(--hor-spacing-fullwidth-neg);
	padding-left: var(--hor-spacing-fullwidth);
	padding-right: var(--hor-spacing-fullwidth);
}

.navbar {
	flex-direction: column;
}
.navbar-expand-md .navbar-nav {
	flex-direction: column;
}
.navbar > .container,
.navbar > .container-fluid {
	flex-direction: column;
	align-items: flex-start;
	padding: 0;
}
.navbar {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	padding: 0;
}
#navbarNavDropdown {
	width: 100%;
}
#menu-main-navigation {
	width: 100%;
}






#colophon {
	margin-top: calc(var(--ver-spacing-l)*1.75);
}




.entry-header {
	margin-bottom: 0;
}
article h1.entry-title {
	margin-top: calc(var(--ver-spacing-l)*1);
	margin-bottom: calc(var(--ver-spacing-l)*1);
}
.entry-content > .alignwide:first-child,
.entry-content > .alignfull:first-child {
	margin-top: 0;
}
#content {
	overflow-y: scroll;
	/* max-height: 100vh; */
	/* -webkit-scroll-behavior: smooth;
	scroll-behavior: smooth; */
	margin-top: 0;
}

.navbar > .container,
.navbar > .container-fluid,
#main > .container {
	max-width: 100%;
	padding-left: 0;
	padding-right: 0;
}
@media screen and (max-width: 576px) {
	:root {
		--hor-spacing-fullwidth: calc(var(--ver-spacing-l)*.5);
		--hor-spacing-fullwidth-neg: calc(var(--ver-spacing-l)*-.5);
	}
}
@media screen and (max-width: 767px) {
	.navbar > .container,
	.navbar > .container-fluid,
	#main > .container {
		padding-left: var(--hor-spacing-fullwidth);
		padding-right: var(--hor-spacing-fullwidth);
	}
	.navbar-branding {
		margin-left: 0;
		margin-right: 0;
	}
	.navbar-branding__link {
		display: flex;
		align-items: center;
	}
	.navbar-brand {
		padding-bottom: 0;
		position: relative;
		left: -4px;
	}
	.navbar-title {
		flex-shrink: 20;
		padding-right: var(--ver-spacing-m);
	}
	.navbar-title__title,
	.navbar-title__desc {
		color: var(--white);
	}

	.navbar > .container {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: stretch;
		width: 100%;
		align-items: center;
	}
	#navbarNavDropdown {
		width: 100%;
		padding-bottom: var(--ver-spacing-m);
	}
	

}
@media screen and (min-width: 768px) {
	#page {
		position: relative;
		display: flex;
		align-items: stretch;
		justify-content: stretch;
		min-height: 100vh;
		width: 100%;
	}
	
	#masthead {
		flex-basis: 20rem;
		flex-grow: 0;
		flex-shrink: 5;
		background-color: var(--bg-color);
		z-index: 5;
		box-shadow: 0px 0px 5px var(--grey);
	}
	#content {
		flex-basis: 52rem;
		flex-grow: 50;
		margin-top: 0;
		padding-left: var(--hor-spacing-fullwidth);
		padding-right: var(--hor-spacing-fullwidth);
	}
	#main > .container > .row > .col-sm-12 {
		padding-left: 0;
		padding-right: 0;
	}

	.navbar-expand-md .navbar-nav .nav-link {
		padding: .5rem var(--ver-spacing-l);
	}
	.navbar-dark .navbar-nav .nav-link {
		color: var(--text-color);
	}
	.navbar-dark .navbar-nav .nav-link:hover,
	.navbar-dark .navbar-nav .nav-link:focus,
	.navbar-dark .navbar-nav .current_page_item .nav-link,
	.navbar-dark .navbar-nav .active .nav-link,
	.navbar-dark .navbar-nav .current_page_parent .nav-link,
	.navbar-dark .navbar-nav .current-menu-item .nav-link {
		color: white;
		background: var(--purple);
	}

	article h1.entry-title {
		margin-top: calc(var(--ver-spacing-l)*1.6);
		margin-bottom: calc(var(--ver-spacing-l)*1.5);
	}
}
@media screen and (min-width: 992px) {
	:root {
		--hor-spacing-fullwidth: calc(var(--ver-spacing-l)*1.5);
		--hor-spacing-fullwidth-neg: calc(var(--ver-spacing-l)*-1.5);
	}
}