/*
Theme Name:     2021
Template:       twentytwentyone
Author:         DS, MO
Description:    Child Theme of TwentyTwentyOne
Version:        1.1.0
*/

/* Global font-size-based measurements (rem, em, etc) are based
on html > font-size, default is 16, we've gone smaller to 14 */
html {
	font-size: 14px;
	word-spacing: 3px;
	/*letter-spacing: 0.25px;*/
}

@media only screen and (max-width: 1600px) {
	html {
		font-size: 13.5px;
	}
}

@media only screen and (max-width: 1400px) {
	html {
		font-size: 13px;
	}
}

@media only screen and (max-width: 1100px) {
	html {
		font-size: 12px;
	}
}

@media only screen and (max-width: 700px) {
	html {
		font-size: 11px;
	}
}

@media only screen and (max-width: 500px) {
	html {
		font-size: 10px;
	}
}

@media only screen and (max-width: 300px) {
	html {
		font-size: 8px;
	}
}

/* -------------------- VARIABLES & MODIFIERS -------------------- */

:root {
	
	/* override built-in theme vars here  */
	
	/*--global--font-primary: 'EB Garamond', sans-serif;*/
	--global--font-primary: 'Noto Serif', sans-serif;
	--global--font-secondary: 'Lato', sans-serif;
	
	--button--font-family: 'Lato', sans-serif;
	
	--global--font-size-xs: 0.8rem;
	--global--font-size-sm: 1.1rem;
	--global--font-size-md: 1.33rem;
	--global--font-size-base: 1.33rem;
	--global--font-size-md-lg: 1.5rem;
	--global--font-size-lg: 1.7rem;
	--global--font-size-xl: 2.1rem;
	--global--font-size-xxl: 2.5rem;
	--global--font-size-xxxl: 3.2rem;
	--global--font-size-xxxxl: 4.2rem;
	
	--heading--font-size-h1: var(--global--font-size-xxxxl);
	--heading--font-size-h2: var(--global--font-size-xl);
	
	--global--line-height: 1.33;
	--heading--line-height-h2: var(--global--line-height);
	--global--line-height-body: var(--global--line-height);
	
	--global--color-primary: #16395f !important;
	--global--color-secondary: #fcfbfa !important;
	--global--color-white: #ffffff;
	--global--color-dk-gray: #333333;
	--global--color-md-dk-gray: #666666;
	--global--color-md-gray: #8C8C8C;
	--global--color-gray: #a8a8a8;
	--global--color-lt-gray: #d1d1d1;
	--global--color-extra-lt-gray: #f0f0f0;
	
	--global--color-border: #d9d9d9;
	--wp--style--color--link: #0272E2;
	
	/* Arbor-created vars */
	
	--global--color-blue: #16395f;
	--global--color-dark-blue: #0d283f;
	--global--color-bright-blue: #0272E2;
	--global--color-gray-blue: #43435e;
	--global--color-light-blue: #6e8eaf;
	
}

.bg-blue {
	background: var(--global--color-primary);
	color: var(--global--color-white);
}

.bg-off-white {
	background: var(--global--color-secondary);
	color: var(--global--color-dk-gray);
}

.bg-dk-gray {
	background: var(--global--color-dk-gray);
	color: #fff;
}

.bg-light-gray {
	background: var(--global--color-lt-gray);
	color: var(--global--color-dk-gray);
}

.centered {
	display: flex;
	justify-content: center;
	align-items: center;
}

.wide {
	width: 100%;
}

.border-bottom {
	padding-bottom: 2rem;
	border-bottom: 1px solid var(--global--color-border);
}

.border-bottom-light {
	padding-bottom: 2rem;
	border-bottom: 1px solid var(--global--color-white);
}

.border-bottom-dark {
	padding-bottom: 2rem;
	border-bottom: 1px solid var(--global--color-dk-gray);
}

.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
	background: transparent;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button):not(ul.sidebar-list li > a):not(ul.sub-menu li > a):not(.card a):not(.entry-content a):not(a.page-numbers):not(.a.next.page-numbers):not(a.prev.page-numbers):not(.pagination a) {
	/*color: var(--global--color-white);*/
}
.has-background-white .site a:focus:not(.button-basic):not(.wp-block-button__link):not(.wp-block-file__button):not(li > a):not(.site-header a):not(.popular-tags a):not(.bianco-footer a):not(.page-header a):not(.card-image) {
	background: transparent !important;
	color: var(--global--color-black);
}



/* -------------------- SITE-WIDE -------------------- */

* {
	scroll-behavior: smooth;
}

body {
	font-family: var(--global--font-secondary);
	font-size: var(--global--font-size-md) !important;
	font-weight: 400;
}

h2, h3, h4, h5, h6 {
	font-family: var(--global--font-secondary);
}

a {
	text-decoration-skip-ink: auto !important;
}

.site-main a:not(.page-numbers, .tag-cloud-link) {
	text-decoration-skip-ink: auto;
	text-decoration-style: solid;
	color: var(--global--color-bright-blue);
}
.site-main a:not(.button-basic):hover {
	text-decoration-style: solid;
	color: var(--global--color-primary);
}

p {
	font-family: var(--global--font-secondary);
	line-height: 1.33;
	font-weight: 400;
	margin: 1rem 0;
}

ol, ul {
	padding-left: 1.5rem;
}

ul {
	list-style-type: square;
}

li {
	margin-bottom: 1.5rem;
}


li::marker {
	color: var(--global--color-md-gray);
}

label {
	/*vertical-align: bottom;*/
	margin-bottom: 0;
	color: var(--global--color-dk-gray);
}

input,
textarea,
select {
	vertical-align: top;
	margin: 0 !important;
	border: 1px solid var(--global--color-dk-gray) !important;
	font-size: var(--global--font-size-sm);
	line-height: 1;
	outline: none !important;
}

input[type=checkbox]:after {
	left: 8px;
	top: 3px;
}

iframe {
	border: none !important;
	max-width: 100%;
}

/* TODO: make class instead of applying to all buttons*/
button {
	border: none;
	border-radius: 25px;
	padding: 0.5rem 1rem;
	position: relative;
	display: inline-block;
	font-size: 1.75rem;
	letter-spacing: 1px;
	cursor: pointer;
	font-weight: 500;
	font-family: var(--global--font-secondary);
	-webkit-transition: ease-out 0.5s;
	-moz-transition: ease-out 0.5s;
	transition: ease-out 0.5s;
}

table td {
	border: none;
	/*align-content: baseline;*/
}

#toTopButton {
	display: none;
	position: fixed;
	max-width: 3rem;
	bottom: -30px;
	right: 30px;
	z-index: 99;
	border: none;
	border-radius: 50px;
	outline: none;
	background-color: var(--global--color-white);
	color: var(--global--color-blue);
	cursor: pointer;
	padding: 0;
}
#toTopButton:hover {
	/*background-color: #555;*/
}

#toTopButton .material-icons-outlined {
	font-size: 3rem;
	vertical-align: middle;
}

input[type="submit"],
.button-basic {
	color: var(--global--color-white) !important;
	background-color: var(--global--color-primary) !important;
	border-radius: 5px !important;
	padding: var(--button--padding-vertical) var(--button--padding-horizontal);
	cursor: pointer;
	font-weight: var(--button--font-weight);
	font-family: var(--button--font-family);
	font-size: var(--button--font-size);
	line-height: var(--button--line-height);
	text-decoration: none;
}
input[type="submit"]:hover,
.button-basic:hover,
.button-basic a:hover,
.button-basic:hover a {
	background-color: var(--global--color-dark-blue) !important;
	color: var(--global--color-white) !important;
	text-decoration: none;
}

.button-arrow-dark {
	left: -1rem;
	background: none !important;
	color: var(--global--color-dk-gray) !important;
	/*box-shadow: inset 0 0 0 0 transparent;*/
}
.button-arrow-dark:hover {
	box-shadow: inset 400px 0 0 0 var(--global--color-dk-gray);
	color: var(--global--color-white) !important;
	padding: 0.5rem 2rem 0.5rem 1.5rem;
}

.button-arrow-light {
	left: -1rem;
	background: none !important;
	color: var(--global--color-white) !important;
	/*box-shadow: inset 0 0 0 0 transparent;*/
}

.button-arrow-light:hover {
	box-shadow: inset 400px 0 0 0 var(--global--color-white);
	color: var(--global--color-dk-gray) !important;
	padding: 0.5rem 2rem 0.5rem 1.5rem;
}

.material-icons,
.material-icons-outlined {
	vertical-align: text-top;
}

.icon-arrow {
	font-size: 2.25rem;
}

.site-main {
	padding: 0 !important;
	color: var(--global--color-dk-gray);
	background: var(--global--color-white);
}

.site-main > * {
	margin-top: calc(2* var(--global--spacing-vertical));
	margin-bottom: calc(2* var(--global--spacing-vertical));
}

.site-header {
	row-gap: 0;
}

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
	text-decoration: none;
}

@media only screen and (min-width: 482px) {
	.site-header {
		max-width: 90vw !important;
	}
}

.site .button:focus, button:focus, input[type=submit]:focus,
input[type=reset]:focus, .wp-block-search .wp-block-search__button:focus,
.wp-block-button .wp-block-button__link:focus,
.wp-block-file a.wp-block-file__button:focus {
	outline: none !important;
}

.hr-separator {
	width: 100%;
	margin: 1.5rem 0;
}

.hr-separator-thick {
	margin-top: 3rem;
	/*border-bottom: 2px solid var(--global--color-dk-gray);*/
	border-bottom: 1px solid var(--global--color-dk-gray);
	width: 100%;
}

.hr-separator-thin {
	margin: 1.5rem 0;
	border-bottom: 1px solid var(--global--color-border);
}

.section-title {
	text-align: left;
	text-transform: uppercase;
	font-size: var(--global--font-size-md-lg);
	margin: 0.5rem 0 2rem 0;
}

.section-title a {
	color: var(--global--color-dk-gray) !important;
}
.section-title a:hover {
	text-decoration: none;
	color: var(--global--color-dk-gray) !important;
}

/* --- CARDS --- */

.card-container {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
	width: auto;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
}

.card {
	border: none;
	box-sizing: border-box;
}

.card-small h3 {
	font-size: var(--global--font-size-md-lg);
}

.card-small h4 {
	font-size: var(--global--font-size-xs);
}
.card-small h5 {
	font-size: var(--global--font-size-xs);
}
.card-small p {
	font-size: var(--global--font-size-sm);
	margin-top: 0;
}

.card-top {
	height: 17rem;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
}

.card-bottom {
	width: auto;
}

.card-bottom h3 {
	word-spacing: 3px;
}

.card-bottom p,
.card-text p {
	margin-top: 0.5rem;
}

.card-wide,
.card-wide-conf {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: left;
}

.card-separator {
	background: var(--global--color-border);
	height: 40rem;
	width: 1px;
	margin: 0 1.5rem;
}

.card-container .post:not(:has(.card-search)):not(:has(.card-wide)):not(:has(.card-big)):not(:has(.card-small)):not(:has(.card-wide-conf)) {
	width: 31%;
}

@media (max-width: 1600px) {
	.card-container .post .card:not(.card-big):not(.card-small) .card-top {
		height: 20rem;
	}
}

@media (max-width: 1300px) {
	.card-separator {
		display: none;
	}
	
	.hr-separator {
		display: none;
	}
	
	.card-container .post,
	.card-container-cartoons .card {
		padding: 2rem;
	}
	
	.card-container .post .card:not(.card-big):not(.card-small) .card-top {
		height: 13rem;
	}
}

@media (max-width: 1100px) {
	.card-container .post {
		width: 50%;
	}
	
	.card-container .post .card:not(.card-big):not(.card-small) .card-top {
		height: 15rem;
	}
}

@media (max-width: 1000px) {
	.card-container .post .card:not(.card-big):not(.card-small) .card-top {
		height: 12rem;
	}
}

@media (max-width: 900px) {
	.card-container .post {
		width: 100% !important;
		padding-left: 0;
		padding-right: 0;
	}
	
	.card-container .post .card {
		display: flex;
	}
	
	.card-wide-conf,
	.card-wide-conf .card {
		display: block !important;
	}
	
	.card-container .post .card:not(.card-big):not(.card-small) .card-top {
		width: 50%;
		height: 20rem;
	}
	
	.card-container .post .card .card-bottom {
		width: 50%;
		padding-left: 2rem;
	}
	
	.card-container-cartoons .card {
		width: 100%;
	}
}

@media (max-width: 700px) {
	.card-container .post .card {
		display: block;
	}
	
	.card-container .post .card:not(.card-big):not(.card-small) .card-top {
		width: 100%;
		height: 30rem;
	}
	
	.card-container .post .card .card-bottom {
		width: 100%;
		padding-left: 0;
		padding-top: 0.5rem;
	}
	
	.card-container-cartoons .card {
		width: 100%;
	}
}

@media (max-width: 500px) {
	.card-container .post .card:not(.card-big):not(.card-small) .card-top {
		height: 25rem;
	}
	
	.card-wide-conf .card-image {
		display: none;
	}
}

/* -------------------- HEADER -------------------- */

:root {
	--primary-nav--font-family: var(--global--font-secondary);
}

.site-branding {
	border-bottom: none;
	border-top: 1px solid var(--global--color-secondary);
}

.site-logo {
	margin: calc(var(--global--spacing-vertical)) 0;
}

.site-header .site-logo .custom-logo {
	/*filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .5));*/
	max-width: 32rem;
}

.primary-navigation > .primary-menu-container {
	background: transparent !important;
	/*margin-right: 0.5rem;*/
}

.primary-navigation a {
	color: var(--global--color-dk-gray);
	/*font-weight: 600 !important;*/
}

.primary-navigation .current-menu-item > a:first-child:hover, .primary-navigation .current_page_item > a:first-child:hover,
.primary-navigation a:hover, .navigation a:hover {
	text-decoration: underline;
	text-decoration-style: solid;
}

.primary-navigation a:focus:not(.sub-menu a) {
	color: var(--global--color-white) !important;
	text-decoration: underline !important;
}

.header-bar-container {
	/*background: var(--global--color-secondary);*/
	width: 100%;
	/*z-index: 3;*/
}

.header-bar {
	max-width: var(--responsive--alignwide-width);
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 1rem;
	padding-top: 0.5rem;
	/*border-bottom: 1px solid var(--global--color-lt-gray);*/
	border-top: 1px solid var(--global--color-gray);
}

.header-bar .site-branding {
	border-top: none;
	margin-top: 0;
	/*position: absolute;*/
}

.header-bar .site-branding .site-logo {
	margin: 1rem 0;
}

.custom-logo-bar {
	/*max-height: 75px !important;*/
	max-width: 25rem !important;
	height: auto;
	width: auto;
}

.menu-wrapper a {
	color: var(--global--color-white);
	font-weight: 500;
}

.menu-wrapper a:hover,
.menu-wrapper a:focus {
	text-decoration: underline;
	text-decoration-style: solid !important;
}

.menu-item-description,
.sub-menu-toggle {
	display: none !important;
}

.header-bar-light .menu-wrapper a {
	color: var(--global--color-white);
}

.header-bar-dark .menu-wrapper a {
	color: var(--global--color-dk-gray) !important;
}

.header-bar-light .menu-wrapper a:hover,
.header-bar-light .menu-wrapper a:focus {
	color: var(--global--color-white);
}

.header-bar-dark .menu-wrapper a:hover,
.header-bar-dark .menu-wrapper a:focus {
	color: var(--global--color-dk-gray) !important;
}

/* Search Dropdown for Logged In Menu */
.mini-search {
	position:relative;
	display:inline-block;
}

.mini-search__panel {
	position:absolute;
	top:100%;
	right:0;
	/*background: transparent;*/
	/*border:1px solid #ddd;*/
	/*box-shadow:0 8px 20px rgba(0,0,0,.12);*/
	/*padding:.75rem;*/
	z-index:1000;
}

.mini-search.open .mini-search__panel {
	display:block;
}

.mini-search__panel[hidden] {
	display:none;
}

.mini-search:hover .mini-search__panel{
	display:block;
}

.mini-search a {
	padding-top: 0.75rem !important;
}

.mini-search a div form ul li {
	padding: 0;
}

.mini-search a div form ul li label {
	position: relative;
	background: white;
	border-radius: 4px;
}
.mini-search a div form ul li label::before {
	content: "";
	position: absolute;
	top: -12px; /* Position above the box */
	right: 15px; /* Adjust for desired horizontal position */
	border-width: 8px;
	border-style: solid;
	border-color: transparent transparent white transparent;
}

/*  BURGER MENU FOR LOGGED OUT HERO  */

#burgerMenu
{
	display: block;
	position: absolute;
	top: 25px;
	left: 10px;
	z-index: 1;
	-webkit-user-select: none;
	user-select: none;
}

#burgerMenu a
{
	text-decoration: none;
	color: #fff;
	transition: color 0.3s ease;
}

#burgerMenu input
{
	display: block;
	width: 40px;
	height: 32px;
	position: absolute;
	cursor: pointer;
	top: -5px; /* makes sure click area fits the burger */
	left: -7px; /* makes sure click area fits the burger */
	opacity: 0; /* hide this */
	z-index: 2; /* and place it over the hamburger */
}

/* hamburger shape */
#burgerMenu span
{
	display: block;
	width: 26px;
	height: 3px;
	margin-bottom: 5px;
	position: relative;
	background: #fff;
	border-radius: 3px;
	z-index: 1;
	transform-origin: 4px -2px;
	transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease;
}

#burgerMenu span:first-child
{
	transform-origin: 0% 0%;
}

#burgerMenu span:nth-last-child(2)
{
	transform-origin: 0% 100%;
}

/* Transform all the slices of hamburger into an X */
#burgerMenu input:checked ~ span
{
	opacity: 1;
	transform: rotate(45deg) translate(1px, 0px);
	background: #fff;
}

/* hide middle burger slice on click */
#burgerMenu input:checked ~ span:nth-last-child(3)
{
	opacity: 0;
	transform: rotate(0deg) scale(0.2, 0.2);
}

/* Flip bottom burger slice the other direction */
#burgerMenu input:checked ~ span:nth-last-child(2)
{
	transform: rotate(-45deg) translate(1px, -1px);
}

#burgerList
{
	position: absolute;
	max-width: 200px;
	width: 100vw;
	max-height: 100vh;
	margin-top: 11px;
	padding: 2rem 0 0 0;
	/*left: -2rem;*/
	box-sizing: border-box;
	overflow-y: hidden;
	background: transparent;
	list-style-type: none;
	transform-origin: 0% 0%;
	transform: translate(-200%, 0);
	transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#burgerList li
{
	padding-bottom: 1.5rem;
}

#burgerList li:hover label {
	text-decoration: underline;
}

#burgerList li label
{
	cursor: pointer;
	margin-bottom: 0;
	font-size: var(--primary-nav--font-size);
	color: var(--global--color-white);
}

#burgerMenu input:checked ~ ul
{
	transform: none;
}

/* --- SUB-HEADERS --- */

.home .entry-header, .singular .entry-header, .page-header {
	/*border-top: 1px solid var(--global--color-border);*/
	/*border-bottom: 1px solid var(--global--color-border) !important;*/
	margin: 0 auto 2rem auto !important;
	max-width: 86rem !important;
}

/* -------------------- FOOTER -------------------- */

.single .site-main > article > .entry-footer,
.entry-footer {
	display: block;
	border-top: 1px solid var(--global--color-border);
	padding: 1rem 0;
	margin: 0 auto;
	color: var(--global--color-md-gray);
	font-size: var(--global--font-size-sm);
}

.entry-footer .byline {
	float: right;
}

.bianco-footer {
	padding: 4rem 0 0 0;
	background-image: url("/bianco/assets/images/header-bg.svg");
	background-size: cover;
	background-position: bottom;
	color: var(--global--color-white);
}

.bianco-footer a {
	color: var(--global--color-white);
	text-decoration: none;
	line-height: 1.75;
}
.bianco-footer a:hover,
.bianco-footer a:focus {
	text-decoration: underline;
	color: var(--global--color-white) !important;
}

.bianco-footer h3 {
	font-weight: 300;
	padding-bottom: 1rem;
	color: var(--global--color-light-gray);
}

.bianco-footer > .card-container {
	max-width: 1402px;
	margin: 0 auto;
	display:flex;
	justify-content:center;
	align-items: flex-start;
	margin-bottom: 0;
}

.bianco-footer > .card-container > .card {
	padding: 0 4rem 2rem 4rem;
	margin: 0 auto;
}

.custom-logo-footer {
	max-width: 25rem;
}

.site-info {
	color: var(--global--color-lt-gray);
	font-size: var(--global--font-size-xs);
	text-align: center;
	max-width: 1402px;
	margin: 0 auto;
	/*padding: 0 6rem;*/
	border-top: 1px solid var(--global--color-border) !important;
}

@media (max-width: 1450px) {
	.bianco-footer > .card-container {
		padding: 0 4rem;
	}
	.bianco-footer > .card-container > .card {
		width: 50%;
		margin: 0 auto !important;
		padding: 0 4rem 4rem 0 !important;
	}
}

@media (max-width: 850px) {
	.bianco-footer > .card-container > .card {
		width: 100%;
		text-align: center;
		padding-right: 0 !important;
	}
}

/* -------------------- PAGES & POSTS -------------------- */

@media only screen and (min-width: 1225px) {
	.post-thumbnail, .entry-content .wp-audio-shortcode, .entry-content > *:not(#tableau):not(.twitter-tweet):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce):not(.post-main), *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .default-max-width, .wp-block-search, hr.wp-block-separator:not(.is-style-dots):not(.alignwide), .entry-content > .alignleft, .entry-content > .alignright, .author-bio, .search-form {
		max-width: 800px !important;
	}
}

.hero {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin: 0;
	display:flex;
	justify-content: center;
	align-items: center;
}

.hero-content-container {
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	z-index: 1;
}

.hero-content {
	padding: 6rem;
	text-align: justify;
	font-size: var(--global--font-size-xxxl);
	/*border-radius: 3px;*/
}

.hero-content h3 {
	text-align: center;
	font-size: var(--global--font-size-lg);
	margin: 0 auto 2rem auto;
}

.hero-basic {
	height: 550px;
	background-image: url("/bianco/assets/images/header-bg.svg");
	background-position: top;
}

.hero #video-container {
	width: 100vw;
	height: 100vh;
	position: relative;
}

.hero #video-container::before {
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	position: absolute;
	content: '';
	z-index: 1;
}

.hero #video-container video {
	object-fit: cover;
	position: relative;
	width:100%;
	height:100%;
}

.single .post,
.single .page {
	position: relative;
	margin: -400px auto 0 auto;
	max-width: 1402px;
}

.post-container {
	/*padding-top: 2rem;*/
}

.category-container > .post-container,
.category-container > .card-container
/*.post > .post-container */{
padding: 6rem 6rem 0 6rem;
background: var(--global--color-white);
}

.singular .entry-header,
.entry-header {
	background: transparent !important;
	text-align: center;
	padding-top: 0 !important;
}

.entry-header > *, .post-thumbnail > *, .page-content > *, .comment-content > *, .widget > * {
	margin-bottom: 1rem;
}

.page-title,
.entry-title {
	font-family: var(--global--font-primary);
	font-size: var(--global--font-size-xxxl) !important;
	color: #fff;
	text-align: center;
	line-height: 1.3 !important;
	word-spacing: 10px;
}

.entry-author {
	font-size: var(--global--font-size-sm);
	float: right;
	margin-bottom: 0;
}

.entry-author a {
	color: var(--global--color-md-gray) !important;
	text-decoration: none;
	font-style: italic;
}

.primary-tag {
	color: var(--global--color-bright-blue);
	text-transform: uppercase;
	text-decoration: none;
}

.entry-content {
	/*padding: 6rem 0;*/
	/*background: var(--global--color-secondary);*/
	background: var(--global--color-white);
	border-radius: 2px;
}

.entry-content p {
	margin: 1rem auto;
}

.entry-content img {
	margin: 2rem auto;
}

.post-navigation {
	margin: 0 auto 2rem auto !important;
}

.meta-nav {
	margin-bottom: 0;
}

.post-navigation .material-icons {
	padding: 0 0.5rem;
}

/*reverse the Next and Prev navigation so things
flow back in time going forward and vice versa */
.post-navigation .nav-links {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	margin: 2rem auto !important;
}

.post-navigation .nav-links .post-title {
	/*padding: 0 1rem;*/
	color: var(--global--color-primary);
	font-weight: 700;
}

.navigation .nav-links .nav-next,
.navigation .nav-links .nav-previous {
	margin-top: 0 !important;
}

.navigation .nav-links .nav-next {
	text-align: left;
}

.navigation .nav-links .nav-previous {
	text-align: right;
}

@media (max-width: 1600px) {
	.hero-basic {
		height: 550px;
	}
}

@media (max-width: 1400px) {
	.hero-basic {
		height: 500px;
	}
}

@media (max-width: 1300px) {
	.hero-basic {
		height: 450px;
	}
}

@media (max-width: 500px) {
	.category-container > .post-container,
	.category-container > .card-container,
	.post > .post-container {
		padding: 3rem 3rem 0 3rem;
	}
	
	.post-navigation .post-title {
		display: none;
	}
}

/* --- FIXES FOR OLD CLASSES AND OTHER HACKS FOR CONTENT --- */

.title,
.entry-content h3:not(:has(.title)),
:not(.hero-content) > h1:not(.entry-title):not(:has(.title)) {
	display: block;
	font-weight: 400;
	font-family: var(--global--font-primary);
	font-size: var(--global--font-size-xxl);
	width: 100%;
	text-align: center ;
	padding: 2rem 2rem 0 2rem;
	margin: 2rem auto !important;
	border-top: 1px solid var(--global--color-border);
}

:not(.post-main) > .entry-content > p:first-child > .title,
:not(.post-main) > .entry-content > h1:first-child,
:not(.post-main) > .entry-content > h1 > .title:first-child,
:not(.post-main) > .entry-content > .comment > h1 > .title:first-child,
:not(.post-main) > .entry-content > .comment > h1:first-child {
	border-top: none !important;
}

p:has(.title) {
	font-weight: 400;
	font-family: var(--global--font-primary);
	font-size: var(--global--font-size-xxl);
}

ul:has(> li .newstitle) {
	/*border-radius: 15px;*/
	/*padding: 3rem 6rem;*/
	/*margin: 0 12.5% !important;*/
	/*background: var(--global--color-extra-lt-gray);*/
	/*border: 1px solid var(--global--color-border);*/
	padding: 0;
	list-style: none;
	font-size: var(--global--font-size-sm);
}

.newstitle {
	/*color: var(--global--color-dk-gray);*/
	font-style: italic;
	max-width: 36rem;
	padding-bottom: 1rem;
	font-size: var(--global--font-size-sm);
}

.newstitle a {
	color: var(--global--color-gray-blue) !important;
	text-decoration: underline;
	font-size: var(--global--font-size-md-lg);
	font-style: normal;
	text-decoration-thickness: from-font;
	font-weight: 400;
	/*padding: 0.5rem 0 1rem 0 !important;*/
	font-family: var(--global--font-primary);
	display: flex;
	margin: 0.5rem 0;
}
.newstitle a:hover {
	color: var(--global--color-bright-blue) !important;
}

.newstitle a:before {
	content: "\a";
	white-space: pre;
}

.newstitle a:after {
	content: "\a";
	white-space: pre;
}

.newstitle br,
.newstitle + br {
	display: none !important;
}

li:has(> .newstitle) p {
	color: var(--global--color-md-dk-gray);
}

li:has(> .newstitle) {
	border-left: 5px solid var(--global--color-border);
	padding: 0 0 0 1rem;
	margin: 1rem 0 2rem 0;
	color: var(--global--color-md-dk-gray);
	font-style: italic;
	font-size: var(--global--font-size-sm);
	line-height: 1.25;
}

.commentheader {
	/*display: none;*/
	
	/*padding-top: 1rem;
	font-size: var(--heading--font-size-h4);
	letter-spacing: var(--heading--letter-spacing-h4);
	line-height: var(--heading--line-height-h4);
	/*text-align: center;*/
}

.comment,
.comment span:not(.title) {
	font-size: var(--global--font-size-md) !important;
	/*padding: 1rem 0;*/
}

.comment:has(> em) {
	/*margin: 2rem 15% !important;*/
}

#pdf-embed {
	width: 100%;
	height: 75vh;
}

.twitter-tweet {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}

.twitter-tweet iframe {
	justify-content: center;
	align-items: center;
	width: fit-content !important;
	min-width: 40%;
}

p:has(> iframe),
div:has(> iframe) {
	text-align: center;
}

.nivo-lightbox-image {
	height: 100% !important;
}

/* --- HOME --- */

.hero-home #video-container::before {
	/*background-image: url("/bianco/assets/images/home-video-overlay.png");*/
	background-image: linear-gradient(rgba(13, 40, 63, 1), rgba(13, 40, 63, 1), rgba(13, 40, 63, 0), rgba(13, 40, 63, 0), rgba(13, 40, 63, 0), rgba(13, 40, 63, 0), rgba(13, 40, 63, 0));
}

.hero-home {
	background-position-y: center;
	background-image: url("/bianco/assets/images/chicago3.jpg");
	/*height: 100vh;*/
	min-height: 600px;
	align-items: end;
	text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.5);
}

.hero-home .hero-content-container {
	width: 100%;
	margin-bottom: 7rem;
	z-index: 2;
}

.hero-home .hero-content {
	padding: 0;
	font-weight: 300;
	text-align: left;
	line-height: var(--global--line-height-heading);
	color: var(--global--color-white);
	max-width: 72rem;
}

.hero-home .hero-content h1 {
	font-weight: 300;
	font-size: var(--global--font-size-xxxxl);
	font-family: var(--global--font-primary);
	max-width: 64rem;
}

.hero-home .hero-content h3 {
	margin-top: 2rem;
}

.card-blurb-left {
	width: 45%;
}

.card-blurb-left h2 {
	font-family: var(--global--font-primary);
	max-width: 36rem;
	margin-top: -1rem;
	margin-right: 3rem;
}

.card-blurb-right {
	width: 50%;
}

.card-blurb-right p {
	font-size: var(--global--font-size-md-lg);
	margin-top: -6px;
}

.iframe-youtube {
	width: 100%;
	height: 400px;
}

.home h2 {
	font-size: var(--global--font-size-xxxl);
}

.home-bio {
	text-align: center;
	min-width: 26.5rem;
	margin: 2rem 0;
}

.home-bio h4 {
	margin-top: 0.25rem;
}

.home-bio a {
	text-decoration: none;
}

.bio-img {
	/*filter: grayscale(1);*/
	transition: .25s;
	width: 20rem;
	min-width: 20rem;
}

.bio-name {
	color: var(--global--color-dk-gray);
	/*font-family: var(--global--font-primary);*/
	font-weight: 400;
	font-size: var(--global--font-size-xl);
	text-underline-offset: 0.5rem;
	padding-top: 1rem;
	transition: .25s;
	line-height: 1.5;
}

.bio-title {
	color: var(--global--color-md-gray);
	text-align: center;
	font-size: var(--global--font-size-md);
	margin: 0 0 1rem 0 ;
	line-height: 1.5;
}

.bio-links {
	padding-bottom: 0.5rem;
}

.home-bio:hover .bio-name {
	text-decoration: underline;
	/*box-shadow: inset 0 0 0 rgba(0, 0, 0,0), 0 3px 0 rgba(68, 68, 68,1);*/
	transition: .25s;
}
.home-bio:hover .bio-img {
	/*-webkit-box-shadow: 0 0 10px rgba(22, 57, 95, 0.7);
	box-shadow: 0 0 10px rgba(22, 57, 95, 0.7);*/
	/*filter: grayscale(0);*/
	/*transition: .33s;*/
}

.modal-content .bio-img {
	padding-right: 2rem;
	width: 18rem;
	min-width: 18rem;
}

.modal-content .bio-name,
.modal-content .bio-title {
	text-align: left;
	text-decoration: none !important;
}

.modal-dialog {
	margin-top: 8rem;
	width: 86rem;
}

.modal-body {
	padding: 2rem;
}

.modal-body .card-container {
	justify-content: left;
}

.card-bio-text {
	max-width: 57rem;
	text-align: left;
}

.home .card-separator {
	height: 38rem;
}

.product-card-container a:hover {
	text-decoration: none;
}

.material-icons-outlined {
	transition: ease-out 0.33s;
}

.product-card-container a:hover .material-icons-outlined {
	box-shadow: inset 100px 0 0 0 var(--global--color-white);
	color: var(--global--color-dk-gray);
	margin-right: 0;
	transition: ease-in 0.33s;
}

@media (max-width: 1700px) {
	.modal-body {
		/*padding: 1rem;*/
	}
}

@media (max-width: 1500px) {
	.iframe-youtube {
		height: 350px;
	}
}

@media (max-width: 1300px) {
	.iframe-youtube {
		height: 300px;
	}
}

@media (max-width: 1100px) {
	.modal-dialog {
		width: 50rem;
		margin-left: auto;
		margin-right: auto;
	}
	
	.modal-content .bio-img {
		padding-right: 0;
	}
	
	.modal-content .bio-name,
	.modal-content .bio-title {
		text-align: center;
	}
	
	.modal-body .card-container {
		justify-content: center;
	}
	
	.iframe-youtube {
		height: 250px;
	}
	
}

@media (max-width: 900px) {
	.iframe-youtube {
		height: 200px;
	}
}

@media (max-width: 700px) {
	.card-blurb-left {
		width: 100%;
		padding-bottom: 2rem;
	}
	
	.card-blurb-right {
		width: 100%;
	}
	
	.iframe-youtube {
		height: 275px;
	}
}

@media (max-width: 500px) {
	.modal-dialog {
		width: 100%;
	}
	
	.iframe-youtube {
		height: 250px;
	}
}

/* --- FREE TRIAL --- */

.hero-free-trial {
	min-height: 72rem;
}

.hero-free-trial #video-container {
	min-height: 72rem;
}

.hero-free-trial #video-container::before {
	/*background-image: url("/bianco/assets/images/home-video-overlay.png");*/
	background-image: linear-gradient(rgba(13, 40, 63, 1), rgba(13, 40, 63, 1), rgba(13, 40, 63, 0), rgba(13, 40, 63, 0), rgba(13, 40, 63, 0), rgba(13, 40, 63, 0), rgba(13, 40, 63, 0));
}

.hero-free-trial .hero-content-container {
	width: 80%;
	max-width: 40rem;
	margin-top: 4rem;
	/*background-color: var(--global--color-extra-lt-gray);*/
	background: rgba(240,240,240,0.85);
}

.hero-free-trial .hero-content {
	line-height: 1;
	font-size: 1.3rem;
}

/* --- CONTACT --- */

.hero-contact {
	min-height: 72rem;
}

.hero-contact #video-container {
	min-height: 72rem;
}

.hero-contact #video-container::before {
	/*background-image: url("/bianco/assets/images/home-video-overlay.png");*/
	background-image: linear-gradient(rgba(13, 40, 63, 1), rgba(13, 40, 63, 1), rgba(13, 40, 63, 0), rgba(13, 40, 63, 0), rgba(13, 40, 63, 0), rgba(13, 40, 63, 0), rgba(13, 40, 63, 0));
}

.hero-contact .hero-content {
	margin-top: 6rem;
	font-size: var(--global--font-size-sm);
	line-height: 1;
}

.hero-contact .card {
	height: 50rem;
	background: rgba(240,240,240,0.85);
	/*background: rgba(22,57,95,0.9);*/
}

.hero-contact input[type=text],
.hero-contact textarea {
	font-size: var(--global--font-size-sm);
}

.hero-contact .card-left {
	width: 50%;
	max-width: 1028px;
	padding: 4rem 6rem;
}

.hero-contact .card-right {
	width: 25%;
	padding: 4rem;
	margin-left: 2rem;
}

.hero-contact .hero-content {
	line-height: 1;
	font-size: var(--global--font-size-md);
}

.hero-contact h3 {
	text-align: center;
	font-size: var(--global--font-size-lg);
	margin: 0 auto 2rem auto;
}

@media (max-width: 1300px) {
	.hero-contact .card-right {
		display: none;
	}
	
	.hero-contact .card-left {
		width: 100%;
	}
}

@media (max-width: 700px) {
	.hero-contact .hero-content {
		margin-top: 1rem;
		padding-top: 1rem;
	}
	
	.hero-contact .card-left {
		height: 600px;
		padding: 3rem;
	}
}

@media (max-width: 500px) {
	.hero-contact .hero-content {
		padding: 1rem;
	}
	
	.hero-contact .card-left {
		height: fit-content;
	}
}


/* --- LOG IN --- */

.hero-login {
	min-height: 57rem;
}

.hero-login #video-container {
	min-height: 57rem;
}

.hero-login #video-container::before {
	/*background-image: url("/bianco/assets/images/home-video-overlay.png");*/
	background-image: linear-gradient(rgba(13, 40, 63, 1), rgba(13, 40, 63, 1), rgba(13, 40, 63, 0), rgba(13, 40, 63, 0), rgba(13, 40, 63, 0), rgba(13, 40, 63, 0), rgba(13, 40, 63, 0));
}

.hero-login .hero-content-container {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 4rem;
	width: 80%;
	max-width: 40rem;
	height: 32rem;
	/*background-color: var(--global--color-extra-lt-gray);*/
	background: rgba(240,240,240,0.85);
}

.hero-login .hero-content {
	line-height: 1;
	font-size: var(--global--font-size-md);
}

/* --- FORGOT & RESET PASSWORD --- */

.hero-forgot-password {
	min-height: 60rem;
}

.hero-forgot-password #video-container {
	min-height: 60rem;
}

.hero-forgot-password #video-container::before {
	/*background-image: url("/bianco/assets/images/home-video-overlay.png");*/
	background-image: linear-gradient(rgba(13, 40, 63, 1), rgba(13, 40, 63, 1), rgba(13, 40, 63, 0), rgba(13, 40, 63, 0), rgba(13, 40, 63, 0), rgba(13, 40, 63, 0), rgba(13, 40, 63, 0));
}

.hero-forgot-password .hero-content-container {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 4rem;
	width: 80%;
	max-width: 40rem;
	height: 32rem;
	/*background-color: var(--global--color-extra-lt-gray);*/
	background: rgba(240,240,240,0.85);
}

.hero-reset-password .hero-content-container {
	margin-top: 6rem;
	width: 80%;
	max-width: 50rem;
	height: 50rem;
	min-height: 560px;
}

.hero-forgot-password .hero-content {
	line-height: 1;
	font-size: var(--global--font-size-md);
}

/* --- CLIENT HOME --- */

.popular-tags {
	display: flex;
	margin: 0rem auto 0.5rem auto;
	justify-content: center;
	align-items: center;
	flex-flow: wrap;
}

.popular-tags a {
	font-size: 1.1rem;
	font-weight: bold;
	color: var(--global--color-white) !important;
	text-transform: uppercase;
	text-decoration: none;
	border-right: 1px solid var(--global--color-border);
	padding: 0 1.75rem;
	margin: 0.5rem 0;
}
.popular-tags a:first-child {
	padding-left: 0;
}
.popular-tags a:last-child {
	border-right: none;
	padding-right: 0;
}
.popular-tags a:hover {
	text-decoration: underline;
	color: var(--global--color-white) !important;
}

.client-home-content {
	margin: -450px auto 0 auto;
	padding: 0rem;
}

.client-home-content .post-container {
	padding: 4rem 4rem 0 4rem;
}

.card-container-client-home-top .card-separator {
	height: 48rem;
}

.card-container-client-home-small {
	width: 20rem;
}

.card-omni-box {
	width: 302px;
	background: var(--global--color-extra-lt-gray);
	height: 48rem;
	padding: 1.5rem;
}

.card-omni-box a:not(.button-basic) {
	font-size: var(--global--font-size-sm);
	color: var(--global--color-dk-gray) !important;
	display: block;
	margin-bottom: 1.5rem;
}

@media (max-width: 1400px) {
	.popular-tags {
		display: none;
	}
	
	.card-container-client-home-top > .post {
		width: 49% !important;
		padding-left: 0;
	}
	
	.card-container-client-home-small {
		width: 49%;
	}
	
	.card-container-client-home-top .card-separator {
		width: 2%;
		height: 1px;
		margin: 0;
		background: transparent;
		
	}
	
	.card-container-client-home-small .card-small .card-top {
		display: none;
	}
	
	.card-container-client-home-small .post {
		width: 100% !important;
	}
	
	.card-omni-box {
		background: transparent;
		width: 100%;
		padding: 1.5rem 0;
		height: auto;
	}
	
	.card-omni-box h5 {
		font-size: var(--global--font-size-md-lg);
	}
	
	.card-omni-box a,
	.card-container-client-home-top p{
		font-size: 16px;
	}
}

@media (max-width: 900px) {
	
	.card-container-client-home-top > .post {
		width: 100% !important;
		max-width: 100% !important;
	}
	
	.card-container-client-home-top .card-big {
		width: 100%;
	}
	
	.card-container-client-home-top .card-big .card-top,
	.card-container-client-home-top .card-big .card-bottom {
		width: 50%;
	}
	
	.card-container-client-home-small {
		width: 100%;
	}
	
	.card-container-client-home-small .post .card-small .card-bottom {
		width: 100%;
		padding-left: 0;
	}
	
	.card-container-client-home-small .card-small h4 {
		font-size: var(--global--font-size-sm);
	}
	
	.card-container-client-home-small .post:has(.card-small) {
		padding-top: 0;
	}
}

@media (max-width: 700px) {
	.card-container-client-home-top .card-big .card-top {
		width: 100%;
		height: 35rem;
	}
}

@media (max-width: 500px) {
	.card-container-client-home-top .card-big .card-top {
		height: 25rem;
	}
}

/* --- SEARCH PAGE --- */

.post-search {
	margin: -350px auto 0 auto;
}

.post-search .sidebar-list {
	padding: 1rem 2rem;
}

.sidebar-list form ul li label * {
	min-width: 305px !important;
	min-height: 41px;
	line-height: 1.5;
}

.search-filter-results {
	min-height: 92vh;
}

.sf-input-text:not(.sf-datepicker) {
	border: 3px solid #444 !important;
}

.sf_date_field {
	padding-left: 0;
}

.post:has(.card-search) {
	width: 47.5%;
}

/* -------------------- CATEGORIES AND TAGS -------------------- */

.page-description,
.cat-description {
	margin-top: 1rem;
	font-size: var(--global--font-size-md);
	font-style: italic;
	font-weight: 400;
	line-height: 1;
	text-align: center;
	color: var(--global--color-gray);
	
	/*text-transform: uppercase;*/
}

.page-description hr {
	max-width: 33%;
	margin: 0 auto 1rem auto;
	border-color: var(--global--color-gray);
}

.category-container {
	margin: -400px auto 0 auto;
	padding: 0;
}

.post:has(.card-wide),
.post:has(.card-wide-conf) {
	width: 100%;
}

.post-summary {
	padding: 6rem 6rem 0 6rem;
	margin: 0 auto;
}

.post-summary p {
	color: var(--global--color-md-dk-gray);
	border-bottom: 1px solid var(--global--color-border);
	padding-bottom: 2rem;
	padding-top: 0rem;
	margin-bottom: 2rem;
	margin-top: 1rem;
	font-size: var(--global--font-size-md);
	font-style: italic;
}

.post-with-sidebar {
	/*max-width: 121rem !important;
	width: 121rem;*/
}

.post-with-sidebar .post-container {
	padding: 0;
}

.post-with-sidebar .post-main {
	width: 70rem;
	max-width: 100% !important;
	background: #fff;
	padding: 4rem;
	margin-top: 0;
}

.sidebar {
	/*margin: var(--global--spacing-vertical) 1% 0 0;*/
	width: 30rem;
	position: sticky;
	top: 0;
	background: #fff;
	/*height: 100vh;*/
	overflow-y: auto;
	scrollbar-color: #e3e3e3 transparent;
	
}

.sidebar-list {
	list-style: none;
	padding: 1rem 4rem;
	margin: 3rem 0 1rem 0;
	font-size: 1.2rem;
	min-height: 92vh;
	border-right: 1px solid var(--global--color-border);
}

.post-main .post-summary {
	max-width: 800px;
	padding: 0;
}

.excerpt-tag {
	color: var(--global--color-bright-blue);
	text-transform: uppercase;
	font-size: var(--global--font-size-sm);
	padding: 0;
	margin: 1rem 0 0.5rem 0;
}

.excerpt-date {
	color: var(--global--color-md-gray);
	font-weight: 600;
	font-size: 1.1rem;
	padding: 0.5rem 0;
	font-style: italic;
}

.excerpt-image-only {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	height: 25rem;
	/*margin: 0 0 4rem 0;*/
	filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, .1));
}

.post .card {
	text-decoration: none;
	color: var(--global--color-dk-gray);
}

.post .card-top,
.post .card-image {
	filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, .08));
	/*background-size: 110%;*/
	background-size: cover;
	background-position: center;
	/*transition: background-size 0.5s;*/
}

.post .card:hover .card-top,
.post .card:hover .card-image {
	/*background-size: 115%;*/
	/*transition: background-size 0.5s;*/
}

.post .card-image {
	height: 30rem;
	width: 40%;
	background-repeat: no-repeat;
}

.post .card-text {
	width: 60%;
	padding-left: 3rem;
}

.post .card-wide-conf .card-text {
	width: 42rem;
	padding-left: 0;
}

.post .card-wide-conf .card-image {
	border-left: 1px solid var(--global--color-border);
	padding: 0 0 0 3rem;
	margin-left: 2em;
	min-width: 42rem;
	min-height: 29rem;
}

.post .card-wide-conf a.card-text {
	color: var(--global--color-dark-gray) !important;
}

.post .card-wide-conf a.card-text:hover {
	text-decoration: none !important;
}

.post .card-wide-conf .card-text ul {
	padding-left: 1.5rem;
}

.post:has(.card-big) {
	width: 50%;
	max-width: 622px;
}

.card-big .card-top {
	height: 25rem;
}

.post:has(.card-small) {
	min-width: 20rem;
	width: 22.5%;
}

.card-small .card-top {
	height: 12rem;
}

.card-extra-small h3 {
	font-size: var(--global--font-size-md-lg);
	margin-top: 0.5rem;
}

.card-tiny h3 {
	font-size: var(--global--font-size-md);
}

.post .card h2,
.post .card h3,
.post .card p {
	color: var(--global--color-dk-gray) !important;
}

.post .card:hover h2:not(.title-link),
.post .card:hover h3 {
	text-decoration: underline;
	color: var(--global--color-primary) !important;
}

.post .card-wide {
	width: 100%;
}

.post .card-wide .card-text ul li {
	margin-bottom: 0.5rem;
}

.card-wide .card-image {
	height: 21rem;
}

.post .card-wide h2,
.post .card-wide-conf h2 {
	font-size: 2.6rem;
	font-family: var(--global--font-secondary);
	/*text-underline-offset: 0.8rem;*/
}

.post .card h3 {
	/*text-underline-offset: 0.5rem;*/
}

.card-container-cartoons .card {
	width: 31%;
}

.card-container-cartoons .card .excerpt-date {
	font-size: 1rem;
	text-align: center;
}

.category-charts-of-the-week .post-container .card-container {
	margin: 0 auto;
}

.category-charts-of-the-week .post .card-image {
	height: 600px;
	width: 800px;
}

.category-charts-of-the-week .post .card-text {
	width: 30rem;
	/*margin-top: 3rem;*/
	padding: 0 1rem 0 3rem;
}

/*.category-charts-of-the-week .post .card:hover .card-image {*/
/*	background-size: contain;*/
/*	transition-property: none;*/
/*}*/

.category-charts-of-the-week .hr-separator {
	margin: 3rem 0;
}

.pagination {
	margin: 1.5rem auto 0 auto;
	padding-top: 0;
	border-top: none;
	width: 100%;
	max-width: 100% !important;
}

.pagination .nav-links {
	padding: 1rem 0 !important;
	border-top: 1px solid var(--global--color-border) !important;
	margin: 0 auto 2rem auto !important;
	max-width: 88rem !important;
}
.pagination .nav-links > *:not(.dots):not(.current):hover, .comments-pagination .nav-links > *:not(.dots):not(.current):hover {
	text-decoration-style: solid;
}
.pagination .nav-links * {
	margin-top: 0;
	font-size: var(--global--font-size-md-lg);
}

.nav-links .post-title {
	font-size: var(--global--font-size-md);
	max-width: 30rem;
	line-height: 1.5;
}

.pagination .nav-links a:not(.next):not(.previous):not(.prev),
.pagination .nav-links .dots,
.pagination .nav-links .current {
	display: none;
}

@media (max-width: 1600px) {
	.category-container {
		max-width: 100% !important;
		width: 100%;
	}
	
	.card-wide .card-image {
		height: 28rem;
	}
}

@media (max-width: 1400px) {
	.category-charts-of-the-week .post-container .card-container {
		width: 800px;
	}
	.category-charts-of-the-week .post .card {
		/*if we want to change it so that the text goes on top of the image instead*/
		/*display: flex;*/
		/*flex-direction: column-reverse;*/
	}
	.category-charts-of-the-week .post .card .card-text {
		padding: 0;
		width: 100%;
	}
}

@media (max-width: 1300px) {
	.sidebar {
		display: none;
	}
	
	.pagination {
		padding: 0 2rem;
	}
	
	.card-wide .card-image {
		height: 24rem;
	}
	
	.post .card-wide-conf .card-text {
		width: 100%;
		padding: 0 0 2rem 0;
		margin-bottom: 2rem;
	}
	
	.post .card-wide-conf .card-image {
		width: 100%;
		border-left: none;
		border-top: 1px solid var(--global--color-border);
		margin-left: 0;
		padding-left: 0;
		padding-top: 1rem;
	}
	
	.post .card-wide-conf .card-image iframe {
		width: 50% !important;
	}
	
	.category-charts-of-the-week .hr-separator {
		display: block;
	}
	
	.pagination .nav-links {
		max-width: 90vw !important;
	}
}

@media (max-width: 1100px) {
	.card-container .post:not(:has(.card-wide)):not(:has(.card-wide-conf)),
	.card-container-cartoons .card {
		width: 50%;
		padding-bottom: 2rem;
	}
	
	.card-wide .card-image {
		height: 20rem;
	}
	
	.card-small .card-top {
		height: 22rem;
	}
	
	.card-small h3 {
		font-size: 21px;
	}
	.card-small p {
		font-size: 16px;
	}
	
	.category-charts-of-the-week .post-container .card-container {
		width: 100%;
		max-width: 700px;
	}
	
	.category-charts-of-the-week .post .card-image {
		width: 100%;
		height: 500px;
		background-size: contain;
	}
}

@media (max-width: 900px) {
	.card-container .post,
	.card-container-cartoons .card,
	.post-search .card-container .post {
		width: 100%;
	}
	
	.card-wide .card-image {
		display: block;
		width: 100%;
		height: 35rem;
	}
	
	.card-wide .card-text {
		display: block;
		margin-top: 1rem;
		padding-left: 0;
		width: 100%;
	}
	
	.post .card-wide-conf .card-image iframe {
		width: 100% !important;
		margin-top: 2rem;
	}
	
	.card-small .card-top {
		width: 50%;
	}
	
	.category-charts-of-the-week .post-container .card-container {
		max-width: 550px;
	}
	
	.category-charts-of-the-week .post .card-image {
		height: 420px;
	}
}

@media (max-width: 700px) {
	.post-summary {
		padding: 4rem 4rem 0 4rem;
	}
	
	.post {
		width: 100% !important;
	}
	
	.card-wide .card-image {
		height: 30rem;
	}
	
	.card-small .card-top {
		width: 100%;
		height: 30rem;
	}
	
	.category-charts-of-the-week .post-container .card-container {
		max-width: 425px;
	}
	
	.category-charts-of-the-week .post .card-image {
		height: 325px;
	}
}

@media (max-width: 500px) {
	.card-wide .card-image {
		height: 25rem;
	}
	
	.post .card-wide-conf {
		padding: 0 1rem 2rem 1rem;
	}
	
	.post .card-wide-conf .card-image iframe {
		min-width: 0;
		min-height: 0;
	}
	
	.card-container .post .card:not(.card-big) .card-top {
		height: 22rem;
	}
	
	.excerpt-image-only {
		height: 20rem;
	}
	
	.post-summary {
		padding: 0;
	}
	
}

@media (max-width: 400px) {
	.category-charts-of-the-week .post-container .card-container {
		max-width: 375px;
	}
	
	.category-charts-of-the-week .post .card-image {
		height: 222px;
	}
}

@media (max-width: 400px) {
	.category-charts-of-the-week .post .card-image {
		display: none;
	}
	
	.category-charts-of-the-week .hr-separator {
		margin: 0;
	}
}

/* --------- COOKIE POLICY --------- */

.policy {
	background-color: rgba(0, 0, 0, 0.8);
	height: 38%;
	position: fixed;
	display: block;
	left:0;
	bottom:0;
	width:100%;
	z-index:99999;
	animation: 1s ease-out 0s 1 slideUpFromBottom;
}

.policy .policyContent {
	margin: 0 auto;
	font-size: 100%;
	line-height: 24px;
	font-weight: 400;
	text-align: center;
	text-shadow: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 86%;
	max-width: 900px;
}

.policy .policyContent a {
	color: var(--global--color-bright-blue);
}

.policy .policyContent p,
.policy .policyContent a:hover {
	color: #dddddd;
	text-decoration-style: solid;
}

.policy #acceptPolicy {
	margin: 0 auto;
	border-radius: 5px;
	border: 1px solid #000;
	padding: 10px 20px;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	font-size: 20px;
	font-weight: 400;
	background-color: var(--global--color-bright-blue);
	color: var(--global--color-white);
	display: inline-block;
}

.policy #acceptPolicy:hover {
	background-color: var(--global--color-primary) !important;
	background-image: none;
}