/* stretchy-wrapper */

.stretchy-wrapper {
	width: 100%;
	position: relative;
	background: transparent !important;
}
.ratio-16-9 {
	padding-bottom: 56.25%;
}
.ratio-28-9 {
	padding-bottom: 32.14%;
}
.ratio-4-3 {
	padding-bottom:75%;
}
.ratio-5-2 {
	padding-bottom: 40%;
}
.ratio-3-2 {
	padding-bottom: 66.66%;
}
.ratio-2-1 {
	padding-bottom: 50%;
}
.ratio-1-1 {
	padding-bottom: 100%;
}
.ratio-4X3 {
	aspect-ratio: 4 / 3;
}
.ratio-16X9 {
	aspect-ratio: 16 / 9;
}
.ratio-9X16 {
	aspect-ratio: 9 / 16;
}
.ratio-1X1 {
	aspect-ratio: 1 / 1;
}

/* image */

.object-fit-cover > img, .object-fit-cover > a > img, .object-fit-inherit > img, .object-fit-inherit > a > img, section[data-block-type][data-media-fit="cover"] .object-fit-inherit > img, section[data-block-type][data-media-fit="cover"] .object-fit-inherit > a > img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.object-fit-contain > img, .object-fit-contain > a > img, section[data-block-type][data-media-fit="contain"] .object-fit-inherit > img, section[data-block-type][data-media-fit="contain"] .object-fit-inherit > a > img {
	height: 100%;
	width: 100%;
	object-fit: contain;
}
/*.card.border .card-header .object-fit-cover {
	margin: -1px !important;
}*/
.card .card-header:has(a.d-none) {
	display: none;
}

.image-box {
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    overflow: hidden;
    /*margin: -15px -15px 15px -15px;*/
    margin: auto auto;
}
.contain .image-box {
	background-size: contain !important;
}
.image-box a {
    display: block;
    width: 100%;
    height: 100%;
}
.image-box img {
    width: 100%;
    height: 100%;
    opacity: 0;	
}

.stretchy-wrapper a.image-box {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.stretchy-wrapper > a:not(.carousel-caption):not(.btn), .stretchy-wrapper > div:not(.carousel-caption) {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
}
.hidden {
	display: none !important;
}

.row-eq-height > div > .card {
	height:100%;
}
.card-img-top {
	width: 100%;
    height: 30%;
    object-fit: cover;
}
.card-footer {
    border-top: none;
    background: transparent;
	padding: 0 1.25rem 1.25rem;
}

/* donations */

button.card-option, button.card-type-option {
    height: 140px;
    outline: none !important;
    box-shadow: none !important;
    border: 3px solid transparent;
    background: none;
    padding: 0;    
    border-radius: .25rem;
    width: 100%;
}
button.card-option img {
	filter: grayscale(100%);
	opacity:0.88;
}
button.card-option.active img, button.card-option:hover img {
	filter: none;
	opacity:1;
}	
button.card-option input, button.card-type-option input {
	/*display:none;*/
    position: absolute;
    z-index: -1;	
}
button.card-option .card-img-top, button.card-type-option .card-img-top  {
	height: 75%;
}
button.card-option h4.card-title, button.card-type-option h4.card-title {
    margin: 0;
    width: 100%;
    font-size: 16px;
    word-break: break-word;
}
.card-preview {
	min-height: 300px;
	width: 100%;
	border: 1px solid rgba(0,0,0,.125);
	margin-bottom: 2rem;
	table-layout: fixed;
}
.card-preview td {
	text-align: center;
    padding: 2vw;
    vertical-align: middle;
}
.card-preview-msg p {
	white-space: pre-line;
    font-family: sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-style: italic;
    margin: 0 !important;
}
@media only screen and (max-width : 767px) {
	.card-preview td {
	    display: inline-block;
	    width: 100%;
	}
}
button.card-type-option em {
    font-size: 13px;
    line-height: 16px;
    display: block;
    padding: 8px 0 0 0;
}
.card-selector .modal-footer {
    background: #f2f2f2;
    padding: 6px 12px;
    justify-content: center;
}
.card-selector .modal-footer .btn {
	min-width: 100px;
}
.card-selector .modal-body {
	padding-bottom: 200px;
}
.card-message-modal textarea {
	min-height: 50vh !important;
}
.card-preview-msg button.btn {
	padding: 0;
    margin: 0;
    display: block;
    width: 100%;
}
.card-preview-msg button.btn p {
    font-weight: normal;
    text-decoration: none;
    padding: 0;
    margin: 0;
}
.card-preview-msg button.btn:hover, .card-preview-msg button.btn:focus, .card-preview-msg button.btn:active {
	text-decoration: none !important;
}
.card-preview-msg button.btn:hover span, .card-preview-msg button.btn:focus span, .card-preview-msg button.btn:active span {
	text-decoration: underline !important;
}
.row .img-wrap {
    margin: 0 -15px;
}
.trevor_buttons button {
    width: 60px;
    height: 60px;
    border-radius: 30px;
    margin: 10px 5px 5px 0;
    border-width: 2px;
    background: white;
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    border-style: solid;
    outline: none !important;
    box-shadow: none !important;
    transition: background-color ease-in-out 300ms;
    padding: 5px;
    min-width: 0;
    white-space: nowrap;
}
.trevor_buttons button:hover, .prizewinner:hover {
	background-color: #edebeb;
}
.prizewinner {
	padding: 20px 0;
	border-bottom: 2px solid #e8e7e3;
	margin: 0;	
}
#funds > .row {
    margin-bottom: 30px;
    padding-bottom: 10px;
}
button.card-option .card-footer {
	position: relative;
	height: 100%;
}
.card-footer .btn {
    /*float: left;*/
    /*padding: 0.5rem 1rem;
    min-height: 30px;
    line-height: 24px;
    margin-right: 5px;*/
}
button.card-option h4.card-title {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);    
}
.modal-body .row {
    padding-bottom: 10px;
    /*margin: 0;*/
}
img.rounded-circle {
   /* object-fit: cover;
    width: 100%;
    height: 100%;*/
    border-radius: 50%!important;
}
#session-info-sticky {
    position: fixed;
    /*top: 91px;
    -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,.1), 0 6px 20px 0 rgba(0,0,0,.09);
    box-shadow: 0 8px 17px 0 rgba(0,0,0,.1), 0 6px 20px 0 rgba(0,0,0,.09); 
    background: white;*/
    transition: opacity ease-in 250ms;
    opacity: 0;
    width: 100%;
    padding: 0 35px;
}
#session-info-sticky.in {
	opacity: 1;
}

/* Sponsors */

.logos-wrap {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.logo-wrap {
	display: flex;
	flex-wrap: wrap;
	padding: 40px 30px;
	justify-content: center;
}
.logo-item {
	display: flex;
	align-items: center;
	justify-content: center;
/*	height: 150px;*/
	padding: 20px;
	/*border-top: 1px solid #e5e5e5;*/
	/*border-left: 1px solid #e5e5e5;*/
	margin-bottom:20px;
}
/*
.logo-item:nth-child(1),
.logo-item:nth-child(2),
.logo-item:nth-child(3),
.logo-item:nth-child(4){
	border-top: none;
}
/*
.logo-item:nth-child(1),
.logo-item:nth-child(5){
	border-left: none;
}
* /
.logo-item:nth-child(4n+1) {
	border-left: none;
}
*/
td[nowrap] {
    white-space: nowrap;
}

@media (max-width: 767px) {
	.section-logos {
		padding: 40px 0;
	}
	.partners-wrap,
	.sponsors-wrap {
		width: 100%;
	}
	.logo-wrap {
		padding: 0;
	}
	.partners-wrap .logo-wrap,
	.sponsors-wrap .logo-wrap {
		border: none;
	}
}

.img-contain, .img-cover {
	overflow: hidden;	
}
.img-contain img, .img-cover img {
	width: 100%;
    height: 100%;
}
.img-contain img, img.img-contain {
	object-fit: contain !important;	
}
.img-cover img, img.img-cover {
    object-fit: cover !important;
}
.img-icon {
    display: block;
    position: relative;
    max-height: 100%;
    max-width: 100%;
}
.img-icon.img-icon-play img {
    filter: brightness(0.8);
}
.img-icon.img-icon-play a:after, a.img-icon.img-icon-play:after{
	content: "\e029";
}
.img-icon.img-icon-more a:after {
	content:"\e081";
}
.img-icon a:after, a.img-icon:after {
    font-family: 'Glyphicons Halflings';
    text-decoration: none;
    position: absolute;
    color: white;
    font-size: 60px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-shadow: 0 1px 6px rgb(0 0 0 / 12%);
    /*opacity: 0.75;
    transition: opacity ease-in 150ms;*/
}
a.img-icon.img-icon-lg:after {
	font-size: 6rem;
}
.img-icon:hover a:after {
	/*opacity: 1;*/
}
.thumb-gallery-hover-effect a > img {
	filter: grayscale(75%) brightness(0.75);
	transition: filter ease-in 150ms;
}
.thumb-gallery-hover-effect a:hover > img {
	filter: grayscale(0%) brightness(1);
}
.tile-row a {
	text-decoration: none !important;
}
.supercents {
	font-size: 50%;
	top: -0.75em;
	padding-left: 1px;
}

/* featured card flipping */

@media (min-width: 576px) {
	
	.feature-card-flip > div:nth-child(even) .card > .row {
		flex-direction: row-reverse;
	}
	.feature-card-flip > div:nth-child(even) .card-body  {
		text-align: right;
	}

}

/* line clamp */
/*
.line-clamp-3 {
    flex: 0 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 3.6em;
    min-height: 3.6em;
    line-height: 1.2em;
}
*/
.line-clamp {
	-webkit-box-orient: vertical;
	display: -webkit-box !important;
	flex: 0 0 auto;
	/*line-height: 1.5em;*/
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 0 !important;
}
.line-clamp-1 {
	-webkit-line-clamp: 1;
	max-height: 1.5em;
}
.line-clamp-2 {
	-webkit-line-clamp: 2;
	max-height: 3em;
}
.line-clamp-3 {
	-webkit-line-clamp: 3;
	max-height: 4.5em;
}
.line-clamp-4 {
	-webkit-line-clamp: 4;
	max-height: 6em;
}
.line-clamp-5 {
	-webkit-line-clamp: 5;
	max-height: 7.5em;
}
.clamp-min-height.line-clamp-1 {
	min-height: 1.5em;
}
.clamp-min-height.line-clamp-2 {
	min-height: 3em;
}
.clamp-min-height.line-clamp-3 {
	min-height: 4.5em;
}
.clamp-min-height.line-clamp-4 {
	min-height: 6em;
}
.clamp-min-height.line-clamp-5 {
	min-height: 7.5em;
}

/* tree select */

:root {
    --ct-bg: rgb(245, 244, 243) !important;
    --ct-btn-hover: #e8e8e8;
    --ct-btn-active: #ddd;
    --ct-btn-color: #555;
    --ct-border-color: #e1e1e1;
    --ct-border-radius: 5px;
    --ct-tree-hover: #efefef;
    --ct-selection: #28609d;
    --ct-padding: 8px;
}
    
.comboTreeWrapper{
	position: relative;
	text-align: left !important;
}

.comboTreeInputWrapper{
	position: relative;
}

.comboTreeArrowBtn {
	position: absolute;
    right: 0px;
    bottom: 0px;
    top: 0px;
    box-sizing: border-box;

    cursor: pointer;
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
    
    background: transparent;
    border: none;
    font-size: 10px;
    line-height: 20px;
    padding: 10px;    
    
}
.comboTreeArrowBtnImg{
    font-size: 1rem;
}
.comboTreeDropDownContainer {
	display: none;
	background: var(--ct-bg);
	border: 1px solid var(--ct-border-color);
	position: absolute;
  width: 100%;
  box-sizing: border-box;
  z-index: 999;
	max-height: 250px;
	overflow-y: auto;
	
}

.comboTreeDropDownContainer ul{
	padding: 0px;
	margin: 0 !important;
}

.comboTreeDropDownContainer li{
	list-style-type: none;
}
.comboTreeDropDownContainer > ul > li {
	padding-left: 0;
}
.comboTreeDropDownContainer li li span.comboTreeItemTitle.selectable {
	padding-left: 20px;	
}
.comboTreeDropDownContainer li li li span.comboTreeItemTitle.selectable {
	padding-left: 30px;	
}
.comboTreeDropDownContainer li li li li span.comboTreeItemTitle.selectable {
	padding-left: 40px;	
}
.comboTreeDropDownContainer li li li li li span.comboTreeItemTitle.selectable {
	padding-left: 50px;	
}
.comboTreeDropDownContainer li [data-selectable="true"] {
	cursor: pointer;
}

.comboTreeDropDownContainer li [data-selectable="false"]{
	cursor: not-allowed;
	opacity: 0.5;
}

/*
.comboTreeDropDownContainer li:hover{
	/*background-color: var(--ct-tree-hover);* /
}
.comboTreeDropDownContainer li:hover ul{
	background-color: var(--ct-bg)
	
}
.comboTreeDropDownContainer li span.comboTreeItemTitle.comboTreeItemHover[data-selectable="true"] {
	background-color: var(--ct-selection);
    border-radius: 0;
    color: white;
}
*/
.comboTreeDropDownContainer li > [data-selectable="true"]:hover {
	background-color: var(--ct-selection);
	color: white;
}

span.comboTreeItemTitle{
	display: block;
    padding: 5px 20px;
    line-height: 27px;
}
.comboTreeDropDownContainer label{
    cursor: pointer;
	width: 100%;
    display: block;
}
.comboTreeDropDownContainer .comboTreeItemTitle input {
	position: relative;
    top: 2px;
	margin: 0px 4px 0px 0px;
}
.comboTreeInputBox {
	color: rgb(51, 51, 51);
}
.comboTreeInputBox::placeholder {
	font-size: 13.66px !important;
}
.comboTreeParentPlus {
	display:none !important;
	/*
    position: relative;
    left: -12px;
    top: 4px;
    width: 4px;
    float: left;
		cursor: pointer;
		*/
}
.comboTreeInputBox {
	/*padding: var(--ct-padding);
    border-radius: var(--ct-border-radius);
    border: 1px solid var(--ct-border-color);*/
    width: 100%;
    box-sizing: border-box;
    padding-right: 24px;
}
.comboTreeInputBox:focus {
    border: 1px solid var(--ct-selection);
    outline-width: 0;
}
.multiplesFilter {
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid var(--ct-border-color);
}
.dropdown-select-btn.dropdown-select-btn-init {
    max-width: 100%;
	width: 100%;    
	position: relative;
    text-align: center;
}
.text-right .dropdown-select-btn .dropdown-menu {
    right: 0;
    left: auto;
}
.dropdown-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef;
}

/* google map */

.gm-style-iw {
    /*padding: 20px 5px 5px 20px !important;*/
    /*padding: 12px 15px 12px 15px !important*/
}
.gm-style-iw h4 {
    text-transform: uppercase;
    line-height: 18px;
    font-weight: bold;
    font-size: 16px;
    max-width: calc(100% - 110px);
    display: inline-block;    
}
button.gm-ui-hover-effect {
	padding: 5px !important;
    top: 0 !important;
    right: 0 !important;
	border: 2px solid black;
    border-radius: 50%;    
    outline: none !important;
    width: 24px !important;
    height: 24px !important;
}
button.gm-ui-hover-effect img {
    margin: 0 !important;
    border: 2px solid black;
    border-radius: 50%;
    float: right;
	width: 20px !important;
    height: 20px !important;    
}
.hi5_map {
	height: 50vh;
	position: relative;
	border-radius: .25rem;
	border: 1px solid #dee2e6;
}
.hi5_map.map-loading > div { 
	filter: grayscale(1);	
	opacity: 0.6;
	transition: opacity ease-in 250ms;
}
.hi5_map.map-loading:after {
	content:"\231b";
    font-family: 'Glyphicons Halflings';
    text-decoration: none;
    position: absolute;
    color: white;
    font-size: 120px;
    top: calc(50% - 90px);
    left: calc(50% - 60px);
    transform: translate(-50%, -50%);
    text-shadow: -3px 3px 3px rgba(0,0,0,0.25);
    animation-name: spin-animation;
    animation-duration: 1200ms;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;    
}
.gm-style .gm-style-iw-c {
	padding: 36px 15px 15px 15px; /* !important;*/
}
.gm-style .gm-style-iw-c button[type="button"] {
    top: 4px; /*!important*/
    right: 6px; /*!important*/
    cursor: pointer;
}
.gm-style .gm-style-iw-c address {
	margin: 0 !important;
}
.gm-style-iw-d {
    overflow: hidden !important;
    line-height: 20px;    
}
.gm-style-iw .btn-show-on-map {
	display: none !important;
}



/* 2fa */

#verify-2fa-form .alert-info {
    padding: 0;
    background: none;
    border: none;
    text-align:left;
}

/* bs auto-clear extension */

@media (min-width:1600px){
    .auto-clear .col-xl-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-xl-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-xl-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-xl-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-xl-6:nth-child(odd){clear:left;}
}
@media (min-width:1200px) and (max-width:1599px) {
    .auto-clear .col-lg-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-lg-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-lg-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-lg-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-lg-6:nth-child(odd){clear:left;}
}
@media (min-width:992px) and (max-width:1199px){
    .auto-clear .col-md-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-md-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-md-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-md-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-md-6:nth-child(odd){clear:left;}
}
@media (min-width:768px) and (max-width:991px){
    .auto-clear .col-sm-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-sm-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-sm-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-sm-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-sm-6:nth-child(odd){clear:left;}
}
@media (max-width:767px){
    .auto-clear .col-xs-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-xs-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-xs-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-xs-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-xs-6:nth-child(odd){clear:left;}
}

#unsubscribe-all .form-group > label {
	display: none;
}

#subscribe .checklist, #unsubscribe .checklist, #unsubscribe-all .checklist {
	padding: 0;
	width: 100%;
}

#PopperDialog .modal {
  text-align: center;
  padding: 0!important;
}
/*
.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}
.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
*/
#PopperDialog .modal-footer {
	border-top: none;
	padding-top: 0;
}
#PopperDialog .modal-footer button {
	min-width: 150px;
	text-align: center;
}
#PopperDialog .modal-body, #PopperDialog .modal-footer {
    justify-content: center;
    text-align: center;
}
#PopperDialog .modal-dialog, .modal-centered .modal-dialog {
	top: 50%;
    -ms-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
    
	/*display: flex;
    align-items: center;
    min-height: calc(100% - 1rem);*/
    
}

/* Batch Renewals */

.form-group.batch-renew-list {
    padding-left: 50px;
}
.batch-renew-list > div {
	padding: 16px 6px;
    border-bottom: 1px solid #ddd;
    margin: 0;
	position: relative;
}
.batch-renew-list h4 {
    /*margin: 30px 0 10px 0 !important;*/
}
.batch-renew-list input {
	position: absolute;
	left: -50px;
	top: 10px;
}
.batch-renew-list p, .batch-renew-list label {
	margin: 0 !important;
}
.batch-renew-list label {
	white-space: nowrap;
}
.batch-renew-list select.form-control {
	display: inline-block;
    margin: 0 5px;
    padding: 0 5px;
    height: 30px;
    width: 300px;
}
.batch-renew-list div.removed label {
	text-decoration: line-through;
}
.batch-renew-list div.removed button.btn-remove, .batch-renew-list div button.btn-undo, .batch-renew-list div.removed button.btn-manager {
	display: none;
}
.batch-renew-list div.removed button.btn-undo {
	display: block;
}

/* Subscribe */

form#subcribe .form-group:not(.submit-group) {
    margin-bottom: 1rem !important;
}
form#subcribe .form-group.submit-group {
	margin-top: 0 !important;
}

/* random fixes */
.row.collapse.in {
	display: flex !important;
}
.section-welcome #find-form {
    box-shadow: 0 10px 10px 5px rgb(0 0 0 / 25%);
}
#find-results {
    height: 500px;
}
a.badge {
    text-decoration: none !important;
}
li.collapse.in {
    display: list-item;
}
/* faqs */

.faqs .card-header {
	padding: 0;
}
.faqs .card-header .card-link {
	text-decoration: none;
    border: none;
    background: none;
    color: inherit;
	width: 100%;
    text-align: left;    
}
.faqs .card-header .card-link:after {
    font-family: 'Glyphicons Halflings';
    position: absolute;
    right: 1rem;
    content: "\e259";
}
.faqs .card-header .card-link[aria-expanded="true"]:after {
    content:"\e260";
}
.faqs h2 {
	position: relative;
}


.dropdown-select-btn .dropdown-item, .dropdown-select-btn .dropdown-item.active, .dropdown-select-btn .dropdown-item:active {
	position: relative;
    margin: 0;
	/*line-height: 1rem;*/
    /*padding: 0.5rem 1rem 0.5rem 2rem;*/
    padding-left: 2rem;
    cursor: pointer;
    background: white;
    color: #212529;
    line-height: 24px;
}
.dropdown-select-btn .dropdown-item:focus, .dropdown-select-btn .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f5f5f5;
}
.dropdown-select-btn .dropdown-item input {
	visibility: hidden;
}
.dropdown-select-btn .dropdown-item span.fancy-radio {
	display: block;
    width: 16px;
    height: 16px;
    border: 1px solid grey;
    border-radius: 8px;
    position: absolute;
    left: 1rem;
	top: 50%;
    transform: translateY(-50%);
}
.dropdown-select-btn .dropdown-item :checked + span.fancy-radio, .dropdown-select-btn .dropdown-item:active span.fancy-radio  { 
	border: 5px solid blue;
}
.dropdown-select-btn .dropdown-item span.radio-label {
	max-width: 300px;
	overflow: hidden;
	vertical-align: middle;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    /*background-color: #f8f9fa!important;*/
}
.nav-pills button.nav-link {
	-webkit-appearance: none !important;
	appearance: none !important;
	/*background-color: transparent !important;
	border: none !important;*/
}

#review-form .form-section-header, .form-submission-accordion .form-section-header {
    border: 1px solid #e5e5e5;
    padding: 1rem 2.5rem 1rem 1rem;
    margin-top: 0;
    position: relative;
}
#review-form section:not(.active) .form-section-header, .form-submission-accordion section:not(.active) .form-section-header {
	cursor: pointer;
}
#review-form section:not(.active) .form-section-header:hover, .form-submission-accordion section:not(.active) .form-section-header:hover {
	background-color: #fbfaee;
}
#review-form section .form-section-header::after, .form-submission-accordion section .form-section-header::after {
    font-family: 'Glyphicons Halflings';
    font-size: 1rem;
    line-height: 1rem;
    padding-left: 1rem;
    position: absolute;
    right: 1rem;
    top: 1.25rem;
}
#review-form:not(.Hi5-init) section:not(.active) > div, .form-submission-accordion:not(.Hi5-init) section:not(.active) > div {
	display: none;
}
#review-form section:not(.active) > .form-section-header::after, .form-submission-accordion section:not(.active) > .form-section-header::after {
    content:"\e259";
}
#review-form section.active > .form-section-header::after, .form-submission-accordion section.active > .form-section-header::after {
	content:"\e260";
}
.form-submission {
	background: white;
	padding: 20px 30px 0 30px;
	border: 1px solid black;
	color: black;
}
.form-submission .form-submission {
	margin:1rem 0 0 0;
	padding:1rem 1rem 0.1rem 1rem;
}
@media print {
	.form-submission {
		border:none;
		padding:0;
	}
	.form-submission .form-submission {
		border:none;
		border-bottom: 1px solid black;
		background: none;
	}
}
@media screen {
	.form-submission .form-submission {
		border:none;
		background: #f5f5f5;
	}
}
.nav.nav-pills .nav-label {
	font-weight: bold;
	display: block;
    padding: 0.5rem 1rem;	
}
.nav.nav-pills .nav-link.disabled:not(.active) {
	color: #999;
    cursor: not-allowed;
    pointer-events: all;
    background: transparent;
}
.validation-display {
    height: 1px !important;
    width: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute;
    left: 3rem !important;
}
#career-ad-review-form fieldset {
	padding: 15px;
}
fieldset.submitting {
	opacity: 0.4;
}

/* cart/add module */
.Hi5Prices {
    text-align: left;
    max-width: 750px;
    margin: 3rem auto 0;
}    
.Hi5Prices .table tbody {
	border-top: none;
	border-bottom: none;
}
.Hi5Prices .table tbody tr {
    border-bottom: 1px solid #e6e6e6;
    border-top: none;
}
.Hi5Prices .table tbody tr:last-child {
    border: none !important;
}
.Hi5Prices .cart-price {
    font-weight: bold;
    white-space: nowrap;
    text-align: right;
    padding-right: 20px;
}
.Hi5Prices tr > td:first-of-type {
    width: 100%;
}
/*.Hi5Prices table tbody {
    border-top: 3px solid #bbb;
    border-bottom: 3px solid #bbb;
}    */
.Hi5Prices table tbody td, .Hi5Prices table tfoot td {
    border: none;
}
.Hi5Prices .btn {
	white-space: nowrap;
	position: relative;
}
.Hi5Prices .input-group {
	flex-wrap: nowrap;
}
.Hi5Prices .cart-add-btn {
    line-height: 20px;
    min-width: 120px;
    padding: 8px 12px;
}
.Hi5Prices tfoot a.btn {
	transition: opacity ease 300ms;
}
.Hi5Prices button > .cart-text-placeholder {
	opacity: 0;
}
.Hi5Prices .cart-text-placeholder .input-number {
	color: white;
}
.Hi5Prices .cart-text-placeholder button, .Hi5Prices .cart-text-placeholder input, .Hi5Prices .cart-add-btn:not(.init) {
	cursor: wait !important;
}
.Hi5Prices .cart-text-placeholder input:disabled {
	background: white !important;
}
.Hi5Prices .btn > i.glyphicon-hourglass, .Hi5Prices .btn-group > i.glyphicon-hourglass {
	position: absolute;
	top: 30%;
    left: 44%;
	transform: translate(-50%, -50%);
	z-index: 2;
}
i.icon-spinner, img.icon-spinner {
    animation-name: spin-animation;
    animation-duration: 1200ms;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
body.loading {
	cursor: wait;
}
.Hi5Prices i.glyphicon-hourglass {
    animation-name: spin-animation;
    animation-duration: 1200ms;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
.Hi5Prices .btn.btn-number {
    padding: 8px;
    text-align: center;
	font-size: 12px;
    line-height: 20px;    
}
.Hi5Prices .btn.btn-number[data-type="minus"] {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.Hi5Prices input[type="number"] {
	text-align: center;
	outline: none !important;
	box-shadow: none !important;
	min-width: 60px;
	-moz-appearance: textfield;
}
.Hi5Prices input[type="number"]::-webkit-outer-spin-button,
.Hi5Prices input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.Hi5Prices .btn.btn-number[data-type="plus"] {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.Hi5Cart ol {
    padding-left: 1rem;
}
.cart-add-btn.btn-disabled {
    background: #aaa;
    color: #eee;
    cursor: not-allowed;
}
@media (max-width: 767px) {
	.Hi5Prices tr > td, .Hi5Prices .cart-price {
		display: block;
		width: 100%;
		text-align: center;
	}
}


@keyframes spin-animation {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(0deg);
    }
    75% {
        transform: rotate(360deg);
    }
    100%{
        transform: rotate(360deg);
    }
}

.card .card-img-100 {
	height: 100px;	
}
.card .card-img-contain {
	object-fit: contain;
}
.forum-media-list > li {
    padding-bottom: 1rem;
}
.forum-media-list > li .card-body {
	/*padding-bottom: 0 !important;*/
	width: 100%;
}
.forum-media-list.row .card-title {
	padding: 5px 16px !important;
}
.forum-media-list li.w-100 .card-title {
	padding: 6px 0 0 16px !important;
    width: calc(100% - 100px);
}
.tile-nav.forum-media-list.dropdown.dropdown-accordion {
    margin-top: 3px;
}
div.btn-link:hover {
	text-decoration: none !important;
}
.forum-media-list .card:hover, .forum-media-list .card:active, .forum-media-list .card:focus {
    background: #fffcf0;
}
.edit-comment-form {
	background: #eee;
	padding: 30px 40px 0;
	border: 1px solid #ddd;
}
.course-unit-list {
    display: block;
}
.course-unit-list > li {
    padding: 0.5rem 0;
    border-bottom: 1px solid rgba(0,0,0,0.15);
}
.course-unit-list {
	max-width: 500px;
}
.course-unit-list > li:last-of-type {
	border-bottom: none;
}
.course-unit-completed img, .course-unit-pending img, .unit-event-completed img {
	filter: grayscale(100%) brightness(120%) opacity(60%) contrast(80%);
}
.card .completed-indicator, .card .pending-indicator {
	position: absolute;
    font-size: 80px;
    line-height: 80px;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    width: 100px;
    height: 100px;
    margin: auto;
    color: black;
    padding: 10px;
}
.card .completed-indicator i, .card .pending-indicator i {
    text-shadow: 2px 2px 2px rgb(0 0 0 / 20%);
}
.course-unit-incomplete .completed-indicator, .course-unit-incomplete .pending-indicator, .course-unit-pending .completed-indicator, .course-unit-completed .pending-indicator {
	display:none;
}

ul.course-status {
    list-style: none;
    padding: 0;
}
ul.course-status li {
	position: relative;
	padding: 20px 0 20px 40px;
	font-weight: bold;
}
ul.course-status li:before {
	content: "\e127";
    font-family: 'Glyphicons Halflings';
    position: absolute;
    left: 10px;
}
.course-stats {
	font-size: 0.8rem;
}
.course-stats span {
	display: block;
	font-size: 200%;
	line-height: 1;
}
.course-stats div {
	text-align: center;
	color: inherit !important;
	line-height: 1;
	/*padding: 1rem;*/
	padding: 0;
}
.course-stats div a {
	
}
.course-stats div a, .course-unit-list a, .course-unit-list .btn-link {
	text-decoration: none !important;
    display: block;
    width: 100%;
    height: 100%;	
}
.course-unit-list .btn-link { 
    text-align: left;
    font-size: 16px;
    font-weight: 300 !important;
}
.quiz-answer-yes .quiz-if-no, .quiz-answer-no .quiz-if-yes {
	display: none;
}
.quiz-answer li > .btn {
	position: relative;
}
.quiz-answer li > .btn > i {
    font-size: 200%;
    position: absolute;
    right: 5px;
    top: 5px;
    transition: opacity ease 200ms;
}
.quiz-not-answered .btn > i, .quiz-answer .btn:disabled > i {
	opacity: 0;
}
.quiz-answer.quiz-answer-no:not(.quiz-not-answered) .btn-quiz-no:not(:disabled), .quiz-answer.quiz-answer-yes:not(.quiz-not-answered) .btn-quiz-yes:not(:disabled) {
	background: forestgreen;
	border-color:forestgreen;
}
 
button.nav-link {
	box-shadow: none !important;	
	outline: none !important;
}
.form-group .btn-link:hover, .form-group .btn-link:focus, .form-group .btn-link:active {
	text-decoration: none !important;
}
.pinned-comment {
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 2rem;
}
@media (max-width:991px) {
	.course-unit-nav {
		width: 100%;
	}
}
/*
@media (min-width:992px) {
	.course-stats {
		width: 400px;
	}
}
*/
/*
.course-header-sticky {
	opacity:0;
	z-index:-1;
	position: fixed !important;
    -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,.1), 0 6px 20px 0 rgba(0,0,0,.09);
    box-shadow: 0 8px 17px 0 rgba(0,0,0,.1), 0 6px 20px 0 rgba(0,0,0,.09);
    width: 100%;
    max-width: 1110px;
    background: white;	    
	padding: 1rem 2rem;	    
	transition: opacity ease 200ms;
}
*/
.course-discussions .childnode > a {
	display: block;
    width: 100%;
    height: 100%;
    text-decoration: none !important;
}
tr[valign="middle"] td {
	vertical-align: middle !important;
}
.accordion .card-header {
	padding: 0;
}
.accordion .card-header a {
	padding: 0.75rem 1.25rem;	
}
.accordion .card-header .participant-progress {
	/*width: 260px;*/
	max-width: 50%;
    padding: 12px 0;
}
.accordion .card-header .participant-progress .progress {
	width: 200px;
}
.accordion .card-header .participant-progress > * {
	display: inline-flex;
	height: 20px;
	vertical-align: middle;
}
.accordion .card-header .participant-progress > span {
    width: 40px;
    text-align: right;
    line-height: 20px;
    display: inline-block;
}
.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.Hi5Form .grid_input table tbody tr.remove {
    background: firebrick;
}
.Hi5Form .grid_input table tbody tr.no-remove .Hi5GridDeleteRow {
	display: none;
}
/* pretty scroll bar */
.scroller {
	overflow-y: auto;
}
.scroller::-webkit-scrollbar-track {
	background: none;
}
.scroller::-webkit-scrollbar {
	width: 12px;
}
.scroller:hover::-webkit-scrollbar-thumb {
	background-color: #eaebf0;
}
.scroller::-webkit-scrollbar-thumb {
	background-color: #f5f6fa;
	/*border-top-right-radius: 12px;*/
	transition: background-color ease 200ms;
}
.scroller thead {
	position: sticky;
	top:0;
	z-index: 1;
}

/* courses */

.certificate-of-completion {
	width: 960px;
	height: 720px;
	position: relative;
	line-height: 1.5;
	padding-left: 1rem;
}
.certificate-of-completion .decoration-1 {
	position: absolute;
	right:0;
	top:0;
	width: 380px;
	height: 420px;
	
	border-style: solid;
	border-width: 0 380px 420px 0;
	border-color: transparent #999 transparent transparent;
	z-index: 2;
}
.certificate-of-completion .decoration-2 {
	position: absolute;
	right:0;
	bottom:0;
	width: 300px;
	height: 350px;
	
	border-style: solid;
	border-width: 0 0 350px 300px;
	border-color: transparent transparent #bbb transparent;	
	z-index: 1;
}
.certificate-title {
    padding-top: 100px;
    text-transform: uppercase;
    font-size: 2.25rem;
    padding-bottom: 40px;
    width: 550px;
    font-weight: 400;
}
.certificate-participant-label {
    text-transform: uppercase;
    font-size: 1rem;
    padding-bottom: 25px;
    font-weight: 400;
    width: 550px;
}
.certificate-participant {
    border-bottom: 2px solid #ce9e3d;
    width: 550px;
    padding-bottom: 15px;
    margin-bottom: 40px;
    font-size: 2.5rem;
	line-height: 1;
    max-height: 128px;
    overflow-y: hidden;    
}
.certificate-description {
    font-size: 1rem;
    padding-bottom: 50px;
    font-weight: 400;	
    width: 550px;
}
.certificate-description span {
	text-transform: uppercase;
	font-weight: 600;	
}
.certificate-supervisor-facilitator-sections {
	height: 60px;
}
.certificate-supervisor-section, .certificate-facilitator-section {
	float: left;
}
.certificate-supervisor, .certificate-facilitator {
	border-bottom: 2px solid #ce9e3d;
    width: 225px;
    padding-bottom: 5px;
    margin-bottom: 6px;
    font-size: 1rem;
    text-align: center;
}
.certificate-facilitator-section { 
	margin-left: 100px;
}
.certificate-supervisor-label, .certificate-facilitator-label {
	font-weight: 600;
	text-align: center;
}
.certificate-logo {
    width: 550px;
    text-align: center;
    padding-top: 75px;
}
.certificate-logo img {
	height: 60px;
}
.form-error-msg .alert-dismissable {
	padding-right: 40px;
}
.form-error-msg .alert-dismissable button.close {
    position: absolute;
    right: 15px;
    top: 15px;
}
.form-error-msg button.close {
    position: absolute;
}
svg circle, svg polyline {
	shape-rendering: geometricPrecision;
}
svg polyline {
	stroke-linejoin: round;
}
input[type=file]::file-selector-button {
	cursor: pointer;
}
#section-units .nav-section-type button {
	outline: none !important;
}
#section-units .nav-section-type h4 button.btn-link {
	font-size: inherit;
	text-decoration: none;
	font-weight: 500;
    line-height: 1.2;	
}
.nav-section {
    position: absolute;
    width: 100%;
}
.nav-section:after {
    content: "";
    display: table;
    clear: both;
}

.unit-type-module .card-title > a {
	display: block;
}
.accordion > .card > .card-header > button.card-link[data-toggle="collapse"] {
    background: transparent;
    border: none;
    text-align: left;
    font-size: 16px;
}
button.noclick {
    cursor: default !important;
}
.option_button {
    border: none;
    display: block;
    width: 100%;
    text-align: left;
    background: none;
    border: 1px solid #eee;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 12px 24px;
    text-decoration: none !important;
}
.option_button.active, .option_button:hover {
	background: #efffef;
}
.accordion-flush .accordion-item:first-child {
    border-top: 0;
}
.accordion-flush .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}
.accordion-item {
	background: transparent;
	border: 1px solid rgba(0,0,0,.125);
}
.accordion-item:not(:first-of-type) {
    border-top: 0;
}
.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 3rem 1rem 0;
    /*font-size: 1rem;*/
    color: inherit;
    text-align: left;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
    outline: none !important;
    background: transparent !important;
    box-shadow: none !important;
}
.accordion-button::after {
    /*flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
	position: absolute;
	right: 1rem;    */
	

    content: "\f107"; /* Unicode for Font Awesome's 'angle-down' */
    font-family: "Font Awesome 6 Free"; 
    font-weight: 900; /* Set to bold to match the Font Awesome Pro style if necessary */
    color: inherit; /* Set the color here */
    font-size: 1.25rem;
    position: absolute;
    right: 1rem;
    transition: transform 0.2s ease-in-out;
    margin-left: auto;
    flex-shrink: 0;
    background-image: none !important;
	
}

@media only screen and (max-width : 767px) {
	.accordion-button {
		text-align: center;
		justify-content: center;
	}
}
.accordion-button:not(.collapsed)::after {
    transform: rotate(-180deg);
}
.accordion-body {
    padding: 1rem 1.25rem;
}
.accordion-flush .accordion-item:last-child {
    border-bottom: 0;
}
#PopperDialog ul {
	display: inline-block;
}
.fa.fa-twitter, .fab.fa-twitter {
	font-family:sans-serif;
	font-weight: bold;
    font-size: 110%;	
    width: 16px;
    height: 16px;    
}
.fa.fa-twitter::before, .fab.fa-twitter::before {
	content: "\1D54F";
}
td[align="right"] {
    text-align: right !important;
}
ol.search-results {
  padding-left: 30px;
}
ol.search-results > li {
  padding-left: 15px;
}

/* comments */

.content-comment .post-stats {
    font-size: 14px;
    color: #aaa;
}
.content-comment .post-stats * {
    padding: 0 4px;
    display: inline-block;
}
.content-comment .post-stats span {
    white-space: normal;
    vertical-align: top;
}
.content-comment .post-stats a {
	text-decoration: none !important;
	color: #aaa !important;
}
.content-comment .post-stats a:hover {
    color: var(--color-text);
}
button.btn-loading {
	cursor:wait;
}
/* blocks */

@media (min-width: 1400px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	    max-width: 1320px;
	}
}

.block-media {
    text-align: center;
}
.block-media.rounded img {
    border-radius: 0.5rem !important;
}
.img-icon-play img {
    filter: brightness(85%);
}
section[data-block-type]:not(.block-edit-mode) .block-heading.empty
, section[data-block-type]:not(.block-edit-mode) .block-content.empty
, section[data-block-type]:not(.block-edit-mode) .block-media.empty {
    display: none;
}
section[data-block-type]:not(.block-edit-mode) .block-module button.block-module-clicker, section[data-block-type]:not(.block-edit-mode) .module-empty-msg {
	display: none;
}

.img-list-row {
	width:65px;
	height:65px;
}
.img-greyscale img {
	filter: grayscale(100%);
	transition: filter ease-in 150ms;
}
.img-greyscale img:hover {
	filter: grayscale(0);
}
.video-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 0;
    min-height: 100%;
    min-width: 100%;
}
section[data-block-type]:not(.block-edit-mode) {
    overflow: hidden;
}
section[data-block-type] .container, section[data-block-type] .container-fullwidth, section[data-block-type] .container-fluid /*, section.position-relative .container, section.position-relative .container-fullwidth */ {
	position: relative;
	mix-blend-mode: normal;
    z-index: 1;
}
.card-img-overlay {
	z-index: 1;
}
.carousel-inner {
    position: sticky;
}
section[data-block-type="sponsors"] img {
    border-radius: 0 !important;
}
section[data-block] {
    position: relative;
	background-position: center;
    background-size: cover;    
}

.object-fit-fill, .object-fit-fill > *, .object-fit-fill > a > * {
    -o-object-fit: fill!important;
    object-fit: fill!important;
	width: 100%;
    height: 100%;    
}
.object-fit-contain, .object-fit-contain > *, .object-fit-contain > a > * {
    -o-object-fit: contain!important;
    object-fit: contain!important;
}
.object-fit-cover, .object-fit-cover > *, .object-fit-cover > a > * {
    -o-object-fit: cover!important;
    object-fit: cover!important;
}
.object-fit-contain > a, .object-fit-cover > a {
    width: 100%;
    height: 100%;
}
.bg-overlay {
	background-color: rgba(255,255,255,0.9);
}
div.video-bg {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0,0,0,0.75);
    overflow: hidden;
}
div.video-bg > img.icon-spinner {
	filter: invert(1);
    height: 60px;
}
.img-shop {
	height: 200px;
	width: 100%;
	object-fit: cover;
}
.carousel-item > .carousel-wrap {
    aspect-ratio: 28 / 9;
}
.block-module .Hi5Form .form-group label, .block-module .form-section-header {
	color: inherit;
}
.block-module .carousel, .block-module .slider-title {
	color: inherit;
}
.page-content .block-module a:not(.btn):not(.menu-item), .page-content .block-module .btn-link {
	color: inherit;
}
.block-module .table, .block-module .Hi5Prices .cart-price {
	color: inherit;
}
.row > div {
    position: relative;
}
.file-caption-main i {
    display: none;
}
body:not(.edit-mode) .section-pageheader.hide-banner, body:not(.edit-mode) .module-error {
	display: none;
}
/*.block-media.img-thumbnail {
    outline: 1px solid #dee2e6;
}*/
#PopperDialog .modal-content {
    padding: 50px 0;
}
/*#PopperDialog .modal-body i {
    font-size: 8rem;
    color: rgba(153, 153, 153, 0.75);
    margin-bottom: 30px;
}*/
aside {
    position: relative;
}
aside.no_share {
	display:none;
}
section[data-block-type="media-full"] .block-media .img {
    width: 100%;
}
.rounded-circle > img, .rounded-circle > a > img {
    border-radius: 50% !important;
}
.modal-header .btn-close {
	color: transparent;
}
.card-content .Hi5Error {
    padding: 10px !important;
}
.btn-group>.btn-first {	
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important;
}
.btn-group>.btn {
	margin-left:0 !important;
}
.btn-group>.btn:not(.btn-first) {
    /*border-left-color: rgba(255, 255, 255, .5); causing issue here: https://ipic.ca/english/the-profession/employment-opportunities */
}
.btn-group>.btn-last {	
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important;
}

.tag-container {
	display: flex;
	flex-wrap: wrap;
	align-items: center; /* Keeps tags aligned to the middle of the label's first row */
}

.tag-container a {
	margin-right: 5px;
	margin-bottom: 5px;
}

.tag-wrapper {
	display: flex;
}

.tag-wrapper strong {
	margin-right: 10px;
	white-space: nowrap; /* Prevent the label from breaking to a new line */
	align-self: flex-start; /* Aligns the label to the top of the first row of tags */
	padding-top: 4px; /* Optional: Adjust this value to fine-tune alignment */
}

.btn-close {
	box-sizing: content-box;
    width: 24px;
    height: 24px;
    padding: 6px !important;
    color: transparent;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    opacity: .5;
    background-size: 12px;
}
.input-group-addon {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
}
.form-group {
    margin-bottom: 1rem;
}
.form-control:disabled, button:disabled {
    cursor: default !important;
}
.table>:not(caption)>*>* {
    border-bottom: none;
}

.block-module[data-format="stretch"] .carousel-item > div {
    min-height: 0 !important;
}
.container-lg-halfwidth {
	width: 100%;
}
.row:has(> .px-3) {
    margin-right: -16px;
    margin-left: -16px;
}
.row:has(> .px-4) {
    margin-right: -24px;
    margin-left: -24px;
}
.block-buttons {
    margin-left: -4px;
    margin-right: -4px;
}

@media (min-width: 576px) {
    .container-lg-halfwidth {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .container-lg-halfwidth {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .container-lg-halfwidth {
        max-width: 480px;
    }
}
@media (min-width: 1200px) {
    .container-lg-halfwidth {
        max-width: 570px;
    }
}
@media (min-width: 1400px) {
    .container-lg-halfwidth {
        max-width: 660px;
    }
}
.min-h-50 {
    min-height: 50%;
}
@media (max-width: 767px) {

	div.Hi5PriceList table tbody td {
    	display: block;
	}
	div.Hi5PriceList table > tbody > tr {
	    border-top: 1px solid #dee2e6;
	}
	div.Hi5PriceList .btn.Hi5AddToCart {
	    margin-bottom: 1rem;
	}
}

@media (min-width: 992px) {
	.col-lg-9 .carousel-item > .carousel-wrap {
	    aspect-ratio: 21 / 9;
	}
}
/*
  sm: 576px // mobile
  md: 768px // tablet-portrait
  lg: 992px // tablet-landscape
  xl: 1200px // laptop
  xxl: 1400px // desktop
*/

@media (min-width: 1400px) {
	section[data-device-hide~="desktop"]:not(.block-edit-mode), body.preview-mode section[data-device-hide~="desktop"] {
		display: none !important;	
	}
}
@media (min-width: 1200px) and (max-width: 1399px) {
	section[data-device-hide~="laptop"]:not(.block-edit-mode), body.preview-mode section[data-device-hide~="laptop"] {
		display: none !important;	
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	section[data-device-hide~="tablet-landscape"]:not(.block-edit-mode), body.preview-mode section[data-device-hide~="tablet-landscape"] {
		display: none !important;	
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	section[data-device-hide~="tablet-portrait"]:not(.block-edit-mode), body.preview-mode section[data-device-hide~="tablet-portrait"] {
		display: none !important;	
	}
}
@media (max-width: 767px) {
	section[data-device-hide~="mobile"]:not(.block-edit-mode), body.preview-mode section[data-device-hide~="mobile"] {
		display: none !important;	
	}
}
.carousel .stretchy-wrapper  .carousel-container {
	background: rgba(0, 0, 0, 0.5);
}
.block-content > p:last-of-type:not(:has(+ *)) {
    margin-bottom: 0 !important;
}
.google-attrib {
    font-size: 13px;
}
@media (min-width: 992px) { /* Bootstrap's lg breakpoint */
  .border-lg-end {
    border-right: 1px solid #dee2e6; /* Adjust color as needed */
  }
}
address a.external_link {
	display: inline-block !important;
    position: relative;
    color: inherit !important;
}
address a.external_link:after {
    position: absolute;
    top: 0.5em;
    right: -2em;
    opacity:0;
    transition: ease-in 200ms;
}
address:hover a.external_link:after {
	opacity:1;
}
#grid-field-members .form-control.disabled {
    height: auto;
    min-height: calc(1.5em + .75rem + 2px);
}
.table-hover tbody tr:hover {
    color: inherit;
}
i.modal-popper-icon {
    font-size: 7rem;
    color: #BDBDBD;
    margin-bottom: 3rem;	
}
.tag-clipper {
	text-overflow: ellipsis;
    overflow-x: clip;
    max-width: 50%;
    word-wrap: now;
    white-space: nowrap;
}
.custom-arrow {
	position: relative;
	width: 100%;
}
.custom-arrow > select {
	appearance: none;
}
.custom-arrow:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 50%;
    right: 6px;
    margin-top: -3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #333333 transparent transparent transparent;
    z-index: 10;
}
#field-hi5_submit_lov-adder-form {
    text-align: right;
}
.selectize-input.has-items:not(.focus) input {
    width: 0 !important;
}
.external_link:after {
    padding-left: 10px;
    font-size: 75%;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    transition: opacity ease-in 150ms;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f35d";
    padding-bottom: 3px;
    opacity: 0.5;
}
.external_link:hover:after {
	opacity:1 !important;
}
.card-footer:empty {
  display: none;
}
.input-group-prepend .input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group-append .input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.text-right .line-clamp {
    text-align: right;
}
.custom-arrow:has(select:focus):after {
	display:none;
}