/* AJR TrackMate Plugin - Posts Styles - @package ajr-trackmate/css */

/* ----------------------------------------------------------------------------------------- */
/* VARIABLES
/* ----------------------------------------------------------------------------------------- */
:root {
	--sidebar_margin_bottom:1em;
	--sidebar_padding:1em;
	--sidebar_column_margin:2em;
}


/* ----------------------------------------------------------------------------------------- */
/* HTML
/* ----------------------------------------------------------------------------------------- */
img {
    max-width: 100%; }


/* ----------------------------------------------------------------------------------------- */
/* TEMPORARY STYLES
/* ----------------------------------------------------------------------------------------- */
body.page_guides-and-instructions .wp-block-query {
    display: none; }

body.page_guides-and-instructions article.item {
    display: -webkit-flex; display: flex;
    -webkit-flex-direction: column; flex-direction: column;
    max-width: 100%;
    margin-top: 2rem;
    padding: 1rem;
    border-radius: 10px;
    background: rgba(255,255,255,0.75);
    transition: var(--transition); }
    body.page_guides-and-instructions article.item:hover {
        background: rgba(255,255,255,1);
        box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
        transition: var(--transition_active); }
body.page_guides-and-instructions article.item + article.item {
    margin-top: 1rem; }

    body.page_guides-and-instructions article.item a.item_link {
        display: -webkit-flex; display: flex;
        -webkit-flex-direction: column; flex-direction: column; }
    body.page_guides-and-instructions article.item a.item_link:empty {
        display: none; }
        body.page_guides-and-instructions article.item img {
            margin-bottom: 1rem; }

    body.page_guides-and-instructions article.item .item_title {
        margin: 0 !important;
        font-size: 2em; }

    body.page_guides-and-instructions article.item .item_categories {}
        body.page_guides-and-instructions article.item .item_categories ul {
            display: -webkit-flex; display: flex;
            -webkit-flex-wrap: wrap; flex-wrap: wrap;
            list-style: none;
            margin: 0.25em 0 0 !important;
            padding: 0; }
            body.page_guides-and-instructions article.item .item_categories li {
                font-size: 0.9em;
                font-weight: 300;
                font-style: italic; }
                body.page_guides-and-instructions article.item .item_categories li + li {
                    margin-left: 0.25em; }
                body.page_guides-and-instructions article.item .item_categories li a {
                    }

    body.page_guides-and-instructions article.item .item_content {
        margin-top:1rem; }

    body.page_guides-and-instructions article.item .item_tags {
        display: -webkit-flex; display: flex;
        -webkit-flex-wrap: wrap; flex-wrap: wrap;
        margin-top: 1.5rem;
        padding-top: 1rem;
        border-top: 1px solid rgb(var(--colour_grey_lightest));
        box-shadow: 0 -1px 0 0 rgb(var(--colour_grey_lighterererer)); }
        body.page_guides-and-instructions article.item .item_tags:empty {
            display: none; }
        body.page_guides-and-instructions article.item .item_tags a {
            display: block;
            margin-top: 2px;
            padding: 5px 8px 4px;
            line-height: 1em;
            font-size: 0.7em;
            text-transform: uppercase;
            color: #fff !important;
            border-radius: 3px;
            background: rgb(var(--colour_accent)); }
            body.page_guides-and-instructions article.item .item_tags a + a {
                margin-left: 2px; }
            body.page_guides-and-instructions article.item .item_tags a:hover {
                background: rgb(var(--colour_accent_hover)); }
            body.page_guides-and-instructions article.item .item_tags a:active {
                background: rgb(var(--colour_accent_active)); }


/* ----------------------------------------------------------------------------------------- */
/* layout
/* ----------------------------------------------------------------------------------------- */
.page .ajr_hero {
	padding:2em; }
.single-post .ajr_hero {
	padding:2em 2em 12em; }

/* container */
.page .post_container {
	margin:2em 2em 0; }
.single-post .post_container {
	margin:-10em 2em 0;
	z-index:5; }

	/* content */
	.page .post_content {
		 }
	.single-post .post_content {
		position:relative;
		width:75%;
		padding:var(--background_padding);
		border-radius:var(--background_border_radius);
		border:var(--overlap_background_border);
		background:var(--overlap_background); }

	/* sidebar */
	.post_sidebar {
		width:calc(25% - var(--sidebar_column_margin)); }
		.post_sidebar.position_left {
			margin-right:var(--sidebar_column_margin); }
		.post_sidebar.position_right {
			margin-left:var(--sidebar_column_margin); }
		.post_sidebar .sidebar_container {
			position:relative; }
			.post_sidebar .sidebar_container:not(.post_grid) {
				margin-bottom:var(--sidebar_margin_bottom);
				padding:var(--sidebar_padding);
				border-radius:var(--background_border_radius);
				border:var(--overlap_background_border);
				background:var(--overlap_background); }
			.post_sidebar .sidebar_container.post_grid {
				margin-top:1em;
				margin-bottom:-webkit-calc(var(--sidebar_margin_bottom) + 1em );
				margin-bottom:		  calc(var(--sidebar_margin_bottom) + 1em ); }

	.single-post .post_content:before,
	.single-post .post_sidebar .sidebar_container:not(.post_grid):before {
		content:'';
		position:absolute;
		z-index:-1;
		top:0;
		right:0;
		bottom:0;
		left:0;
		border-radius:var(--background_border_radius);
		-webkit-backdrop-filter:blur(var(--glass_background_blur));
				backdrop-filter:blur(var(--glass_background_blur)); }

.post_related {
	margin-top:2em; }
	.post_related .post_related_container {
		border-radius:var(--background_border_radius);
		border:var(--overlap_background_border);
		background:var(--background_gradient); }

@media screen and (max-width:767px) {
	.single-post .post_content,
	.single-post .post_sidebar {
		width:100%;
		margin:0; }
	.single-post .post_sidebar {
		margin-top:2em; }
	.post_related_container {
		margin:0 2em; }
}
/* ----------------------------------------------------------------------------------------- */
/* post header
/* ----------------------------------------------------------------------------------------- */
.ajr_hero .elementor-motion-effects-container {
	-webkit-filter: blur(var(--background_blur));
			filter: blur(var(--background_blur)); }

.single-post .ajr_hero .header_image img {
	height:25vh;
	width:auto; }
	
.single-post .ajr_hero .header_title h1 {
	color:#fff;
	text-shadow: 2px 2px 3px rgb(0 0 0 / 50%); }

.single-post .ajr_hero .header_meta {
	margin-top:0.5em; }
	.single-post .ajr_hero .header_meta .elementor-widget-container {
		display:table;
		margin:auto;
		font-size:0.8em;
		font-weight:300;
		text-align:center;
		color:#fff;
		text-shadow:1px 1px 2px #000; }
		.ajr_hero .header_meta .elementor-widget-container li .elementor-icon-list-text a {
			color:#fff; }
			.ajr_hero .header_meta .elementor-widget-container li .elementor-icon-list-text a:hover {
				color:rgb(var(--text_color_accent)); }

@media screen and (max-width:767px) {
	.single-post .ajr_hero .header_image img {
		height:20vh; }

	.single-post .ajr_hero .header_meta {
		margin-top:1em; }
		.ajr_hero .header_meta .elementor-widget-container ul {
			display:block;
			text-align:left; }
}

/* ----------------------------------------------------------------------------------------- */
/* header titles
/* ----------------------------------------------------------------------------------------- */

/* title */
.post_sidebar .elementor-widget-heading.sidebar_title,
.post_sidebar .sidebar_title:not(h5) {
	margin:0 !important;
	line-height:0.9em; }

/* h1 */
.single-post .post_content h1 {
	margin-top:2.5em;
	line-height:1em; }
	.single-post .post_content h1:first-of-type {
		margin-top:0; }

/* h2 */
.single-post .post_content h2 {
	margin-top:2.5em;
	/*margin-bottom:1em;*/
	line-height:1em;
	font-size:2.2em;
	transition: color 2s ease; }
	.single-post .post_content h2.active {
		color: rgb(var(--text_color_accent)) !important;
		transition: color 1s ease; }

/* h3 */
.single-post .post_content h3 {
	margin-top:1.2em;
	margin-bottom:0.25em;
	line-height:1em;
	font-size: 1.8em; }
.single-post .post_sidebar h3,
.single-post .post_related .post_related_container h3 {
	font-size:1.7em;
	color:#000; }
.single-post .post_sidebar h3 {
	margin:0; }
.single-post .post_related .post_related_container h3 {
	margin-bottom:0.25em; }

/* h4 */
.single-post .post_content h4 {
	margin-top:1.1em;
	margin-bottom:0.15em;
	line-height:1em;
	font-size: 1.5em; }

/* h5 */
.single-post .post_content h5 {
	margin-top:1em;
	margin-bottom:0;
	line-height:1em;
	font-size: 1.3em; }
.post_sidebar .sidebar_title,
.post_sidebar .sidebar_container .sidebar_title {
	margin:0 0 0.75em;
	line-height:0.9em;
	font-size:1.4em;
	color:#000; }

/* ----------------------------------------------------------------------------------------- */
/* buttons
/* ----------------------------------------------------------------------------------------- */

/* inline text icons */
.single-post .inline_text_icon {
	top:-1px;
	margin:0 4px !important;
	font-size:0.9em !important; }

/* inline text buttons */
.single-post .inline_text_button {
	position:relative;
	top:-2px;
	margin:0 2px !important;
	padding:5px 8px 5px 7px !important;
	line-height:0.9em !important;
    font-size:0.7em !important; }
	.single-post .inline_text_button.icon_only .icon {
		margin:0;
		padding:0; }
	.single-post .inline_text_button.transparent_button {
		top:-2px;
		padding:0 5px !important;
		font-size:0.8em !important;
		color:#444 !important;
		text-transform:none !important;
		text-shadow:none !important;
		background:transparent !important; }
		.single-post .inline_text_button.transparent_button .icon {
			top: 1px;
    		padding-right:1px !important;
			font-size: 1.1em !important;
    		color: rgb(var(--text_color_accent)) !important; }

/* ----------------------------------------------------------------------------------------- */
/* columns
/* ----------------------------------------------------------------------------------------- */
.wp-block-columns {
	display:table; }
	.wp-block-columns .wp-block-column {
		display:table-cell;
		width:50%; }
	.wp-block-columns .wp-block-column:nth-child(odd) {
		padding-right:15px; }
	.wp-block-columns .wp-block-column:nth-child(even) {
		padding-left:15px; }

/* ----------------------------------------------------------------------------------------- */
/* ul
/* ----------------------------------------------------------------------------------------- */
.single-post .post_content ul {
	margin:1em 0 1em;
	padding-left:2em; }
	.single-post .post_content ul li {
		margin-bottom:0.5em;
		line-height:1.2em; }

/* ----------------------------------------------------------------------------------------- */
/* images
/* ----------------------------------------------------------------------------------------- */
.single-post figure {
    margin-block-start: 1em;
    margin-block-end: 2em;
    margin-inline-start: 0;
    margin-inline-end: 0; }
	.single-post figure.aligncenter {
		text-align:center; }
	.wp-block-image.alignfull,
	.wp-block-image.alignwide {
		max-width: none; }
	.single-post figure.alignwide {
		margin-left:0;
		margin-right:0; }
		.single-post figure.alignwide img {
			width:100%; }
	.single-post figure.wp-block-image.size-full img {
		width:100%; }

/* ----------------------------------------------------------------------------------------- */
/* captions
/* ----------------------------------------------------------------------------------------- */
.blocks-gallery-caption,
.wp-block-embed figcaption,
.wp-block-image figcaption,
.single-post blockquote.wp-block-quote cite,
.trackmate_ratings_colour_guide .rating_caption {
    font-family:Roboto Condensed;
	color:#bbb;
    font-size:0.8em;
	font-weight:300;
	font-style:normal;
    text-align:center; }

/* ----------------------------------------------------------------------------------------- */
/* blockquote
/* ----------------------------------------------------------------------------------------- */
.single-post blockquote.wp-block-quote {
	position:relative;
	margin:1.5em 0;
	padding:1em 1.5em 1em 1.75em;
	font-family:Roboto Slab;
	font-size:1em;
	font-weight:300;
	font-style:italic;
	border-left:2px solid rgb(var(--text_color_accent));
	border-radius:0 10px 10px 0;
	background:#f9f9f9; }
	.single-post blockquote.wp-block-quote::before {
		position: absolute;
		top: 0.65em;
		left: 0.25em;
		content: '\201C';
		font-family: auto;
		font-size: 2em;
		line-height: 1rem;
		color:#ddd; }
	.single-post blockquote.wp-block-quote p:last-of-type {
		margin-bottom:0; }
	.single-post blockquote.wp-block-quote cite {
		display:block;
		margin:0.5em 0 -0.1em;
		font-family:Roboto Condensed;
		color:#999;
		font-size:0.7em;
		font-weight:300;
		font-style:normal;
		text-align:left; }

/* ----------------------------------------------------------------------------------------- */
/* trackmate rating colour guide
/* ----------------------------------------------------------------------------------------- */
.trackmate_ratings_colour_guide {
	width:100%;
	margin:0 auto;
	display:flex;
	justify-content:space-between; }
	.trackmate_ratings_colour_guide .rating_item {
		margin:0 0.5em; }
		.trackmate_ratings_colour_guide .rating_item .rating_colour {
			margin:auto;
			height:50px;
			width:50px; }
		.trackmate_ratings_colour_guide .rating_item .rating_caption {
			margin-top:0.75em;
			margin-bottom:1rem;
			line-height:1em; }

@media screen and (max-width:767px) {
	.trackmate_ratings_colour_guide {
		flex-wrap: wrap; }
		.trackmate_ratings_colour_guide .rating_item {
			width:25%; }
}

/* ----------------------------------------------------------------------------------------- */
/* PAGE - Guides & Instructions
/* ----------------------------------------------------------------------------------------- */
.archives,
.guides_instructions,
.related_posts {
	margin-top:50px; }
	.archives:first-of-type,
	.guides_instructions:first-of-type,
	.related_posts:first-of-type {
		margin-top:0; }
	
	.archives .elementor-grid,
	.guides_instructions .elementor-grid,
	.related_posts .elementor-grid {
		--grid-column-gap: 30px;
    	--grid-row-gap: 30px; }

	.archives article,
	.guides_instructions article,
	.related_posts article {
		padding:0;
		border:none;
		border-radius:var(--morph_up_border_radius);
		background:var(--morph_bgd_concave);
		box-shadow:var(--morph_up_shadow); }
		.archives article:first-of_type,
		.guides_instructions article:first-of_type,
		.related_posts article:first-of_type {
			border-radius:10px 5px 5px 5px; }
		.archives article:last-of_type,
		.guides_instructions article:last-of_type,
		.related_posts article:last-of_type {
			border-radius:5px 5px 10px 5px; }
		.archives article:hover,
		.guides_instructions article:hover,
		.related_posts article:hover {
			background:var(--morph_bgd_button_hover);
			box-shadow:var(--morph_up_button_shadow_hover); }
	
		.archives article a.elementor-post__thumbnail__link,
		.guides_instructions article a.elementor-post__thumbnail__link,
		.related_posts article a.elementor-post__thumbnail__link {
			margin:0; }
			.archives article a .elementor-post__thumbnail,
			.guides_instructions article a .elementor-post__thumbnail,
			.related_posts article a .elementor-post__thumbnail {
				height:100%;
				max-height:100%; }
	
		.archives article .elementor-post__text,
		.guides_instructions article .elementor-post__text,
		.related_posts article .elementor-post__text {
			padding:15px 20px; }
		.archives article .elementor-post__text::after,
		.guides_instructions article .elementor-post__text::after,
		.related_posts article .elementor-post__text::after {
			content:'';
			clear:both;
			display:block;
			height:0;
			visibility:hidden; }
			.archives article .elementor-post__title,
			.guides_instructions article .elementor-post__title,
			.related_posts article .elementor-post__title {
				margin:0 !important;
				font-size:1.2rem !important;
				text-transform:uppercase; }
				.archives article .elementor-post__title,
				.archives article .elementor-post__title a,
				.guides_instructions article .elementor-post__title,
				.guides_instructions article .elementor-post__title a,
				.related_posts article .elementor-post__title,
				.related_posts article .elementor-post__title a {
					line-height:0.9em; }
			.archives article .elementor-post__meta-data,
			.guides_instructions article .elementor-post__meta-data,
			.related_posts article .elementor-post__meta-data {
				margin:2px 0 5px; }
			.archives article .elementor-post__meta-data::before,
			.guides_instructions article .elementor-post__meta-data::before,
			.related_posts article .elementor-post__meta-data::before {
				content:'Last updated: ';
				font-size:0.8em;
				font-weight:300; }
			.archives article .elementor-post__excerpt,
			.guides_instructions article .elementor-post__excerpt,
			.related_posts article .elementor-post__excerpt {
				margin:5px 0 10px !important; }
				.archives article .elementor-post__excerpt p,
				.guides_instructions article .elementor-post__excerpt p,
				.related_posts article .elementor-post__excerpt p {
					line-height:1.4em;
					font-size:0.8em; }
					.archives article .elementor-post__excerpt p::after,
					.guides_instructions article .elementor-post__excerpt p::after,
					.related_posts article .elementor-post__excerpt p::after {
						content:'...'; }
			.archives article .elementor-post__read-more,
			.guides_instructions article .elementor-post__read-more,
			.related_posts article .elementor-post__read-more {
				float:right;
				padding-top:4px !important;
				padding-bottom:4px !important;
				font-size:0.7rem !important;
				text-transform:uppercase; }
	
	/* section 1 --------------------------------- */
	.archives.section_1,
	.guides_instructions.section_1,
	.related_posts.section_1 {
		margin-top:0; }

	/* sidebars ---------------------------------- */
	.post_sidebar .guides_instructions .elementor-grid {
		--grid-column-gap: 0;
    	--grid-row-gap: 1em; }
		.post_sidebar article .elementor-post__thumbnail__link {
			width:20%; }

	/* bottom ------------------------------------ */
	.post_related .related_posts .elementor-grid {
		--grid-column-gap: 30px;
    	--grid-row-gap: 30px; }

@media screen and (max-width:400px) {
	.archives article,
	.guides_instructions article,
	.related_posts article {
		display:block !important; }
		.archives article a.elementor-post__thumbnail__link,
		.guides_instructions article a.elementor-post__thumbnail__link,
		.related_posts article a.elementor-post__thumbnail__link {
			width:100%;
			height:150px;
			max-height:150px;
			overflow: hidden; }
			.archives article a .elementor-post__thumbnail,
			.guides_instructions article a .elementor-post__thumbnail,
			.related_posts article a .elementor-post__thumbnail {
				transform: translateY(-10%); }
}

/* ----------------------------------------------------------------------------------------- */
/* SEARCH
/* ----------------------------------------------------------------------------------------- */
.form_search {
	margin-bottom:var(--sidebar_margin_bottom) !important;
	border-radius:var(--background_border_radius); }
	.form_search:hover {
		box-shadow:0 0 10px 0 rgb(0 0 0 / 15%); }
	.form_search:active,
	.form_search:focus {
		box-shadow:0 0 15px 0 rgb(0 0 0 / 20%); }

	.form_search input,
	.form_search input:hover,
	.form_search input:focus,
	.form_search input:active {
		border-radius:var(--background_border_radius) 0 0 var(--background_border_radius) !important;
		background:#fff !important;
		box-shadow:none !important; }
	.form_search button {
		border-radius:0 var(--background_border_radius) var(--background_border_radius) 0 !important; }

/* ----------------------------------------------------------------------------------------- */
/* SIDEBAR
/* ----------------------------------------------------------------------------------------- */
.post_sidebar {}
.post_sidebar .elementor-widget-html {
	margin:0 !important; }

	/* list ul */
	.post_sidebar ul {
		list-style:none;
		margin:0.2em 0 !important;
		padding:0;
		font-size:0.8em; }
		/* list li */
		.post_sidebar ul li {
			position:relative;
			margin:1px 0;
			padding:0;
			font-weight:400; }
			.post_sidebar ul li::before {
				content:'\26AC';
				position:absolute;
				left:10px;
				top:50%;
				transform: translateY(-51%); }
		.post_sidebar ul li.cat-item {}
			/* list li > */
			.post_sidebar ul li a {
				display:block;
				padding:5px 5px 5px 25px;
				line-height:1.2em; }
				.post_sidebar ul li:hover a,
				.post_sidebar ul li:active a {
					color:rgb(var(--text_color_accent));
					background:#fafafa; }
			.post_sidebar ul li.cat-item a {}
			.post_sidebar ul li .post-date {
				position:relative;
				top:-4px;
				display:block;
				padding-left:25px;
				line-height:1em;
				font-family:Roboto Condensed;
				font-size:0.8em;
				font-weight:300;
				color:#bbb;
				pointer-events:none; }

	/* archive */
	.post_sidebar .sidebar_container select {
		font-size: 0.8em !important; }

	/* tagcloud */
	.post_sidebar .sidebar_container .tagcloud {
		line-height:1.5rem !important; }
		.sidebar_container .tagcloud a {}

/* meta */
.single-post .sidebar_meta {
	margin:0; }
		.single-post .sidebar_meta ul {
			margin:-0.25em 0 !important; }
			.single-post .sidebar_meta ul li {
				margin-bottom:0;
				padding:0.25em 0; }
				.single-post .sidebar_meta ul li::before {
					content:''; }
				.single-post .sidebar_meta ul li .elementor-icon-list-icon {
					font-size:1.1em;
					color:rgb(var(--text_color_accent_hover)); }
				.single-post .sidebar_meta ul li .elementor-icon-list-text {
					padding:0 0 0 1em; }
					.single-post .sidebar_meta ul li .elementor-icon-list-text a {
						padding:0;
						color:inherit; }
					.single-post .sidebar_meta ul li .elementor-icon-list-text a:hover {
						color:rgb(var(--text_color_accent)); }

/* Table of Content 
.table_of_content {
	margin-bottom:30px !important;
	border-radius:10px !important; }
	.table_of_content .elementor-toc__header {
		padding-top:15px !important;
		padding-bottom:10px !important;
		border-bottom-color:#f5f5f5 !important; }
	.table_of_content .elementor-toc__body {
		padding-top:10px !important; }
	.table_of_content .elementor-toc__list-wrapper li:last-of-type {
		margin-bottom:0 !important; }
	/* sub 
	.table_of_content .elementor-toc__list-wrapper > .elementor-toc__list-item > .elementor-toc__list-wrapper {
		margin-top:5px !important;
		margin-bottom:15px !important;
		color:#666 !important; }
		.table_of_content .elementor-toc__list-wrapper > .elementor-toc__list-item > .elementor-toc__list-wrapper li {
			margin:0 !important; }
		.table_of_content .elementor-item-active {
			color:rgb(var(--text_color_accent_hover)) !important; }*/

/* ----------------------------------------------------------------------------------------- */
/* scroll to top button
/* ----------------------------------------------------------------------------------------- */
.scroll_to_top_button {
	z-index:999;
	position: fixed;
    bottom: 1em;
    left: 50%;
	-webkit-transform:translateX(-50%);
			transform:translateX(-50%);
	-webkit-box-shadow: 0 0 10px 0 #fff, 0 0 20px 0 #fff, 0 0 20px 0 #fff !important;
			box-shadow: 0 0 10px 0 #fff, 0 0 20px 0 #fff, 0 0 20px 0 #fff !important; }