/* 

This software and all associated source code, architecture, and intellectual property
are proprietary and confidential.

Access is granted solely for authorised use under licence.

Any unauthorised copying, modification, reproduction, distribution,
reverse engineering, or exploitation of this software is strictly prohibited
and may result in legal action, including claims for damages.

All rights reserved. 

*/

body { font-family: var(--font-family) !important; }

html, body { height: 100% }

.customFont { font-family: var(--custom-font) !important; }

.bg-navbar { background-color: var(--nav-bg-color) !important; }

@media (max-width: 1023.98px) { .nav-phone-width { width: 100%; } }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type="number"] { -moz-appearance: textfield; }

a:link { text-decoration: none; color: var(--link-color); }
a:visited { text-decoration: none; color: var(--link-color); }
a:hover { text-decoration: none; color: var(--hover-color); }
a:active { text-decoration: none; color: var(--link-color); }

a.nav-link, a.nav-link2 { text-decoration: none; display: inline-block; line-height: 1.5; padding: 8px 12px; margin: 0; font-weight: bold; }
a.nav-link { color: var(--nav-link-color); }
a.nav-link:hover, a.nav-link:focus, a.nav-link.active { color: var(--nav-hover-color); }
.bg-navbar a.nav-link.active, .bg-navbar a.nav-link2.active { color: var(--nav-hover-color) !important; }

a.nav-link2 { color: var(--nav-link-color-two); }
a.nav-link2:hover, a.nav-link2:focus, a.nav-link2.active { color: var(--nav-hover-color-two); }

.navbar-toggler { color:var(--nav-hover-color); border-color:var(--nav-hover-color); }
.navbar-toggler:focus { box-shadow: none; }

@media (max-width: 575.98px) { .logo-show { width:10%; } a.main-logo:link, a.main-logo:visited, a.main-logo:hover, a.main-logo:active { font-size:0.85em; } }
@media (min-width: 575.98px) { a.main-logo:link, a.main-logo:visited, a.main-logo:hover, a.main-logo:active { font-size:1.5em; } }
@media (max-width: 991.98px) { .nav-button-padding { padding-bottom:0.75em; } }

a.main-logo:link { text-decoration: none; color: var(--logo-text-color); font-weight: bold; }
a.main-logo:visited { text-decoration: none; color: var(--logo-text-color); font-weight: bold; }
a.main-logo:hover { text-decoration: none; color: var(--logo-text-hover-color); font-weight: bold; }
a.main-logo:active { text-decoration: none; color: var(--logo-text-color); font-weight: bold; }

a.footer-link:link { text-decoration: none; color: var(--footer-link-color); }
a.footer-link:visited { text-decoration: none; color: var(--footer-link-color); }
a.footer-link:hover { text-decoration: none; color: var(--footer-hover-color); }
a.footer-link:active { text-decoration: none; color: var(--footer-link-color); }

.footer-text { color: var(--footer-text-color); }
.footer-heading { color: var(--footer-heading-color); }

@keyframes beat-fade { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.25); opacity: 0.7; } }
.fa-beat-fade-once { animation: beat-fade 1s ease-in-out 1; }

/* Main Custom Button Style */
.btn-main-custom, .btn-main-custom:active, .btn-main-custom:visited { background-color: var(--main-button-color) !important; border-color: var(--main-button-color) !important; color: var(--main-button-text-color) !important; box-shadow: 7px 7px 20px grey; padding: 0.375rem 0.75rem; font-size: 1rem; border-radius: 0.25rem; display: inline-block; text-align: center; vertical-align: middle; user-select: none; border-width: 1px; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
.btn-main-custom:hover { background-color: var(--main-button-hover-color) !important; border-color: var(--main-button-hover-color) !important; color: var(--main-button-text-color) !important; text-decoration: none; }
.btn-main-custom:focus, .btn-main-custom.focus { outline: none; color: var(--main-button-text-color) !important; }
.btn-main-custom:active { background-color: var(--main-button-hover-color) !important; border-color: var(--main-button-hover-color) !important; box-shadow: 7px 7px 20px grey; }
.btn-main-custom.disabled, .btn-main-custom:disabled { opacity: 0.65; pointer-events: none; color: var(--main-button-text-color) !important; }
.btn-main-custom-sm { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; }
.btn-main-custom-lg { padding: 0.5rem 1.25rem; font-size: 1.25rem; border-radius: 0.3rem; }

.btn-hgt-orange, .btn-hgt-orange:active, .btn-hgt-orange:visited { background-color: #f04e23 !important; border-color: #f04e23 !important; color: #FFFFFF !important; box-shadow: 7px 7px 20px grey; padding: 0.375rem 0.75rem; font-size: 1rem; border-radius: 0.25rem; display: inline-block; text-align: center; vertical-align: middle; user-select: none; border-width: 1px; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
.btn-hgt-orange:hover { background-color: #ff835a !important; border-color: #ff835a !important; color: #FFFFFF !important; text-decoration: none; }
.btn-hgt-orange:focus, .btn-hgt-orange.focus { outline: none; color: #FFFFFF !important; }
.btn-hgt-orange:active { background-color: #ff835a !important; border-color: #ff835a !important; box-shadow: 7px 7px 20px grey; }
.btn-hgt-orange.disabled, .btn-hgt-orange:disabled { opacity: 0.65; pointer-events: none; color: #FFFFFF !important; }
.btn-hgt-orange-sm { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; }
.btn-hgt-orange-lg { padding: 0.5rem 1.25rem; font-size: 1.25rem; border-radius: 0.3rem; }

.btn-hgt-orange.btn-sm { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.25; }
.btn-main-custom.btn-sm { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.25; }
.btn-secondary.btn-sm { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.25; }

/* Square Icon Button Style */
.custom-square-link { display: flex; flex-direction: column; justify-content: center; align-items: center; text-decoration: none; color: inherit; border: 1px solid #ddd; border-radius: 8px; padding: 12px; transition: all 0.3s ease; text-align: center; height: 100%; max-width: 175px; }
.custom-square-link:hover { background-color: #e9ecef; border-color: #f04e23; color: #f04e23; }
.custom-icon-box { font-size: 1.5rem; margin-bottom: 8px; padding-top:4px; }
.custom-square-text { font-size: 0.75rem; }

.circle-for-numbers { display: inline-flex; align-items: center; justify-content: center; border: 1px solid #d2d2d2; border-radius: 50%; width: 1.75em; height: 1.75em; font-size:0.75em; }

/* Media query for non-hover devices */
@media (min-width: 575.99px) { .btn-main-custom:hover, .btn-main-custom:focus, .btn-main-custom:active { background-color: var(--main-button-hover-color) !important; border-color: var(--main-button-hover-color) !important; color: var(--main-button-text-color) !important; } }

.btn-secondary, .btn-secondary:active, .btn-secondary:visited { box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0) !important; }

.btn-close:focus { opacity: 0; }

#overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 9999; }
#overlay-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: white; }

.pagination > li > a, .pagination > li > span { background-color: #f2f2f2; border-color: #f2f2f2; color: #53575b; transition: background-color 0.3s, color 0.3s; }
.pagination > li > a:hover, .pagination > li > span:hover { background-color: #a9a9a9; border-color: #a9a9a9; color: #53575b; }
.pagination > li.active > a, .pagination > li.active > span { background-color: var(--link-color); border-color: var(--link-color); color: #fff; cursor: default; }
.pagination > li.active > a:hover, .pagination > li.active > span:hover { background-color: var(--link-color); border-color: var(--link-color); }
.pagination > li.previous > a, .pagination > li.previous > span, .pagination > li.next > a, .pagination > li.next > span { background-color: #f2f2f2; border-color: #f2f2f2; color: #53575b; }
.pagination > li.previous > a:hover, .pagination > li.previous > span:hover, .pagination > li.next > a:hover, .pagination > li.next > span:hover { background-color: #a9a9a9; border-color: #a9a9a9; color: #53575b; }

.mainHeadingColour { color:var(--main-heading-color); }
.subHeadingColour { color:var(--sub-heading-color); }
.customHeadingColourOne { color:var(--custom-color-one); }
.customHeadingColourTwo { color:var(--custom-color-two); }
.customHeadingColourThree { color:var(--custom-color-three); }
.customHeadingColourFour { color:var(--custom-color-four); }

.subHeadingLg { font-size: 1.5em; text-shadow: 1px 1px 1px #999999; }

.myShadow { box-shadow:7px 7px 20px grey;  }
.myTextShadow { text-shadow: 1px 1px #cccccc; }
.myIconShadow { text-shadow: 2px 2px 4px #000000; }

.alert { padding:0.4em; }

.more-info-accordion .accordion-button { background-color: #e2e3e5; border: none; font-weight: bold; font-size: 1rem; color: #495057; font-family: inherit; padding: 1em; outline: none; box-shadow: none; }
.more-info-accordion .accordion-button:not(.collapsed) { color: #495057; background-color: #e2e3e5; }
.more-info-accordion .accordion-button:focus, .more-info-accordion .accordion-button:active, .more-info-accordion .accordion-button:focus-visible { outline: none; box-shadow: none; }
.more-info-accordion .accordion-header { outline: none; box-shadow: none; }
.more-info-accordion .accordion-header:focus, .more-info-accordion .accordion-header:active, .more-info-accordion .accordion-header:focus-visible { outline: none; box-shadow: none; }
.more-info-accordion .accordion-item { border: 1px solid #dee2e6;  outline: none; box-shadow: none; }
.more-info-accordion .accordion-item:focus, .more-info-accordion .accordion-item:active, .more-info-accordion .accordion-item:focus-visible { outline: none; box-shadow: none; }
.more-info-accordion .accordion-body { border-top: none; padding-top: 0em; padding-bottom: 1em; background-color: #e2e3e5; }

ul.bs-autocomplete-menu a { background-color: var(--main-button-color); }
.ui-state-active, .ui-state-focus { background-color: var(--main-button-color); }

.form-check-input:focus { box-shadow: 0 0 0 0rem rgba(13, 110, 253, 0.25); border: 1px solid rgba(0, 0, 0, 0.25); }
.form-check-input:checked { background-color: var(--link-color); border-color: #bfbfbf; }

.form-control:focus { border-color: var(--link-color); box-shadow: 0 0 0 0rem rgba(13, 110, 253, 0.25); }
.form-select:focus { border-color: var(--link-color); box-shadow: 0 0 0 0rem rgba(13, 110, 253, 0.25); }
.page-link:focus { border-color: var(--link-color); box-shadow: 0 0 0 0rem rgba(13, 110, 253, 0.25); }

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { box-shadow: 0 0 0 0rem rgba(13, 110, 253, 0.25); }
.was-validated .form-control:valid:focus, .form-control.is-valid:focus { box-shadow: 0 0 0 0rem rgba(13, 110, 253, 0.25); }
.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { box-shadow: 0 0 0 0rem rgba(13, 110, 253, 0.25); }
.was-validated .form-select:valid:focus, .form-select.is-valid:focus { box-shadow: 0 0 0 0rem rgba(13, 110, 253, 0.25); }

/* wysiwyg */

#editableArea ul { list-style-position: inside; padding-left: 22px; } 
#editableArea li { text-indent: -22px; padding-left: 25px; line-height: 1.5; margin-bottom: 5px; }
.textarea-container { position: relative; border: 1px solid #ced4da; border-radius: 0.375rem; padding: 10px; }
.editable { min-height: 150px; border: none; width: 100%; outline: none; font-size: 1rem; line-height: 1.5; resize: none; }
.color-square { display: inline-block; width: 20px; height: 20px; border: 1px solid #ccc; }
.btn-wysiwyg { border: 1px solid #dee2e6; background-color: #ffffff; color: #6c757d; padding: 0.5rem 0.75rem; font-size: 0.75rem; transition: background-color 0.2s ease, color 0.2s ease; }
.btn-wysiwyg:hover, .btn-wysiwyg:focus { background-color: #e9ecef; color: #343a40; outline: none; border-color: #dee2e6; }
.btn-wysiwyg:active { background-color: #dee2e6; color: #212529; border-color: #dee2e6; }
.btn-wysiwyg.border-start-0 { border-left: none; }
.btn-wysiwyg.border-end-0 { border-right: none; }
.dropdown-toggle.btn-wysiwyg:focus, .dropdown-toggle.btn-wysiwyg:active, .dropdown-toggle.btn-wysiwyg.show { border-color: #dee2e6 !important; background-color: #ffffff !important; color: #6c757d !important; }
.dropdown-item { background-color: #ffffff; color: #6c757d; transition: background-color 0.2s ease, color 0.2s ease; }
.dropdown-item:hover, .dropdown-item:focus { background-color: #e9ecef !important; color: #343a40 !important; }
.dropdown-item:active, .dropdown-item.active { background-color: #dee2e6 !important; color: #212529 !important; border-color: #dee2e6 !important; }
.font-color-option { padding: 0; background: none !important; }
.font-color-option:hover, .font-color-option:focus { background: none !important; color: inherit; }
.toolbar .btn-wysiwyg { display: flex; align-items: center; justify-content: center; height: 25px; padding: 0.5rem 0.75rem; border: 1px solid #dee2e6; }
.toolbar .btn-wysiwyg:active, .toolbar .btn-wysiwyg:focus { outline: none; border-color: #dee2e6; }
.toolbar .dropdown-toggle { display: flex; align-items: center; justify-content: center; }
@media (max-width: 575px) { .toolbar .btn-group { flex-wrap: wrap; } }


.regh1 		{ font-size:0.4em; position:relative; bottom:1.5em; }
.regh3 		{ font-size:0.4em; position:relative; bottom:1.25em; }
.regh4 		{ font-size:0.5em; position:relative; bottom:1em; }
.regtxt 	{ font-size:0.7em; position:relative; bottom:0.45em; }
.regsml 	{ font-size:0.8em; position:relative; bottom:0.4em; }
.regbtn 	{ font-size:0.7em; position:relative; bottom:0.45em; }

@media screen and (max-width: 575px) { .table-xs-responsive th, .table-xs-responsive td { width: 100% !important; display: block !important; box-sizing:border-box; } }
@media screen and (max-width: 767px) { .table.table-sm-responsive th, .table.table-sm-responsive td { width: 100% !important; display: block !important; box-sizing:border-box; } }
@media screen and (max-width: 992px) { .table.table-sm-responsive th, .table.table-sm-responsive td { width: 100% !important; display: block !important; box-sizing:border-box; } }
@media screen and (max-width: 1200px) { .table.table-sm-responsive th, .table.table-sm-responsive td { width: 100% !important; display: block !important; box-sizing:border-box; } }

@media (max-width: 575.98px) { 
	
/* .main-logo { font-size: 1.25em; } */
	
.computer-show { display: none; }
	
h2 { font-size:1.25em; }

.top-padding-1em-05em { padding-top:1em; }

.bottom-padding-1em-0em { padding-bottom:1em; }

.site-top-padding { padding-bottom:0em; }

}

@media (min-width: 575.99px) { 
	
/* .main-logo { font-size: 2em; } */
	
.mobile-show { display: none; }

.top-padding-1em-05em { padding-top:0.5em; }

.bottom-padding-1em-0em { padding-bottom:0em; }

.site-top-padding { padding-bottom:1em; }

}
