:root
 {

  --fwd-color-orange-600:224 155 66;
  --fwd-color-orange-700:224 155 66;
}
.btn-warning {
  --bs-btn-color: #fff;
  --bs-btn-bg: rgb(var(--fwd-color-orange-600));
  --bs-btn-border-color: rgb(var(--fwd-color-orange-600));
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(var(--fwd-color-orange-600));
  --bs-btn-hover-border-color: rgb(var(--fwd-color-orange-600));
  --bs-btn-focus-shadow-rgb: 217,164,6;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(var(--fwd-color-orange-600));
  --bs-btn-active-border-color: rgb(var(--fwd-color-orange-600));
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107;
}
/* Joomla Alert Style "SUBMIT MESSAGE RESPONSE…." */
#system-message-container {
  position: fixed;
  bottom: 20px;
  right: 20px;
  max-width: 400px;
  z-index: 9999;
}
joomla-alert {
  width: 400px;
  padding: 15px;
}
.alert-wrapper .alert-message {
  font-size: 20px;
}
/* END */
/* Fix offcanvas menu expand */
.menu-parent .menu-child {display: block !important;}
.menu-parent .menu-toggler {display: none !important;
}
/* end */
/* Disable offcanvas menu on HomePage */
@media (min-width: 992px) {
.Home-page #offcanvas-toggler {
  display: none !important;
}
}
/* END */

/* Header Style */
#sp-menu.menu-with-social .sp-megamenu-wrapper {
  flex: initial;
}
#sp-header {
    z-index: 1001;
}
#sp-header.full-header {
  padding-left: 15px;
  padding-right: 15px;
}
.offcanvas-menu .logo-image {
  height: 30px;
}
#sp-menu.menu-center .sp-megamenu-wrapper {
  justify-content: end;
}
#sp-menu.menu-center .sp-megamenu-wrapper .sp-megamenu-parent {
  margin: 0 15px;
}
/* END */

/* Disable "Activity related to my submissions" */
.push-related-notifications {
  display: none !important;
}
/* END */

/* Reduce standard title banner from 30 to 15px - Dean */
.sp-page-title {
  padding: 15px 0;
}
/* END */

/* Disable "Submissions box on profile" */
.jrGrid.jrAccountSection.jrProfileSubmissions {
  display: none;
}
/* END */
/* Hide Profile Box on user page */
.view-userprofiles_accounts .jrAccountSection.jrProfileSettings {
  display: none;
}
/* END */
/* Date Range Field style Flex */
.jrFilterFieldWrap .jrRangeFilterInner {
  margin: 5px 0 15px;
  padding-top: 15px;
  position: relative;

}
.jrRangeFilterInner:has(.jr-date) {
  display: flex;
  align-items: center;
  gap:4px;
}
.ui-datepicker-trigger {
  max-width: 16px !important;
  display: block;
  width: 16px;
  height: 16px;
}
#ui-datepicker-div.jr-datepicker .ui-datepicker-title select{
  font-size: 1em;
  height: 36px;
  line-height: 36px;
}
.jrFilterFieldWrap .jrRangeFilter .jrRangeInput.jrDate {
  font-size: 12px;
  margin-right: 0;
  max-width: 85px;
  width: 85px;
}
/* END */

/* Fixed image align on Compare 2024 */
.itemThumbnail.jrCompareField img {
display: inline;
}
/* END */

/* Changed from 100px to 35px padding site wide top strip 2024*/
#sp-main-body {
  padding: 20px 0 100px 0;
}
/* End */

/* Disable Heading on Event Calendars */
.view-eventscalendar h1 {
  display: none;
}
/* END */
/* Disable Heading on Account page */
.jr-page.jrPage.jrUserAccountManage .contentheading {
  display: none;
}
/* END */

/* Reduce Space heading of calendar */
.view-eventscalendar #sp-main-body {
  padding: 0 !important;
}
.view-eventscalendar .yoyo-wrapper > div.fwd-mt-4 {
  margin-top: 0 !important;
}
.view-eventscalendar .fwd-space-y-12 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0 !important;
  margin-bottom: calc(0.3rem*var(--tw-space-y-reverse)) !important;
  margin-top: calc(0.2rem*(1 - var(--tw-space-y-reverse))) !important;
  padding: 8px 0 !important;
}
.view-eventscalendar .fwd-mt-20 {
  margin-top: 0rem !important;
}
.view-eventscalendar .fwd-space-y-12 [period="year"] {
  margin-top: 0 !important;
}
/* END */

/* inquiry form color */
.jrListingCard {
  background: #8497B0;
}
/* END */

/* jrblue button, toggle change to purple 2024 */
.jrButton.jrBlue, a.jrButton.jrBlue, a.jrButton.jrBlue:link, a.jrButton.jrBlue:visited {
  background-color: rgb(var(--fwd-color-orange-600)) !important;
  border-color: rgb(var(--fwd-color-orange-600)) !important;
  color: rgb(var(--fwd-color-white-fixed)) !important;
}
.jrButton.jrBlue:hover, a.jrButton.jrBlue:hover {
  background-color: rgb(var(--fwd-color-orange-700)) !important;
  border-color: rgb(var(--fwd-color-orange-700)) !important;
}


.offcanvas-menu .offcanvas-inner ul.menu > li ul.menu-child li:not(.current) a {
  color: #f0efef;
}
.offcanvas-menu .offcanvas-inner ul.menu > li ul.menu-child li:not(.current) a:hover {
  color: rgb(var(--fwd-color-orange-600));
}

input.jrToggleRound:checked + label, input.jrToggleRound:checked + label::before {
  background-color: rgb(var(--fwd-color-orange-600));
}
.jrButton {
  max-height: 2.55rem;
  padding-right: 10px !important;
  padding-left: 10px !important;
}
.jr-login-module .jrButton.jrBlue {
  background: #fff !important;
  border-color: #000 !important;
  color: #000 !important;
}
/*END*/

/* Filter button to 224,155,66 */
.jrFiltersButtonContainer .jr-list-show-filters.jrFiltersButton:link {
  background-color: rgb(var(--fwd-color-orange-600)) !important;
  border-color: rgb(var(--fwd-color-orange-600)) !important;
  color: rgb(var(--fwd-color-white-fixed)) !important;
}
.jrFiltersButtonContainer .jr-list-show-filters.jrFiltersButton:hover {
  background-color: rgb(var(--fwd-color-orange-700)) !important;
  border-color: rgb(var(--fwd-color-orange-700)) !important;
  color: rgb(var(--fwd-color-white-fixed)) !important;
}
/* END Filter button */

/* Add Listing button */
.jrButton.jrBlue.jrAddListing, .jrButton.jrBlue.jrAddListing:link, .jrButton.jrBlue.jrAddListing:visited {
  background-color: #A020F0 !important;
  border-color: #A020F0 !important;
  color: rgb(var(--fwd-color-white-fixed)) !important;
}
.jrButton.jrBlue.jrAddListing:hover {
  background-color: #A020F0 !important;
  border-color: #A020F0 !important;
  color: rgb(var(--fwd-color-white-fixed)) !important;
}
/* END */

/* Sign in page style 2024 
.signin-style-page #sp-main-body {
  background: #141137;
}
/*END*/

/* Sign in CSS 2024 */
html.coming-soon body {
  background-image: url("../images/dealeraction-platform-background1.png");
  background-color: #cccccc;
  background-repeat: no-repeat;
  background-size: cover;
}
.coming-soon-login {
  max-width: 250px;
  margin: 0 auto;
}
html.coming-soon .coming-soon-login form > .row {
  display: block;
}
html.coming-soon .coming-soon-login form .btn.login {
  width: 100%;
}
html.coming-soon .coming-soon-logo {
  display: inline-block;
  margin-bottom: 1rem;
  max-width: 250px;
}
.btn-success {
  background: #A020F0;
  border-color: #A020F0;
}
.btn-success:hover {
  background-color: #7615b4;
  border-color: #7615b4;
}
body.signin-style-page {
  background-image: url("../images/dealeraction-platform-background1.png");
  background-color: #cccccc;
  background-repeat: no-repeat;
  background-size: cover;
}
.signin-style-page #sp-main-body {
  min-height:1vh;
  margin-top: 0vh;
}
.signin-style-page #sp-main-body .container {
  max-width: 980px;
}
.signin-style-page #sp-main-body .jrAccountProfileTitle {
  display: none;
}
.signin-style-page #sp-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
}
.signin-style-page .invalid {
  color: #fff;
  border-color: #ff1c10;
}
.signin-style-page label {
  color: #fff;
}
.signin-style-page .list-group .list-group-item {
  background: transparent !important;
  border: none;
  color: #fff;
  padding: 0;
}
.signin-style-page #sp-footer1 {
  text-align: center;
}
/* END*/

/* Drop Down on Off-canvas */
.offcanvas-inner .mod-login-logout .dropdown-menu {
  background: #303751;
  box-shadow: 0px 0px 10px 0px #0000008a;
  border: 1px solid #000;
}
.offcanvas-inner .mod-login-logout .dropdown-menu .dropdown-item {
  color: #fff;
}
.offcanvas-inner .mod-login-logout .dropdown-menu .dropdown-item:focus, .offcanvas-inner .mod-login-logout .dropdown-menu .dropdown-item:hover {
  color: #e09b42 !important;
  background-color: transparent;
}
.offcanvas-menu .offcanvas-inner a:hover, .offcanvas-menu .offcanvas-inner a:focus, .offcanvas-menu .offcanvas-inner a:active {
  color: #e09b42;
}
/*END*/

/* Left and Right Sidebar style */
.Home-page #sp-left-menu {
  background: #303751;
  color: #fff;
  z-index: 1000;
  border: none;
}
.Home-page #sp-home-top-box {
  margin-top: 50px;
  padding-left: 0;
  padding-right: 0;
}
.Home-page #sp-section-1 {
  position: absolute;
  width: 100%;
  text-align: center;
  z-index: 999;
}
.Home-page #sp-section-1 .sp-page-title .container {
  padding: 0 !important;
  max-width: 100%;
}
.Home-page #sp-section-1 .sp-page-title .sp-page-title-heading {
  font-size: 24px;
  line-height: 1;
  text-align: left;
  transform: translateX(16.66666667%);
}
.Home-page #sp-left-menu ul > li > a {
  color: #fff;
}
.Home-page #sp-left-menu ul > li > a:hover {
  color: #e09b42;
}
#sp-left-menu ul {
  padding-left: 1rem;
}
#sp-left-menu {
  border-right: 1px solid #eee;
  padding: 20px;
}
#sp-left-menu ul li {
  list-style: none;
  padding: 3px 0px;
}
#sp-left-menu .menu-deeper.menu-parent > a {
  font-weight: 700;
}
#sp-left .sp-module, #sp-right .sp-module {
  margin-top: 10px;
  border: 1px solid #f3f3f3;
  padding: 15px;
  border-radius: 3px;
}
.jrLoginModule.jrLoginModuleHorizontal .user-account-login.jrForm {
  padding: 0px;
}
.jr-listing-detail .jrFieldGroupTitle {
  font-weight: 700;
}
.jr-form-adv-search-module {
  display: flex;
  align-items: end;
  gap: 0.4rem;
}

.jr-form-adv-search-module .jrFieldDiv {
  margin-bottom: 0 !important;
  padding: 0;
  margin-right: 0 !important;
}
#sp-left .jr-filter-wrap {
  margin-bottom: 15px !important;
}
.jr-form-adv-search-module .jrKeywords {
  margin: 0 !important;
}
#sp-left .jrFiltersContainer {
  width: 100%;
}
#menu-right .sp-module:first-child {
  border: none;
  padding-right: 5px;
}
#menu-right p {
  margin-bottom: 0;
}

/* END */

/* Pagination style */
.jrPaginationTop {
  margin-bottom: 20px;
  margin-top: 20px;
}
/* END */

/* Field width on Desktop */
.jrCustomFields .jrFieldGroup .jrFieldLabel {
  width: 250px;
}
.jrCustomFields .jrFieldGroup .jrFieldValue {
  margin-left: 260px;
}
/* END */




/* Disable jreviews activity stream icons on Follow Settings Page - dean */
#jr-engageusers-preferences .jr-more-info:nth-of-type(1),
#jr-engageusers-preferences .jr-more-info:nth-of-type(2),
#jr-engageusers-preferences [aria-controls=jr-eu-privacy] {
    display: none;
}
.jrEngageUsersNav .jr-more-info:nth-of-type(1),
.jrEngageUsersNav .jr-more-info:nth-of-type(2),
.jrEngageUsersNav [aria-controls=jr-eu-privacy] {
    display: none;
}
/* END */



/* Back to Site */
.mod_backtosite a {
  color: #000;
  text-decoration: underline;
  font-weight: 400;
  font-size: 1rem;
}
/* END*/
/* Mobile CSS */
@media (max-width: 575px) {

/* Field width on Mobile */
.jrCustomFields .jrFieldGroup .jrFieldLabel {
  width: 130px;
}
.jrCustomFields .jrFieldGroup .jrFieldValue {
  margin-left: 130px;
}
/* END */

/* Header style on mobile */
#sp-header.full-header {
  padding-left: 0;
  padding-right: 0;
}
#sp-header .sp-module {
    margin-left: 0;
  }
#sp-header {
  height: 60px;
}
.logo-image-phone {
  height: 19px !important;
}
.jr-login-module .jrButton {
  padding: 4px 10px !important;
  margin: 0 !important;
}
body.ltr #offcanvas-toggler.offcanvas-toggler-left {
  margin-right: 10px;
}
/* END */
  
/* Fix "Resolve The mobile view issue with the login button" */
#sp-menu .jrLoginProfile .jrButton.jrBlue {
  font-size: 13px;
  padding: 3px 8px !important;
}
#sp-menu .menu-with-offcanvas {
  display: flex;
  flex-direction: column;
  justify-content: center !important;
  align-items: end !important;
}
/* END */

/* go back to site mobile */
#sp-goback .sp-module {
  margin-left: 0;
}
#sp-goback {
  padding: 0;
}
.mod_backtosite a {
  color: #000;
  text-decoration: underline;
  font-weight: 400;
  font-size: 0.65rem;
}
/* END*/
}
/* END Mobile CSS */