
@media only screen {body {    margin: 0;    padding: 0;}.source-theme-warning{display:none!important}
}

@font-face {
 font-family: 'icons';
 src: url('https://jamessouttar.work/icons.woff2') format('woff2');
 font-style: normal;
 }

@font-face {
 font-family: 'PlayfairRomanVF';
 src: url('https://jamessouttar.work/PlayfairRomanVF.woff2') format('woff2-variations');
}

@font-face {
 font-family: 'PlayfairItalicVF';
 src: url('https://jamessouttar.work/PlayfairItalicVF.woff2') format('woff2-variations');
}


body {
	text-rendering:optimizeLegibility;
	font-feature-settings:"kern", "liga", "onum", "pnum", "ss10"; 
	hanging-punctuation: first allow-end last;
	font-synthesis: none;
	font-optical-sizing: none;
	--button-primary-color:#686A7E!important;
	--font-family-1:PlayfairRomanVF;
	--font-family-2:PlayfairItalicVF;
	font-family:var(--font-family-1);

}


/*Fixes for weird settings in Source*/


ul {
	padding-left:0px!important;
}

ul ul,ul ol,ol ol,ol ul {
	margin-left:0px!important;
}


li {
	margin-left:0px!important;
}

span {
	font-size:inherit;
}


/*_________________________________________*/

/* SECTION 1 — TYPOGRAPHY */


h1 {
font-variation-settings: "wght" 360, "opsz" 56, "wdth" 100!important;
font-size: clamp(3.6rem, calc(2.4vw + 2rem), 4.8rem)!important;line-height:3.4rem!important;word-spacing:-0.065em!important;letter-spacing:-0.018em!important;margin-bottom:24px!important;	}h2 {font-variation-settings: "wght" 360, "opsz" 42, "wdth" 90!important;font-size: clamp(2.8rem, calc(1.6vw + 2.2rem), 3.2rem)!important;line-height:3.4rem!important;word-spacing:-0.065em!important;letter-spacing:-0.01em!important;margin-bottom: 8px!important;	}h3 {font-variation-settings: "wght" 360, "opsz" 42, "wdth" 90!important;font-size: clamp(2rem, calc(1.3vw + 13px), 2.8rem)!important;line-height:130%!important;word-spacing:-0.065em!important;letter-spacing:-0.01em!important;margin: 16px 0px 8px 0px!important;	}p.standfirst {font-variation-settings: "wght" 360, "opsz" 36, "wdth" 90!important;	font-size: clamp(2rem, calc(1.3vw + 13px), 2.8rem)!important;line-height: 124%!important;margin-bottom: 8px!important;word-spacing:-0.02em!important;letter-spacing:-0.01em!important;	}p {font-variation-settings: "wght" 360, "opsz" 30, "wdth" 90;	font-size: clamp(1.7rem, calc(0.8vw + 11px), 2.2rem);line-height: 130%;margin-bottom: 8px;word-spacing:-0.03em;letter-spacing:-0.01em;margin-block-start:0px!important;margin-block-end:0px!important;}.smalltext_title, .guest-name, .commenter-name, strong .guest-name .commenter-name  {font-variation-settings: "wght" 700, "opsz" 20, "wdth" 92;font-size: clamp(1.4rem, calc(1vw + .72rem), 2rem)!important;line-height: 130%;margin: 1rem 0rem 0rem 0rem!important;}.smalltext, .guest-messages, .commenter-messages, .poster-archive-categories, .poster-archive-tags, .poster-archive-date-month,v.blog-tag-cloud {font-family: 'PlayfairRomanVF';font-variation-settings: "wght" 400, "opsz" 20, "wdth" 92;font-size: clamp(1.4rem, calc(0.9vw + 0.8rem), 1.8rem);line-height: 130%;margin-bottom:4px!important;}.caption {font-variation-settings: "wght" 660, "opsz" 16, "wdth" 92;font-size: clamp(1.6rem, calc(0.9vw + .628rem), 1.8rem);line-height: 130%;}b, strong {font-variation-settings: "wght" 700;}i, em {font-family: PlayfairItalicVF;}b i, i b, strong em, em strong, .poster-archive-categories, .poster-archive-tags, .poster-archive-date-month,v.blog-tag-cloud {font-family:var(--font-family-1)!important;font-variation-settings: "wght" 360!important;font-feature-settings: "smcp" on;-webkit-font-feature-settings: "smcp" on;-moz-font-feature-settings: "smcp" on;letter-spacing: 0.1rem!important;word-spacing: -0.1rem!important;}/* Preserving smallcaps weight in text */p b i, p i b, p strong em, p em strong {font-variation-settings: 'wght' 360!important;}.dlig {font-variant-ligatures: discretionary-ligatures;-moz-font-feature-settings: "dlig";-webkit-font-feature-settings: "dlig";font-feature-settings: "dlig";}	/*----------------------------------------*//*RESPONSIVE LINE BREAK*//*Wrap both segments in span tags but switch off on mobile*//* This is very cool! */.rwd-line {display: inline!important;}    @media screen and (max-width: 984px) {.rwd-line { display: block!important;}}/*_________________________________________*//* SECTION 2 — CARDS */.summary_title {	margin:9px;	font-family:var(--font-family-1)	font-variation-settings: "wght" 700, "opsz" 24, "wdth" 90;	font-size:24px;	line-height:1.35;	color:#686A7E!important;}.summary_text {	font-variation-settings: "wght" 360, "opsz" 24, "wdth" 90;	font-family:var(--font-family-1)	font-size:13px;	line-height:1.35;	margin:9px;	color:#686A7E!important;}.summary_text.card_category {	bottom:4px;	color:#686A7E!important;}.blog-entry-category {	bottom:4px;	color:#686A7E!important;}/*allows for clicks through overlay*/.pointerevents {pointer-events: none;} /*card proportions*/.single_card {aspect-ratio: 3 / 4;container-type:inline-size;}/*@supports not (aspect-ratio: 3 / 4) {.single_card::before {    float: left;padding-top: 133.333333%;content: '';}    .single_card::after {display: block;content: '';clear: both;}}*//*background panel*/.perspectives_background {	background-color:#F2F3F5;}	.panel_top {	margin-top:0;}.splider_top {	margin-top:1.6rem;}.fade_padding {	padding:0 4.2rem 0 4.2rem;}/* Overlay on cards when hovered *//* The class overlay_card just needs to be added to each card (grid item) that you want to display the overlay on hover */.overlay_card {z-index:1!important;/*increase to go above images*/mix-blend-mode: color;}.overlay_card:after {content: '\A';position: absolute;width: 100%;height:100%;top:0;left:0;/*background-color:#fbeff8;*/opacity: 0.0;transition: all 1s;-webkit-transition: all 1s;pointer-events: none;/*allows for click through*/}.overlay_card:hover:after {opacity: 0.0;	}.overlay_card:hover .imageswap {opacity:0.0;}.overlay_card:hover .postergrey {filter: none!important;}.overlay_card:hover .summary_text {color: #95457f!important;}.overlay_card:hover .summary_title {color: #95457f!important;}/*.overlay_card:hover .colorbackground {	background-color:#fffcf2;}*//* Image swap on hover */.imageswap {	opacity:1.0;	-webkit-transition: all 400ms ease;	-moz-transition: all 400ms ease;	-ms-transition: all 400ms ease;	-o-transition: all 400ms ease;	transition: all 400ms ease;}.imageswap:hover {	opacity:0.0;}/* IMAGE SWAP FOR POSTER ITEMS *//* This could be used on any color image to create an imageswap grey to color on hover effect, but here I am using it only on the Poster 2 images because it‘s not possible to have two header images in Poster. *//* Use CSS filters to match imageswap effects on poster images by making greyscale */.postergrey {	filter: saturate(0%) brightness(1.2) contrast(0.9);		-webkit-transition: all 400ms ease;	-moz-transition: all 400ms ease;	-ms-transition: all 400ms ease;	-o-transition: all 400ms ease;	transition: all 400ms ease;}.postergrey:hover {filter: none!important;}/*_________________________________________*//* SECTION 2 — PERSPECTIVES *//* COMMENTS *//* bold horizontal rule at beginning of comments section  */.guest-messages.card-body {	border-top: 4px solid var(--text-color-normal);	padding:0rem 0rem 0rem 0rem!important;}/* dotted horizontal rule between comments  */.guest-item.card {	border-bottom: 1px dotted var(--text-color-normal)!important;	padding:0.4rem 0rem 0.6rem 0rem!important;}[id^='stacks_in_reviewFormstacks'] form {	padding:none;}/* [id^='triggerButtonstacks_']  *//* write review button styling  */[id^='stacks_in_'] button.write-review-button {	background-color:#F2F3F5!important;	border: 1px solid (--text-color-normal)!important;	font-size: clamp(1.4rem, calc(0.9vw + .628rem), 1.8rem)!important;	width: 100%!important;	padding:0.6rem 0rem 0.6rem 0rem!important;	margin:1.2rem 0rem 0rem 0rem!important;	color:var(--text-color-normal)!important;}button.write-review-button i::before {	color:var(--text-color-normal)!important;}button.write-review-button:hover {	background-color:#B76392!important;	border: 1px solid #B76392!important;	color:#FFFFFF!important;}button.write-review-button:hover i::before {	color:#FFFFFF!important;}/* reset button  */[id^='resetButtonstacks_in_'] .btn .btn-secondary {	background-color:#F2F3F5!important;	border: 1px solid (--text-color-normal)!important;	font-size: clamp(1.4rem, calc(0.9vw + .628rem), 1.8rem)!important;	width: 100%!important;	padding:0.6rem 0rem 0.6rem 0rem!important;	margin:1.2rem 0rem 0rem 0rem!important;	color:var(--text-color-normal)!important;}[id^='resetButtonstacks_in_'] .btn .btn-secondary::before {	color:var(--text-color-normal)!important;}[id^='resetButtonstacks_in_'] .btn .btn-secondary:hover {	background-color:#B76392!important;	border: 1px solid #B76392!important;	color:#FFFFFF!important;}[id^='resetButtonstacks_in_'] .btn .btn-secondary:hover i::before {	color:#FFFFFF!important;}/* post button  */[id^='submitButtonstacks_in_'] .btn .btn-primary {	background-color:#F2F3F5!important;	border: 1px solid (--text-color-normal)!important;	font-size: clamp(1.4rem, calc(0.9vw + .628rem), 1.8rem)!important;	width: 100%!important;	padding:0.6rem 0rem 0.6rem 0rem!important;	margin:1.2rem 0rem 0rem 0rem!important;	color:var(--text-color-normal)!important;}[id^='submitButtonstacks_in_'] .btn .btn-primary::before {	color:var(--text-color-normal)!important;}[id^='submitButtonstacks_in_'] .btn .btn-primary:hover {	background-color:#B76392!important;	border: 1px solid #B76392!important;	color:#FFFFFF!important;}[id^='submitButtonstacks_in_'] .btn .btn-primary:hover i::before {	color:#FFFFFF!important;}/* forms elements  */input.form-control, textarea.form-control {	padding-left:0px!important;	padding-right:0px!important:}/*_________________________________________*//* SECTION 3 — MENUS *//* POPDROP *//* set the background color to the Source alternative backround variable  */.popdrop-popover.popdrop-popover-custom-style {	background-color:var(--background-color-alt)!important;	position: fixed!important;	left: 0!important;	top: 0!important;	width: 100%!important;	height: 100%!important;}/* increase the z-index of the burger so the close cross appears on the background  */.burg {	z-index:2!important;}/*.duck-burger.toggle-bars {	position: fixed!important;}*/.circle {	border-radius:50%!important;	width:64px;	height:64px;	overflow:clip;	margin: auto;}.paditems {	padding-top:12px;}/* Tablet and desktop menus */@media only screen and (min-width: 600px) {.icons {	font-family:icons;	font-size:220%;	margin-top: -5px;}.menutext p {	font-variation-settings: 'wght' 440, 'opsz' 32;	transition: font-variation-settings 0.4s;	transition-timing-function: ease-in-out;}.overlink:hover .icons {	color:var(--background-color-alt)!important;}/* Move logo and Hamburger up on blog pages */.thinnerbar_logo {	margin-top:0.1rem!important;}.thinnerbar_burg {	top:-0.3rem!important;}    }    /* Mobile menus */    @media only screen and (max-width: 600px) {/* Move logo and Hamburger up on blog pages */.thinnerbar_logo {	margin-top:-0.8rem!important;}.thinnerbar_burg {	top:-1.6rem!important;}.icons {	font-family:icons;	font-size:minmax(3.6rem, 5vw);	margin-top: -5px;	vertical-align: -10%;}.menutext p {	font-family:var(--font-family-1);	font-size:minmax(3.6rem, 4vw)!important;	font-variation-settings: 'wght' 440, 'opsz' 32;	transition: font-variation-settings 0.4s;	transition-timing-function: ease-in-out;}.overlink:hover .icons {	color:var(--background-color)!important;}    }.cellpadding {	padding: 0vw 0vw 0.6vw 12vw!important;}.overlink {	border-radius: 4px!important;	transition: background-color 0.4s;	transition-timing-function: ease-in-out;}.overlink:hover {	background-color:var(--button-primary-color);	transition: background-color 0.4s;	transition-timing-function: ease-in-out;	}	.overlink:hover .menutext p  {	font-variation-settings: 'wght' 660;	color:white!important;	transition: font-variation-settings 0.4s;	transition-timing-function: ease-in-out;	}	.overlink:hover .circle {	background-color:white!important;}.menuload ul  {-webkit-animation: menu-enter 0.4s;animation: menu-enter 0.4s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}.menuload ul  li {-webkit-animation: item-enter 0.4s 0.6s;animation: item-enter 0.4s 0.6s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}.menuload ul  li:nth-child(1) {-webkit-animation-delay: 0.2s;animation-delay: 0.2s;}.menuload ul  li:nth-child(2) {-webkit-animation-delay: 0.3s;animation-delay: 0.3s;}.menuload ul  li:nth-child(3) {-webkit-animation-delay: 0.4s;animation-delay: 0.4s;}.menuload ul  li:nth-child(4) {-webkit-animation-delay: 0.5s;animation-delay: 0.5s;}.menuload ul  li:nth-child(5) {-webkit-animation-delay: 0.6s;animation-delay: 0.6s;}.menuload ul  li:nth-child(6) {-webkit-animation-delay: 0.7s;animation-delay: 0.7s;}.menuload ul  li:nth-child(7) {-webkit-animation-delay: 0.8s;animation-delay: 0.8s;}.menuload ul  li:nth-child(8) {-webkit-animation-delay: 0.9s;animation-delay: 0.9s;}.menuload ul  li:nth-child(9) {-webkit-animation-delay: 1s;animation-delay: 1s;}.menuload ul  li:nth-child(10) {-webkit-animation-delay: 1.1s;animation-delay: 1.1s;}.menuload ul  li:nth-child(11) {-webkit-animation-delay: 1.2s;animation-delay: 1.2s;}.menuload ul  li:nth-child(12) {-webkit-animation-delay: 1.3s;animation-delay: 1.3s;}.menuload ul  li:nth-child(13) {-webkit-animation-delay: 1.4s;animation-delay: 1.4s;}.menuload ul  li:nth-child(14) {-webkit-animation-delay: 1.5s;animation-delay: 1.5s;}.menuload ul li:nth-child(15) {-webkit-animation-delay: 1.6s;animation-delay: 1.6s;}.menuload ul  li:nth-child(16) {-webkit-animation-delay: 1.7s;animation-delay: 1.7s;}.menuload ul  li:nth-child(17) {-webkit-animation-delay: 1.8s;animation-delay: 1.8s;}.menuload ul  li:nth-child(18) {-webkit-animation-delay: 1.9s;animation-delay: 1.9s;}.menuload ul  li:nth-child(19) {-webkit-animation-delay: 2s;animation-delay: 2s;}.menuload ul  li:nth-child(20) {-webkit-animation-delay: 2.1s;animation-delay: 2.1s;}.menuload ul  li:nth-child(21) {-webkit-animation-delay: 2.2s;animation-delay: 2.2s;}.menuload ul  li:nth-child(22) {-webkit-animation-delay: 2.3s;animation-delay: 2.3s;}.menuload ul  li:nth-child(23) {-webkit-animation-delay: 2.4s;animation-delay: 2.4s;}.menuload ul  li:nth-child(24) {-webkit-animation-delay: 2.5s;animation-delay: 2.5s;}@-webkit-keyframes item-enter {0% {    opacity: 0;-webkit-transform: translateY(100%);transform: translateY(100%);}  80% {-webkit-transform: translateY(-10%);transform: translateY(-10%);}  100% {opacity: 1;-webkit-transform: translateY(0%);transform: translateY(0%);} }@keyframes item-enter {0% {    opacity: 0;-webkit-transform: translateY(100%);transform: translateY(100%);}  80% {-webkit-transform: translateY(-10%);transform: translateY(-10%);}  100% {opacity: 1;-webkit-transform: translateY(0%);transform: translateY(0%);} }@-webkit-keyframes menu-enter {0% {    opacity: 0;-webkit-transform: scale(0);transform: scale(0);}  100% {opacity: 1;-webkit-transform: scale(1);transform: scale(1);} }@keyframes menu-enter {0% {    opacity: 0;-webkit-transform: scale(0);transform: scale(0);}  100% {opacity: 1;-webkit-transform: scale(1);transform: scale(1);} }@-webkit-keyframes menu-leave {0% {    -webkit-transform: translateY(0%);transform: translateY(0%);}  60% {opacity: 1;-webkit-transform: translateY(-10%);transform: translateY(-10%);}  100% {opacity: 0;-webkit-transform: translateY(100%);transform: translateY(100%);} }@keyframes menu-leave {0% {    -webkit-transform: translateY(0%);transform: translateY(0%);}  60% {opacity: 1;-webkit-transform: translateY(-10%);transform: translateY(-10%);}  100% {opacity: 0;-webkit-transform: translateY(100%);transform: translateY(100%);} }@-webkit-keyframes full-menu-enter {0% {    opacity: 0;-webkit-transform: scale(0.5);transform: scale(0.5);}  100% {opacity: 1;-webkit-transform: scale(1);transform: scale(1);} }@keyframes full-menu-enter {0% {    opacity: 0;-webkit-transform: scale(0.5);transform: scale(0.5);}  100% {opacity: 1;-webkit-transform: scale(1);transform: scale(1);} }@-webkit-keyframes full-menu-leave {0% {    opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}  100% {opacity: 0;-webkit-transform: translateY(100%);transform: translateY(100%);} }@keyframes full-menu-leave {0% {    opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}  100% {opacity: 0;-webkit-transform: translateY(100%);transform: translateY(100%);} }            /*_________________________________________*//* SECTION 3 — SIMPLE SEARCH *//* note the wildcard syntax to make this work on every page, as stacks ids are typed to page *//* turn off button styling used elsewhere in the site in simple search */[id^='simpleSearchFormstacks_'] .button {border: none!important;}[id^='simpleSearchFormstacks_'] .button:hover {border: none!important;}[id^='simpleSearchFormstacks_'] .button:active {border: none!important;}	/* turn off inner input styling used elsewhere in the site (second box) in simple search */[id^='simpleSearchFormstacks_'] input {border: none!important;	}[id^='simpleSearchFormstacks_'] input:focus, [id^='simpleSearchFormstacks_'] textarea:focus {border: none!important;	}/* Whew! That worked! *//* Set up search box and expand on hover */[id^='simpleSearchFormstacks_'] {float:right;border: 1px solid transparent!important;border-radius: 0px!important;	background: #FFFFFF!important;width:40px!important;height: 38px!important;transition-delay: .4s!important;	transition: width 1.4s ease-in-out!important;	-webkit-transition: width 1.4s ease-in-out!important;	margin:0px -4px 8px 0px!important;}    [id^='simpleSearchFormstacks_']:hover, [id^='simpleSearchFormstacks_']:focus {border: 1px solid #434f76!important;width:100%!important;}/* Adjust positioning of magnifying glass */[id^='searchButtonstacks_'] {	margin: -4px -8px 0 0!important;}/* change font in input box and set indent */[id^='tipue_search_inputstacks_'] {font: 20px/1.6em "(var(--font-family-2)"!important;padding:0px 52px 0px 10px!important;margin-left:0px!important }/* change colour of font for user input in input box */[id^='simpleSearchFormstacks_'] input:focus {	color:#434f76!important;}/* show placeholder text only on hover */[id^='tipue_search_inputstacks_']::-webkit-input-placeholder {/* Chrome/Opera/Safari */    font-family:var(--font-family-2);font-size:17px;line-spacing:1.6em;	color: transparent;}[id^='tipue_search_inputstacks_']::-moz-placeholder {/* Firefox 19+ */    font-family:var(--font-family-2);font-size:18px;line-spacing:1.6em;	color: transparent;}[id^='tipue_search_inputstacks_']:-ms-input-placeholder {/* IE 10+ */	font-family:var(--font-family-2);font-size:18px;line-spacing:1.6em;	color: transparent;	}[id^='tipue_search_inputstacks_']:-moz-placeholder {/* Firefox 18- */    font-family:var(--font-family-2);font-size:18px;line-spacing:1.6em;	color: transparent;}[id^='tipue_search_inputstacks_']:hover::-webkit-input-placeholder {/* Chrome/Opera/Safari */    font-family:var(--font-family-2);font-size:18px;line-spacing:1.6em;	color:#434f76;	opacity:.5;}[id^='tipue_search_inputstacks_']:hover::-moz-placeholder {/* Firefox 19+ */    font-family:var(--font-family-2);font-size:18px;line-spacing:1.6em;	color:#434f76;	opacity:.5;}[id^='tipue_search_inputstacks_']:hover:-ms-input-placeholder {/* IE 10+ */    font-family:var(--font-family-2);font-size:18px;line-spacing:1.6em;	color:#434f76;	opacity:.5;}[id^='tipue_search_inputstacks_']:hover:-moz-placeholder {/* Firefox 18- */    font-family:var(--font-family-2);font-size:18px;line-spacing:1.6em;	color:#434f76;	opacity:.5;}/*_________________________________________*//*SEARCH PAGE RESULTS*//*And these styles relates to the second search box, which is _1463, the first being _1625*//*Tipue Search 5.0Copyright (c) 2015 TipueTipue Search is released under the MIT Licensehttp://www.tipue.com/search*//*style the magnifying glass*//*[id^='searchButtonstacks_in_'] {	opacity:0!important;	margin:-10px 0px 0 -12px!important;	padding-top:6px!important;}*/ /*Fix the search box so it doesn‘t expand*//*[id^='simpleSearchFormstacks_in_'] {float:left!important;width:100%!important;margin:0px 0px 8px 0px!important;padding:0px 0px 5px 0px!important;}    /*Hide the search box on hover*//*[id^='simpleSearchFormstacks_in_']:hover {border: 1px solid transparent!important;}         /*Hide the text prompt on hover*/[id^='tipue_search_inputstacks_in_']:hover::-webkit-input-placeholder {*/ /* Chrome/Opera/Safari */ 	color:transparent!important;}[id^='tipue_search_inputstacks_in_']:hover::-moz-placeholder {*/ /* Firefox 19+ */ 	color:transparent!important;}[id^='tipue_search_inputstacks_in_']:hover:-ms-input-placeholder {*/ /* IE 10+ */  	color:transparent!important;}[id^='tipue_search_inputstacks_in_']:hover:-moz-placeholder {/* Firefox 18- */  	color:transparent!important;}    /*Remove the indent on the search terms and style them up*/    /*[id^='tipue_search_inputstacks_in_'] {font-family:var(--font-family-1)!important;font-size:30px!important;line-spacing:2.4em!important;margin-left:20px!important;}*//*Search content*/.tipue_search_content {	display: block!important;position: relative!important;}/*search item content title*/.tipue_search_content_title {font-family:var(--font-family-1)!important;font-weight:Bold!important;font-size:18px!important;line-spacing:1.6rem!important;color:#009698!important;}.tipue_search_content_title a {text-decoration: none;	color:#434f76!important;}.tipue_search_content_title a:hover {	color:#434f76!important;}/*search warnings*/#tipue_search_warning {font: 14px/1.6 var(--font-family-1)!important;color:#434f76!important;margin: 14px 0!important;}#tipue_search_warning a {text-decoration: none;}#tipue_search_warning a:hover {color:#434f76!}/*appears below the search terms, number of items found*/#tipue_search_results_count {font: 14px/1.6 var(--font-family-1)!important;margin-left:0px!important;padding-left:0px!important;}/*search contents*/.tipue_search_content_url {font-family:var(--font-family-1)!important;font-style:italic!important;	font-size:18px!important;line-spacing:1.9rem!important;color:#434f76!important;}.tipue_search_content_url a {text-decoration: none;color:#434f76!important;}.tipue_search_content_url a:hover {}.tipue_search_content_text {word-wrap: break-word;hyphens: auto;margin-top:0px!important;}.tipue_search_content_debug {font: 18px/1.6 var(--font-family-1)!important;margin: 5px 0;}/*the search term where it appears in the text, here in bold and red*/.h01 {	font-family: var(--font-family-1)!important;	font-size:18px!important;	font-weight:bold!important;}/*search foot*/#tipue_search_foot {margin: 51px 0 21px 0;}#tipue_search_foot_boxes {font: 18px var(--font-family-1)!important;padding: 0;margin: 0;}#tipue_search_foot_boxes li {list-style: none;margin: 0;padding: 0;display: inline;}#tipue_search_foot_boxes li a {padding: 10px 17px 11px 17px;background-color: rgba(255, 255, 255, 1.00);border: 1px solid #e2e2e2;color: rgba(51, 51, 51, 1.00);margin-right: 8px;text-decoration: none;text-align: center;border-radius: 4px;cursor: pointer;transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-webkit-transition: all 300ms ease-in-out;}#tipue_search_foot_boxes li.current {padding: 10px 17px 11px 17px;background: rgba(246, 246, 246, 1.00);border: 1px solid #e2e2e2;color: rgba(51, 51, 51, 1.00);margin-right: 8px;text-align: center;border-radius: 4px;cursor: pointer;transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-webkit-transition: all 300ms ease-in-out;}#tipue_search_foot_boxes li a:hover {background: rgba(246, 246, 246, 1.00);}/*-----------------------------------------------*//*RESOURCES PAGE*//* we want to get resources filter to align right */.dds-dropdown {margin: -1rem 0px 2rem -2rem!important;max-width: 20rem!important;z-index:1000!important;}/* style the button and get the spacing right */ .filterbutton {margin:-0.6rem 0 -2.2rem 2rem!important;padding:0.6rem 1rem 0.6rem 1rem!important;border:1px solid var(--accent-color)!important;border-radius:0px!important;background:var(--button-primary-color)!important;color:var(--accent-color)!important;}.filterbutton:hover {background:#B76392!important;color:var(--background-color)!important;}/* move dropdown menu to the left */.dds-dropdown-menu {left:2rem!important;	}/* align the filter dropdown menu items */.dds-dropdown-menu-item {margin:0 0 0 0!important;}/* and move all except the first to align with it */.filteralign {margin-left:-1rem!important;	}/* embolden first item in resources filter menu and align it */li.dds-dropdown-menu-item.on.all, li.dds-dropdown-menu-item.all {font-weight:bold!important;}/* remove indent from ultra-list items */li.ultra-li {list-style: none;margin-left: 0;}/* remove left and right margin from items */[id^='ultra-list-stacks_in_'] {padding-left:0px!important;padding-right:0px!important;}/* divider between items in the filter dropdown */.dds-dropdown-menu li {border-bottom: 1px solid white;}/* adjust padding from items text */.ultra-li-details-inner {padding: 5px 15px 10px 15px!important;}/* bottom border on author text */.author {border-top-width:1px;border-top-style:dotted;border-top-color: #686A7E;margin-top: 16px;padding-top: 0px;}/* class for removing top margin of each list */.margin-remove {	margin-top:-20px!important;}/*-----------------------------------------------*//*PERSPECTIVES PAGE*//*Options (Archive popups)*/[id^='optionsTriggerstacks_'] {border: 1px solid var(--second-color)!important;background-image: none!important;background-color:var(--second-color)!important;}[id^='optionsContainerstacks_'] {top:auto!important;bottom:0px!important;padding:0px!important;}.poster-archive-categories, .poster-archive-tags, .poster-archive-date-month,.blog-tag-cloud {line-height:0px!important;}.blog-category-link-enabled, .blog-tags-link-enabled, .blog-archive-link-enabled, ul.blog-tag-cloud li a {margin:1px!important;padding-left:16px!important;font-size:85%;font-weight:normal;color:white!important;list-style-type:none!important;list-style-position:inside!important;}a.blog-category-link-enabled:hover, a.blog-tags-link-enabled:hover, a.blog-archive-link-enabled:hover, ul.blog-tag-cloud li a:hover {background:var(--nav-bg-hover)!important;border:4px solid (--nav-bg-hover)!important;color:white!important;}ul.blog-tag-cloud {list-style:none outside none!important;margin:0!important;padding:0!important;}ul.blog-tag-cloud li {margin:0!important;padding:0!important;}/*Poster Template detail*/.main_image {width:100%;margin:-1rem 0 0 0!important;}/*Poster Template detail*/.close_gap {margin-bottom:-1rem!important;}/*circular scrolling indicator*/#csvg {position: fixed;transform: rotate(-90deg);}#csvg circle {stroke:var(--code-background);stroke-width: 6px;stroke-linecap: round;fill: transparent;}#csvg .progress-bar {stroke: var(--text-color-normal);opacity:.7;transition: stroke-dashoffset 0 ease-in-out;filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.2));}/*position social icons*/.absolute_fixed {position:fixed!important;top:48.5rem;}/*make image container*/.imagecontainer {container-type: inline-size;aspect-ratio: 3 / 2;}/*CALENDAR (KALENDAR) SECTION*//*make kalendar fill grid*/[id^='kalendar_stacks_in_'] {width:100%;}/*kalendar TODAY button*/.kalendar-sidebar-today {background: rgba(255, 255, 255, 1.00)!important;border: 1px solid rgba(255, 255, 255, 1.00)!important;color: var(--text-color-normal)!important;margin: 15px 0px 5px 0px!important;padding:7px!important;}.kalendar-sidebar-today:hover {transform: none!important;box-shadow: none!important;background: var(--accent-color)!important;border:1px solid rgba(167, 76, 128, 1.00)!important;color: var(--text-color-normal)!important;}.kalendar-sidebar-today:active {background:rgba(167, 76, 128, 1.00)!important;border: 1px solid rgba(167, 76, 128, 1.00)!important;color: rgba(255, 255, 255, 1.00)!important;}/*kalendar VIEW toggle*/.kalendar-view-toggle:hover {background: var(--accent-color)!important;border:1px solid rgba(167, 76, 128, 1.00)!important;}.kalendar-view-toggle:active {background:rgba(255, 255, 255, 1.00)!important;border: 1px solid rgba(167, 76, 128, 1.00)!important;}/*make the text background color to be just visible*/.kalendar-view-toggle-text {color: #BBBBBB!important;}/*kalendar MONTH*/.kalendar-sidebar-month {font-size:2.2rem!important;}/*align the current date subheading to the left*/.kalendar-content-titles .mobile, .kalendar-content-titles .kalendar-content-title {padding-left:0rem!important;}/*close the time up to the top*/.kalendar-content-titles .mobile, .kalendar-content-title {margin-top:-2.4rem!important;}.day-header {font-size:1.6rem!important;text-transform:lowercase!important;text-transform:capitalize!important;/*font-feature-settings: "smcp" on!important;;-webkit-font-feature-settings: "smcp" on!important;;-moz-font-feature-settings: "smcp" on!important;;}*//*hide the event count box*/.kalendar-content-titles.group .event-count {background:none!important;}/*kalendar EVENT MODAL*//*whole modal which we changed to white in kalendar stack*//*doesn‘t work changed here*//*.kalendar-event-modal-inner.main-bg-color {}*//*set the colour of the bottom part of the modal*/div.kalendar-event-modal-content {}/*style the text in the modal in the modal*/.kalendar-event-modal-description p {color:var(--text-color-normal)!important;font-weight:normal!important;font-size:1.5rem!important;line-height:1.6!important;margin:0 0 3.2rem 0!important;}/*style links in the modal*/.kalendar-event-modal-description p a {text-decoration:none!important;background-color:var(--accent-color)!important;color:white!important;padding:0.1rem 0.7rem 0.1rem 0.7rem!important;border-top-left-radius: 4px!important;;border-top-right-radius: 4px!important;;border-bottom-left-radius: 4px!important;;border-bottom-right-radius: 4px!important;margin-left:0.4rem!important;}.kalendar-event-modal-description p a:hover {background-color:var(--nav-bg)!important;}.kalendar-event-modal-description p a:after {content:none!important;display: none;margin: none;height: 0px;}.kalendar-event-modal-description p a:hover:after {content:none!important;}.kalendar-event-item-card {background-color: var(--accent-color)!important;}/*move these items to align with the card*/.kalendar-view-toggles, .event-count {right:4rem!important;}/*align the little event count with the right hand edge*/.event-count {position:relative!important;align-items:right!important;right:1rem!important;}/*-----------------------------------------------*//*REPLACE HTML CHECKBOX*//* Base for label styling */.commenter-verify [type="checkbox"]:not(:checked),.commenter-verify [type="checkbox"]:checked {position: absolute;left: -9999px;}.commenter-verify[type="checkbox"]:not(:checked) + label,.commenter-verify[type="checkbox"]:checked + label {position: relative;padding-left: 1em;padding-top:0px;cursor: pointer;}/* checkbox aspect */.commenter-verify[type="checkbox"]:not(:checked) + label:before,.commenter-verify[type="checkbox"]:checked + label:before {content: '';position: absolute;left: 0;top: 0px;width: 16px;height: 16px;border: 0px solid var(--second-color-alt);background: var(--second-color-alt);border-radius: 0px;}/* checked mark aspect */.commenter-verify [type="checkbox"]:not(:checked) + label:after,.commenter-verify [type="checkbox"]:checked + label:after {content: '';position: absolute;left: 0px;top: 0px;width: 16px;height: 16px;border: 0px solid var(--accent-color);background: var(--accent-color);border-radius: 0px;transition: all .2s;}/* checked mark aspect changes */.commenter-verify [type="checkbox"]:not(:checked) + label:after {opacity: 0;transform: scale(0);}.commenter-verify [type="checkbox"]:checked + label:after {opacity: 1;transform: scale(1);}/* disabled checkbox */.commenter-verify [type="checkbox"]:disabled:not(:checked) + label:before,.commenter-verify [type="checkbox"]:disabled:checked + label:before {box-shadow: none;border-color: var(--second-color);background-color:var(--second-color);}.commenter-verify [type="checkbox"]:disabled:checked + label:after {color: var(--text-color-normal);}.commenter-verify [type="checkbox"]:disabled + label {color: var(--text-color-normal);}/* accessibility *//*[type="checkbox"]:checked:focus + label:before,[type="checkbox"]:not(:checked):focus + label:before {border: 2px dotted blue;}*//* hover style just for information */.commenter-verify label:hover:before {border: 1px solid var(--accent-color)!important;box-shadow: 0 0 3px var(--accent-color);}/*added to the above*//*stop the checkbox from wrapping*/.commenter-verify input[type="checkbox"] {position: absolute;}.commenter-verify input[type="checkbox"] ~ label {padding-left:2.4rem!important;margin-top:-15px;display:inline-block;line-height: 1.3em!important;}/*make the guestbook fields fill full widht*/.guestbook form {	margin:0px!important;}form[id^='reviewFormstacks_in_'] {	margin:0px 0px 0px 0px!important;	padding:0px 0px 0px 0px!important;}/*resize and format the reset and submit buttons*/[id^='resetButtonstacks_in_'] [id^='submitButtonstacks_in_'] {	font-size: 16px;	line-height: 42px;	border-radius: 0px;	padding: 0 30px;	border-width: 0;	height: calc(42px - 2px);	font-weight: normal;	text-transform: none;}/*set the padding inside the name and text inputs*/textarea.form-control input.form-control {	padding:10px!important;}.guest-name, .commenter-name, strong .guest-name .commenter-name {	font-size: 16px!important;	margin-left: 10px!important;}