/*
Theme Name: Ifvest
Author: Jorene Rene;
Author URI: http://jorenerene.com
Description: Additional Bootstrap Components including Minor Fixes, Carousel Fade, Side Modals, Animated Collapse Toggle, Updated Dropdown Transitions, Button Outlines, Panel Inverse, etc. See http://bitbucket.org/jorenerene/wireplates/readme.md for more.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@font-face {
	font-family: 'Bookerly';
	src: url('assets/fonts/bookerly.woff2') format('woff2'),
	url('assets/fonts/bookerly.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

/* FIXES */
body {
	font-family: 'JetBrains Mono'; /* font-family: 'Libre Franklin'; */
	cursor: default;
}

p.lead {
	font-family: 'Bookerly';
	font-weight: 200;
	font-size:28px;
}

p, p * {
	font-family: Bookerly, Georgia;
}

p {
	line-height:200%;
	font-size:18px;
}

a {
	cursor:pointer;
	text-decoration: none;
}

main {
	min-height:75vh;
	padding-top:50px;
}

.navbar-toggler:focus {
	box-shadow:none;
}

.btn.btn-body {
	background-color:var(--bs-body-bg);
}

a.navbar-brand, ul.navbar-nav li a, footer, footer *, footer p, footer p a {
	font-family: 'JetBrains Mono'; /* font-family: 'Libre Franklin'; */
	text-transform: uppercase;
}

nav.navbar, a.navbar-brand {
	font-size: 20px;
}

/* form-textarea */
/* https://css-tricks.com/the-cleanest-trick-for-autogrowing-textareas/ */
.form-textarea {
	/* easy way to plop the elements on top of each other and have them both sized based on the tallest one's height */
	display: grid;
}
.form-textarea::after {
	/* Note the weird space! Needed to preventy jumpy behavior */
	content: attr(data-replicated-value) " ";

	/* This is how textarea text behaves */
	white-space: pre-wrap;

	/* Hidden from view, clicks, and screen readers */
	visibility: hidden;
}
.form-textarea > textarea {
	/* You could leave this, but after a user resizes, then it ruins the auto sizing */
	resize: none;

	/* Firefox shows scrollbar on growth, you can hide like this. */
	overflow: hidden;
}
.form-textarea > textarea, .form-textarea::after {
	/* Identical styling required!! */
	padding: 0.5rem;
	font: inherit;

	/* Place on top of each other */
	grid-area: 1 / 1 / 2 / 2;
}

/* VERTICAL INPUT-GROUP */
/* https://stackoverflow.com/a/55864043 */
.vertical-input-group .input-group:first-child {
	padding-bottom: 0;
}
.vertical-input-group .input-group:first-child * {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;    
}
.vertical-input-group .input-group:last-child {
	padding-top: 0;
}
.vertical-input-group .input-group:last-child * {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.vertical-input-group .input-group:not(:last-child):not(:first-child) {
	padding-top: 0;
	padding-bottom: 0;
}
.vertical-input-group .input-group:not(:last-child):not(:first-child) * {
	border-radius: 0;
}
.vertical-input-group .input-group:not(:first-child) * {
	border-top: 0;
}

/* https://bootstrap-menu.com/detail-autohide.html */
.scrolled-down {
	transform:translateY(-100%); transition: all 0.3s ease-in-out;
}
.scrolled-up {
	transform:translateY(0); transition: all 0.3s ease-in-out;
}

.h1, h1, h1 *, h2, h2 *, h3, h3 *, h4, h4 *, h5, h5 *, h6, h6 * {
	text-transform: uppercase;
}

.h1, h1, h1 * {
	font-size: 64px;
	font-family: 'JetBrains Mono'; /* font-family: 'Libre Franklin'; */
	font-weight: 100;
}

.h2, h2, h2 * {
	font-family: 'JetBrains Mono'; /* font-family: 'Libre Franklin'; */
	font-weight: 200;
}

.h2, h2, h2 * {
	font-family: 'JetBrains Mono'; /* font-family: 'Libre Franklin'; */
	font-weight: 300;
}

.h3, h3, h3 * {
	font-family: 'JetBrains Mono'; /* font-family: 'Libre Franklin'; */
	font-weight: 400;
}

.h4, h4, h4 * {
	font-family: 'JetBrains Mono'; /* font-family: 'Libre Franklin'; */
	font-weight: 500;
}

.h5, h5, h5 * {
	font-family: 'JetBrains Mono'; /* font-family: 'Libre Franklin'; */
	font-weight: 700;
}

h5.modal-title {
	font-weight: 400;
	font-size: 20px;
}

.h6, h6, h6 * {
	font-family: 'JetBrains Mono'; /* font-family: 'Libre Franklin'; */
	font-weight: 900;
}

.btn {
	font-family: 'JetBrains Mono'; /* font-family: 'Libre Franklin'; */
	font-weight: 400;
	text-transform: uppercase;
}

.nav-tabs, code, .alert, .alert *, table, label, legend, input, textarea, select, option, .card, .card *, .numerals, .pagination {
	font-family: 'JetBrains Mono'; /* font-family: 'Libre Franklin'; */
}

input[type=number] {
	font-family: 'JetBrains Mono';
}

figcaption {
	font-family: 'Bookerly';
}

label, legend, th {
	text-transform: uppercase;
}

blockquote, blockquote * {
	font-family: Playfair Display;
	font-size: 24px;
	font-style: italic;
}

blockquote cite {
	font-family: Bookerly;
	font-style: normal;
	font-size: 14px;
	text-align: right;
	color:#616161;
	display: block;
}