@import url("https://fonts.googleapis.com/css?family=Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic");

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd,
fieldset, form, label, legend,
caption{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: top;
}
*{box-sizing:border-box; overflow-wrap: break-word;}

html{ height: 100%; font-size: var(--font-size-html); font-family: 'Lato', Arial, Helvetica, sans-serif;  margin: 0; padding: 0;}
body{ height: 100%; font-size:var(--font-size-base); line-height: var(--line-height-body); margin: 0; padding: 0; }
#template, #html{height: 100%;}
#body{min-height: 100%;}

h1, h2, h3, h4, h5, h6{ line-height: var(--line-height-headings);}
h1 { font-size: var(--font-size-4xl);}
h2 { font-size: var(--font-size-3xl);}
h3 { font-size: var(--font-size-2xl); }
h4 { font-size: var(--font-size-xl); }
h5 { font-size: var(--font-size-lg);}
h6 { font-size: var(--font-size-base);}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer,  header, hgroup, menu, nav, section {
	display: block;
}
blockquote, q {
	margin: 1em 40px;
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

a {
	color: var(--link-color);
	-webkit-transition: 0.2s ease all;
	transition: 0.2s ease all;
}

a:hover {
	color:  var(--link-color-hover);
}

:focus-visible {
	outline: 3px solid #ffa500;
}

.layout{width: 900px; margin: 0px auto;}
.row{clear: both; float: left; width: 100%; position: relative; }

div:not(.column-wrapper) > .column{float:left; min-height:1px; overflow:visible !important;}

p{
	min-height: 1em;
}
p:has(+p),
p:has(+figure){
	margin-bottom:1em;
}
/* p:empty{
	margin:0;
	height: 1em;
} */
p:last-child{
	margin: 0;
}


/* #template button{padding: 2px 6px 3px;} */
input[type='text'],
input[type='password'],
input[type='email'],
input[type='number'],
textarea{
	/* width:100%;  */
	padding: 8px 10px; 
	font-weight: 300;  
	border:1px solid #ababab;
	background-color: #fff;
	font-size: 1em;
	border-radius: 4px;
}

input.long{width:411px;}
input.short{width:100px;}
input.chk{width: auto; margin-right:5px;}
input.error{background:#FFFFDD; color:rgb(231,0,0); border:2px solid red !important;}
p.error{color:rgb(231,0,0); }

#templatefooter{text-align: center; clear:both;}
#templatefooter .branding a{
	display: inline-block;
}
.field-block input,
.field-block textarea{margin:0 0 1px 0;}

/* mobile styles */
#mobile-canvas .row{
	float: none;
	width: 100%;
	clear:none;
}

#mobile-canvas .columns-widget .col{
	float: none;
	width: 100%;
}

#mobile-wrapper{
 	 position: relative;
    overflow: hidden;
    width: 100%;
}
#mobile-canvas{
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
}

#template.shownav #mobile-canvas{
    -webkit-transform: translateX(-300px);
    transform: translateX(-300px);
}




/* pre{white-space: normal;} */
blockquote{
	margin: 9px 18px;
	padding: 9px;
	border-left: 4px solid #AAA;
	font-style: italic;
	display: flex;
}

p{}
dl{margin: 9px 27px;}
dt{margin-top: 0px;}
dd{
	padding-left: 0px;
}

pre{
/*	white-space: normal; */
	font-family: Consolas, "Andale Mono", "Courier New", Courier, monospace;
	font-size: var(--font-size-sm);
	margin: 9px 18px;
	padding: 9px;
}

blockquote.specific{
	border-color: #d7d7d7;
	border-left: 5px solid;
	margin: 10px;
	padding:10px;
}

.pagination{text-align: center;}
.pagination ul{list-style: none; padding: 0; margin: 0;}
.pagination li{list-style: none; display: inline-block; margin: 0; padding: 0;}
.pagination li a{ margin: 2px; }
.pagination li a.current{ color:#fff; background:#000; }

table.cfdump_query,
table.cfdump_struct{color:#000 !important;}

.-lucee-dump{
    max-width: 100%;
    overflow: auto;
}



button, .btn{
	display: inline-block;
	border: 1px solid #c7c7c7;
	background-color: var(--btn-background-color);
	padding: 1rem 1.5rem;
	cursor: pointer;
	text-decoration: none;
	color: var(--btn-text-color);
	border-radius: 4px;
	border: var(--btn-border);
	font-size: var(--font-size-base);
	vertical-align: middle;
	line-height: 1em;
	font-family: var(--font-family);
}
button.alt, .btn.alt{
	background-color: var(--btn-alt-background-color);
	color: var(--btn-alt-text-color);
	border: var(--btn-alt-border);
}
button:hover, .btn:hover{
	background-color: var(--btn-background-color-hover);
	color: var(--btn-text-color-hover);
	border: var(--btn-border-hover);
}

.btn.disabled,.btn.disabled:hover,
button[disabled],input[disabled],
button[disabled]:hover,input[disabled]:hover{
	cursor: default;
    background-color: var(--disabled-background-color) !important;
    border: var(--disabled-border);
    color: var(--disabled-text-color) !important;
    text-shadow: none !important;
}

* + .btn, * + button{
	margin-bottom: 0.5rem;
}

a[class*='chevron-']{
	display: flex;
	justify-content: center;
	align-items: center;
}
a[class*='chevron-']:before,
a[class*='chevron-']:after{
	font-family: FontAwesome;
	font-weight: 200;
	font-size: 12px;
	vertical-align: middle;
	padding: 0 0.25em;
}

a.chevron-right:after{
	content:"\f054";
}
a.chevron-left:before{
	content:"\f053"
}


div.tab-block{
	background:rgba(255,255,255,0.9);
	padding:6px 6px 0;
	border-radius: 4px 4px 0 0;
	position: relative;
	min-width: 210px;

}
div.tab-block:before{
	content:"";
	border-bottom: 1px solid #bbb;
	width:100%;
	height: 2px;
	position: absolute;	
	bottom:0;
	left:0;
}
div.tab-block ul.tabs {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    margin: 0 auto;
    width: 50%;
    white-space: nowrap;
    padding:0;
    min-width: 200px;

}

div.tab-block ul.tabs li {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: block;
    float: left;
    text-align: center;
	line-height: 3em;
	height: 3em;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    text-overflow: ellipsis;
    overflow: hidden;
    letter-spacing: .8px;
    width: 15%;
    min-width: 80px;
	border-radius: 4px 4px 0 0;
	border:1px solid #bbb;
	border-left: none;
	border-bottom:none;
	&:first-child{
		border-left:1px solid #bbb;
	}
}

div.tab-block ul.tabs li a,
div.tab-block ul.tabs li label {
    display: block;
    width: 100%;
    height: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: color .28s ease;
    cursor: pointer;
    background-color:  rgba(193, 193, 193, 0.25);
	color:#333;
}
ul.tabs li:hover a,
ul.tabs li:hover label{
	background-color: rgba(134, 134, 134, 0.6);	
}

div.tab-block ul.tabs li:active a,
div.tab-block ul.tabs li.active a,
div.tab-block ul.tabs li.active label{
	font-weight: bold;
	background-color: #fff;
	color:#000;
} 


div.tab-block ul.tabs li.disabled a,
div.tab-block ul.tabs li.disabled label {
    color: #f9c9cb;
    cursor: default
}


.inline-dialog-wrapper *{
	box-sizing: border-box;
}
.inline-dialog-wrapper h3{margin-bottom: 1em; color:#333;}
.inline-dialog-wrapper p{margin: 0 0 0.75em 0;}

.inline-dialog-wrapper form input[type="text"],
.inline-dialog-wrapper form input[type="password"],
.inline-dialog-wrapper form input[type="email"],
.inline-dialog-wrapper form textarea{width:100%;height:auto;padding:0.5em 10px;border:1px solid rgba(112,112,112,0.4);background:#FFF;box-shadow:0 1px 1px rgba(0,0,0,0.25);color:#000;font-weight:200;box-sizing:border-box;line-height:initial}

.inline-dialog-wrapper form p input[type="text"],
.inline-dialog-wrapper form  p input[type="password"],
.inline-dialog-wrapper form  p textarea{margin-bottom:0}

.inline-dialog-wrapper form label{display: none !important;}
.inline-dialog-wrapper form label.checkbox{display: inline-block !important;}
.inline-dialog-wrapper form input[readonly]{background:transparent;border:none;box-shadow:none;display:inline;width:auto;padding:0;margin:0;color:inherit;line-height:1rem}
.inline-dialog-wrapper form:after{content:"";clear:both;display:block}
.inline-dialog-wrapper form .or{text-align: center; position: relative; overflow: hidden; margin: 1rem 0; }
.inline-dialog-wrapper form .or:before,
.inline-dialog-wrapper form .or:after{content:"";position:absolute;top:50%;width:200%;height:0;border-top:solid 1px #cdcdcd}
.inline-dialog-wrapper form .or:before{right:55%}
.inline-dialog-wrapper form .or:after{left:55%}
.inline-dialog-wrapper form .btn{width:100%;font-weight:bold;margin:0;}
.inline-dialog-wrapper form .forgot{text-align: center;  margin:1rem 0;}

.inline-dialog-wrapper form.register-form{padding:8px 10px;background:#e9e9e9;margin:0;position:relative;vertical-align:middle;line-height:3rem;font-weight:700;}
.inline-dialog-wrapper form.register-form:after{content:"";clear:both;display:block}
.inline-dialog-wrapper form.register-form .btn{float:right;width:auto; }

.inline-dialog-wrapper form .btn{display:inline-block; margin: 0.5em 0; text-transform:none;position:relative; text-align: center;}
.inline-dialog-wrapper form .btn span{vertical-align:middle; }

.inline-dialog-wrapper form .btn.facebook{ background:#4c69ba;background:linear-gradient(#4c69ba,#3b55a0);color:#fff;border:1px solid #4c69ba; text-shadow:0 -1px 0 #354c8c}
.inline-dialog-wrapper form .btn.facebook span{ color:#fff;}
.inline-dialog-wrapper form .btn.facebook i{vertical-align:middle;margin-right:0.5em; color:#fff;}

.inline-dialog-wrapper form .btn.azure{background:#007FFF;background:linear-gradient(#007fff 0%, #006cd9 100%);color:#fff;border:1px solid #007FFF; text-shadow:0 -1px 0 #354c8c}
.inline-dialog-wrapper form .btn.azure span{color:#fff;}
.inline-dialog-wrapper form .btn.azure i{vertical-align:middle;margin-right:0.5em; color:#fff;}

.inline-dialog-wrapper label.checkbox{display: block;}
/* pretty radio */
.inline-dialog-wrapper label.checkbox > input[type="checkbox"] {
    display: none;
}
.inline-dialog-wrapper label.checkbox > input[type="checkbox"] + span{
	position: relative;
	padding-left: 34px;
	display: inline-block;
}
.inline-dialog-wrapper label.checkbox > input[type="checkbox"] + span::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin-right: 0.5em;
    border-radius: 10%;
    border:1px solid rgba(112,112,112,0.4);
    line-height: 2em;
	position: absolute;
	left: 0;
}
.inline-dialog-wrapper label.checkbox > input[type="checkbox"]:checked + span::after {
	content: "✓";
	color: #333;
	text-align: center;
	position: absolute;
	left: 4px;
	font-size: 34px;
	top: 2px;
}

.inline-dialog-wrapper label.checkbox{
    vertical-align: middle ;
    position: relative ;
    border: 1px solid #d3d3d3;
	padding: 10px;
	background: #fff;
	width: 100%;
}

.inline-dialog-wrapper p.agreements span,
.inline-dialog-wrapper p.agreements a{
   font-size: var(--font-size-sm);
    line-height: 1em;
    vertical-align: baseline;

}



.inline-dialog-wrapper {
	min-width:320px;
	max-width:min(100%, 512px);
	margin:2rem auto;
}
.inline-dialog-wrapper form{
	border:1px solid #cdcdcd;
	z-index:999999;border-radius:2px; padding:0; -webkit-transition: ease all .2s; transition: ease all .2s;
	overflow:hidden;
	background:#f9f9f9;
	padding:20px;
	display: block !important;
	color:#333;
}

.inline-dialog-wrapper h3{
	margin-top:0;
}

.inline-dialog-wrapper .error,
.inline-dialog-wrapper .notice{
background: #fee8ac;
padding: 1rem 1.25rem;
margin: 0 0 1.5rem;
color: #000;
text-align: left;
border: 1px solid #fcce5f;
border-radius: 4px;
line-height: 1.75rem;
padding-left: 4rem;
position: relative;
}

.inline-dialog-wrapper .error:before,
.inline-dialog-wrapper .notice:before{
	font-family: 'FontAwesome';
	content: '\f071';
	color: #fcce5f;
	position: absolute;
	left: 1.25rem;
	vertical-align: middle;
	top: 50%;
	transform: translateY(-50%);
	font-size: var(--font-size-xl);
}

.inline-dialog-wrapper .error{
	background: #f0595b;
	border: 1px solid #d60f0b;
	color: #fff;
}
.inline-dialog-wrapper .error:before{
	content:'\f06a';
	color: #d60f0b;
}

.inline-dialog-wrapper form input.error{
	border: 1px solid #d60f0b;
}

.inline-dialog-wrapper #modal-terms{
	display: none;
	
}
 #modal-terms{
	 
 }
/*
form .btn.signin{
	background: #369be4;
	color: #fff;
}
form .btn.signin:hover{
	background:#3786bd;
}

form .btn.register{
	background: #fcd35b ;
	color: #5a380d;
}
form .btn.register:hover{
	background:#feb239;
}
*/
.item-tags{clear: both;}
.item-tags dl{
		margin:0;
}
.item-tags dt{
	padding:5px;
	display: inline-block;
}
.item-tags dd{
	display: inline-block;
	background:#f2f2f2;
	border-radius: 5px;
	padding:5px 8px;
}
.item-tags dd a{
	text-decoration: none;
}


.ui-sort-menu select,
.ui-sort-menu .chosen-container{
	width:100%;
	max-width: 100%;
}

.ui-sort-menu  ul.selected-items li .label span:first-child{
	font-weight: bold;
	font-size: var(--font-size-xs);
	text-transform: capitalize;
	color:inherit;
	font-style: normal;

}

.ui-sort-menu ul.selected-items li .label{
	font-weight: normal ;
	text-transform: capitalize;
	white-space: nowrap;
	font-size: var(--font-size-xs);
}

.ui-sort-menu ul.selected-items{
	list-style: none;
	position: relative;
	margin: 0;
	padding: 5px;
	width: 100%;
	border: 1px solid #aaa;
	background-color: #fff;
	background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
	background-image: -webkit-linear-gradient(#eee 1%, #fff 15%);
	background-image: -moz-linear-gradient(#eee 1%, #fff 15%);
	background-image: -o-linear-gradient(#eee 1%, #fff 15%);
	background-image: linear-gradient(#eee 1%, #fff 15%);
		min-height: 4rem;

}


.ui-sort-menu ul.selected-items:after{
	content:"";
	clear: both;
	display: block;
}
.ui-sort-menu ul.selected-items:active{
	border: 1px solid #5897fb;
	box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

.ui-sort-menu  ul.selected-items li{
	white-space: nowrap;
    margin: 2px 5px 2px 0;
	position: relative;
	padding: .2em 18px .2em .5em;
	border: 1px solid #aaa;
	background-color: #eee;
	background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
	background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
	background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
	background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
	background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
	background-size: 100% 19px;
	background-repeat: repeat-x;
	background-clip: padding-box;
	box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, .05);
	color: #333;
	cursor:move;
	font-weight: bold;
	vertical-align: middle;
	line-height: 1.5em;
}

.ui-sort-menu  ul.selected-items li a.remove{
	cursor: pointer;
	position: absolute;
	right: .5em;
	top: 50%;
	margin-top: -8px;
	line-height: 17px;
}


.ui-sort-menu ul.selected-items.thumbnails {
	min-height: 200px;
}


.ui-sort-menu ul.selected-items.thumbnails li{
	float: left;
	width: 18%;
	box-sizing: border-box;
	padding: 1rem;
	margin: 0.5em 0.95%;
}
.ui-sort-menu ul.selected-items span.thumbnail{
position: relative;
margin: 5px -1rem 1rem;
width: auto;
height: 0;
left: auto;
overflow: hidden;
display: block;
padding-bottom: 70%;
border-top: 1px solid #333;


}
.ui-sort-menu ul.selected-items span.thumbnail img{
	width:100%;
	border-bottom: 1px solid #333;
}
.ui-sort-menu ul.selected-items.thumbnails li .label{
	display: block;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
}

.ui-sort-menu ul.selected-items.thumbnails a.remove{
	cursor: pointer;
position: absolute;
right: 0;
top: 0;
margin-top: 0px;
line-height: 17px;
padding: 5px;
}

.ui-sort-menu .chosen-container-multi .chosen-drop .result-selected{
	display: none;
}

.ui-sort-menu  .chosen-choices .search-choice{
	display: none;
}


/* overrides for chosen module */
/*
div.chosen-container{
	text-transform: capitalize;
}
*/

div.chosen-container{
	font-size: inherit;
}
.chosen-container-active.chosen-with-drop .chosen-single{
	border-radius: 5px;
}
.chosen-container-single .chosen-single{
	height: auto;
}
.chosen-container-single .chosen-single span{
	display: inline-block;
}
div.chosen-container .chosen-drop{
	width: auto;
	min-width: 100%;
	max-width: 200%;
	border:1px solid #aaa;
	border-radius:5px;
	margin:0;
	transition: none;
}
.chosen-container .chosen-results{
	padding:4px 0 0 4px;
}
div.chosen-container .chosen-results li{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
div.chosen-container abbr.search-choice-close{
	top: 0.45rem;
	right: 1.5rem;
	position: absolute;
}




div.pager{text-align: center; margin: 1rem 0;}
div.pager a,
div.pager form{display: inline-block; vertical-align: middle; margin: 0 0.5rem;}
div.pager a.disabled{
	opacity: 0.4;
	color: initial;
	cursor: default;
}
div.pager a.disabled:hover{
	color: initial;
}

/* Unsubscribe Notice - Newsletter Engine */

.system-notice {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 20px;
	color: #fff;
	background-color: rgba(0,0,0,0.8);
	text-align: center;
}

.system-notice.green {
	background: rgba(0,150,0,0.8);
}

.system-notice.red {
	background-color: rgba(150,0,0,0.8)
}

#webtools-edit-bar *{
	box-sizing: border-box;
}
#webtools-edit-bar{
	background: linear-gradient(to bottom, rgba(0,0,0,0.95) 0%, rgba(53, 53, 53, 0.8) 100%);
	position: fixed;
	top:0;
	left:0;
	z-index: 999999 !important;
	text-align: right;
	width:100%;
	box-sizing: border-box;
	border-bottom: 1px solid #444;

}
#webtools-edit-bar div{
	padding:10px;
	border-bottom: 1px solid #111;
	display: block;
	height: 48px;
}

#webtools-edit-bar .logo{
	height: 22px;
	top: 50%;
	position: absolute;
	transform: translateY(-50%);
	left: 10px;
}
#webtools-edit-bar a{
display: inline-block;
padding: 8px 10px;
margin: 0 0.3rem 0 0;
border-radius: 2px;
box-sizing: border-box;
text-decoration: none;
font-family: 'Roboto',sans-serif;
text-transform: uppercase;
color: #FFFFFF;
background-color: #222;
text-align: center;
position: relative;
font-size:  var(--font-size-xs);
letter-spacing: .5px;
border: 1px solid #000;
line-height: 1em;
}

#webtools-edit-bar.radiant a{ 
	background: #ec008c;
}
#webtools-edit-bar.bark a{ 
	background: #69a01f;
}

#webtools-edit-bar a:active{
	top:0.1em;
}


.dataTables_wrapper table.dataTable>tbody>tr.child ul.dtr-details{
	width:100%;
}
.dataTables_wrapper div.dt-buttons{
	float: right;
}
.dataTables_wrapper button.dt-button,
.dataTables_wrapper .dataTables_paginate .paginate_button{
	padding:2px 10px !important;
}

div#system-message{
background: #fee8ac;
padding: 0.5rem 2rem;
color: #000;
text-align: left;
border: 1px solid #fcce5f;
line-height: 1.75rem;
top: 0;
width: auto;
left: 50%;
z-index: 999999;
font-size:  var(--font-size-xs);
margin: 0 0 1rem;
border-radius: 4px;
}
div.tag-filters{
	display: flex;
	flex-wrap: wrap;
	text-transform: capitalize;
	align-items: center;
	gap:1rem;
}
div.tag-filters .chosen-container{text-transform: capitalize;
min-width: 135px;
margin: 0 0.25rem 0.5rem 0;
}

/* div.tag-filters > div{
	margin:0 0.5rem;
} */

figure.image {
	display: table;
	border: 1px solid #cdcdcd;
	margin: 0.5rem 0.5rem 0.5rem 0;
	background: #f9f9f9;
	border-bottom: 0;
}

figure.align-left {
float: left;
margin-right:1rem;
}

figure.align-right {
float: right;
margin-left:1rem;
}

figure.image img {
	margin: 1rem !important;
	max-width: calc(100% - 2rem) !important;
	border: 1px solid #eeeeee;
}

figure.image figcaption {
	text-align: center;
	display: table-caption;
	caption-side: bottom;
	border: 1px solid #cdcdcd;
	border-top: none;
	padding: 0 1rem 1rem 1rem;
	background: inherit;
	font-size: 0.85em;
}

img[style*="float:left;"],
img[style*="float: left;"]  {
	margin-right:1rem;
}
img[style*="float:right;"],
img[style*="float: right;"]  {
	margin-left:1rem;
}

div.flex-box{
	display: flex;
	flex-wrap: wrap;
}

div.flex-box > *{
	flex: 1;
	margin: 0.5rem;
}


div.swiper-carousel{
 position: relative;
}
div.swiper-carousel div.swiper-container{
 margin:0 4.5rem;
 padding:3rem 0;
}
div.swiper-carousel .swiper-slide{
	text-align: center;
	&>img{
		object-fit: contain;
		height: 100%;
		width: 100%;
	}
}

div.swiper-carousel .swiper-coverflow .swiper-slide{
	display: flex;
	align-items: center;
	& > img{
		height: auto;
	}
}

div.swiper-preview{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100vh;
	padding: 6rem 4rem 4rem;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	background: rgba(0, 0, 0, 0.75);
	width: 100%;
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}
div.swiper-preview .modal-box {
	max-width: min(1024px, 100vw);
	padding: 0;
	position: relative;
	max-height: 80vh;
 }
 div.swiper-preview img{
	object-fit: contain;
	width:100%;
	height:100%;
	filter: drop-shadow(0px 0px 1px rgba(0,0,0,.3))
          drop-shadow(0px 0px 10px rgba(0,0,0,.3));
}
div a.close-preview{
	 position: absolute;
	top: -4rem;
	right: 2rem;
	z-index: 1;
}
div a.close-preview span{
	display: none;
}
div a.close-preview:after{
	content: '\f018';
	font-family: GatesevenGeneral;
	font-size:  var(--font-size-lg);
}

select.chosen,
select.select2{

	-webkit-appearance: none;
    -moz-appearance: none;
	appearance: none;

    font-size: inherit;
    padding:0.35rem 2.35rem 0.35rem 0.35rem !important;

}
.select-wrapper{
	display: inline-block;
	max-width: 100%;
}
.select2 .select2-selection--single{
	background: -webkit-gradient(linear,left top,left bottom,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),to(#f4f4f4));
    background: linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);
	border:none;
}
.select2-results__option{
	white-space: nowrap;
}
.select2-dropdown{
	box-shadow: 0 4px 5px rgba(0,0,0,.15);
	border-radius: 4px !important;
	border:1px solid #aaa !important;
	width: auto !important;
	/* position: absolute; */
}

.select2-selection{
	border-radius: 4px !important;
	
}
.select2.select2-container{
	width: auto !important;
	max-width: 100%;
	border-radius: 4px !important;
	border:1px solid #aaa;
}

/* .select2.select2-container + .select2-container {
	position: static !important;
	left: initial !important;
	width: auto !important;
	top: initial !important;
	right:0 !important;
} */

.select2-container .select2-selection--single .select2-selection__rendered{
	display: inline-block;
}
.select2-container--default .select2-selection--single .select2-selection__clear{
	/* position: absolute;
	right: 1.15em;
	top: 50%;
	transform: translateY(-50%); */
	/* min-width: 20px; */
	text-align: right;
	/* font-size: 24px; */
	width: 20px;
}

.select2-container .select2-results li{
	margin:0;
	padding:6px;
	span{
		display: block;
	}
}
.select2-search.select2-search--dropdown{
	position: relative;
}
.select2-search.select2-search--dropdown:after {
    content:"\f002";
    position: absolute;
    right:10px;
    top:50%;
    font-family: 'FontAwesome';
    font-size:0.65em;
    color:#888;
	transform: translateY(-50%);
}
.select2-container .select2-selection--single{
	height:auto;
	/* min-height:28px; */
	padding:6px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 50%;
	transform: translateY(-50%);
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: inherit;
    color:inherit;
	/* vertical-align: middle; */
	display: flex;
	align-items: center;
	padding-right:18px;
	flex-direction: row-reverse;
	justify-content: start;
}
/* .select2-container .select2-selection--single .select2-selection__rendered:has(.select2-selection__clear) {
	padding-right: 34px;
} */

/* .select2-results__options::-webkit-scrollbar {
	width: 8px;
	display: block;
  }  

  .select2-results__options::-webkit-scrollbar-track {
	background-color: rgba(255,255, 255, 0.8);
	border-left: 1px solid rgba(0, 0, 0, 0.08);
	border-right: 1px solid rgba(0, 0, 0, 0.08);
  }
  
  .select2-results__options::-webkit-scrollbar-thumb {
	height: 3rem;
    border-radius: 24px;
    background-color: #0000007d;
    border: 3px solid transparent;
    background-clip: padding-box;
  }
  
  .select2-results__options::-webkit-scrollbar-thumb:hover {
	border: 2px solid transparent;
  }
  .select2-results__options::-webkit-scrollbar-button {
	display: none;
  }

  
  @supports(overflow: overlay){
	.select2-container--default .select2-results>.select2-results__options{
		overflow-y: overlay;
	}
	.select2-results__options::-webkit-scrollbar {
		width: 16px;
	  }

  } */


div.flex{
	display: flex;
    /* align-items: center; */
	gap:0.5rem;
	
	button,.btn{
		margin-bottom:0;
	}
}
div.flex.between{
    justify-content: space-between;
}
div.flex.left{
    align-items: start;
}
div.flex.middle{
    align-items: center;
}
div.flex.bottom{
    align-items: end;
}
div.flex .flexible,
div.flex.fill > *{
    flex:1;
}

div.flex.flex-column{
	flex-direction: column;
}

h1:has(.site-logo){
	margin:0;
	padding:0;
}

a.site-logo{
	font-size: 1.5em;
    font-weight: bold;
	display: inline-block;
	cursor: pointer;

}
/* a.site-logo img{height: 100%; width:100%; object-fit: contain; object-position: center;} */
a.site-logo img{max-height: 120px; max-width: 100%; min-width: 80px;  object-fit: contain; object-position: left center;}


img.dark-mode{display:none;}
img.light-mode{display:block;}

@media (prefers-color-scheme: dark ) { 
	img.dark-mode{display:inline-block;}
	img.light-mode{display:none;}
}
	
.xhr-loading{ position: fixed; z-index: 3999; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); pointer-events: none; }
.xhr-loading i{position: fixed; right: 10px; bottom:10px; color:#fff; margin:0.5em 0 0 0.5em; font-size: var(--font-size-xl); color:#007bff; }

.skip-link {
	background: #319795;
	color: #fff;
	font-weight: 700;
	left: 0;
	padding: 4px;
	position: relative;
	transform: translateX(-200%);
	transition: transform 0.3s;
  }

  
  .skip-link:focus-within {
	transform: translateX(0%);
  }

details {
	margin:1em 0;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 0.5em 1em 0;
	background-color: rgba(255, 255, 255, 0.15);
	overflow: hidden;

	&:has(+details){
		border-bottom: none;
		border-radius: 4px 4px 0 0;
		margin-bottom: 0;
	}
	& + details{
		margin-top: 0;
		border-radius: 0 0 4px 4px;
	}

	summary {
		position:relative ;
		z-index: 9;
		font-weight: bold;
		margin: -0.5em -1em 0;
		padding: 0.5em 1em;
		background-color: rgba(249, 249, 249, 0.75);
		cursor: pointer;
		list-style:none;
		display: flex;
		justify-content: space-between;
		align-items: center;
		&:after{
			content:"\f009";
			font-family: GatesevenGeneral;
			font-size: var(--font-size-lg);	
			transition:0.2s ease all;
		}
	}
	summary::-webkit-details-marker {
		display: none;
	}
}
  
details[open] {
	padding:0.5em 1em;
	summary {
		border-bottom: 1px solid #ccc;
		margin-bottom: 0.5em;
		
		&:after{
			/* content:"\f00b";
			font-family: GatesevenGeneral;
			font-size: var(--font-size-lg);	 */
			transform:rotate(90deg);
			transition:0.2s ease all;
		}
	}
	
}


details[open] summary ~ * {
   overflow: hidden;
  animation: showDetails .5s ease-in-out;
}

@keyframes showDetails{
    0% {
        max-height: 0px;
    }
    100% {
        max-height: 300px;
    }
}


.tox.tox-tinymce{
	border:1px solid #cccccc  !important;
	border-radius: 4px  !important;
	.tox-tbtn--select{
		width: auto;
	}
	.tox-tbtn--bespoke .tox-tbtn__select-label{
		width:auto;
	}
	.tox-editor-header{
		box-shadow: none !important;
	}
	.tox-toolbar-overlord{background-color:#f9f9f9 !important;}

	.tox-toolbar-overlord{
		.tox-toolbar__primary .tox-toolbar__group:nth-last-child(2){
			flex:1
		}
	}
}

.tox.tox-tinymce-aux{
	.tox-dialog{
		border:1px solid #ddd;
	}
}

.tox .tox-menubar+.tox-toolbar, .tox .tox-menubar+.tox-toolbar-overlord .tox-toolbar__primary{
	border-top:1px solid #cccccc !important;

	border-bottom: 1px solid #cccccc !important;
	background-color: #f9f9f9 !important;
}
.tox .tox-toolbar, .tox .tox-toolbar__overflow, .tox .tox-toolbar__primary{
	background-size: 100%;
	background-color:#f9f9f9 !important;
	border-bottom: 1px solid #cccccc !important;
}
.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type){
	border-right: 1px solid #cccccc !important;
}

.tox-tinymce-aux{z-index: 999999;}

.tox .tox-dialog__header{background:#333; color: #fff; padding:8px 12px 8px 12px;}
.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2){ height: auto !important;}
.tox .tox-dialog__content-js{height: 100%;}

.increment{
	margin-bottom: 0.25em;
	display: flex;

	div{
		display: flex;
		align-items: center;
		border:1px solid #ababab;
		border-radius: 4px;
		overflow: hidden;
	}

	&:has(input.error){
		div{
			border: 1px solid red !important
		}
	}

	button.btn{
		margin:0;
		background-color: #fff;
		color: #333;
		border-radius: 0;
		border:none;
		padding: 1rem 0.75rem;
		height: 100%;
	}

	input::-webkit-outer-spin-button,
	input::-webkit-inner-spin-button {
		/* display: none; <- Crashes Chrome on hover */
		-webkit-appearance: none;
		margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
	}

	input{
		padding: 1rem 0.75rem;
		border:1px solid #ababab !important;
		border-top:0 !important;
		border-bottom:0 !important;
		border-radius: 0;
		text-align: center;
		-moz-appearance:textfield; /* Firefox */
		
		-webkit-transition: all 0.30s ease-in-out;
		-moz-transition: all 0.30s ease-in-out;
		-ms-transition: all 0.30s ease-in-out;
		-o-transition: all 0.30s ease-in-out;
	}
	
}