body {
  color: #666;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  margin-top: 0;
  margin-bottom: 1.0rem;
  font-weight: 500;
  line-height: 1.2;
  color: #666;
}

h1, .h1 {
  font-size: 20px !important;
}

.jrListingDetail h1.contentheading span {
  color: #647cb5;
}

h2, .h2 {
  font-size: 19px !important;
}

 
h3, .h3 {
  font-size: 18px;
}

:root {
	--vv-primary-600: #4C587C;
	--vv-blue-600: #4C587C;
    --vv-primary-800: #4C587C;
	--vv-blue-800: #4C587C;  
    --vv-primary-800: #4C587C;
	--vv-blue-800: #4C587C;
}

:root, [data-theme=dark] [data-jreviews-component], [data-theme=dark][data-jreviews-component] {
    --fwd-color-blue-50: 239 246 255;
    --fwd-color-blue-100: 239 246 255;
    --fwd-color-blue-200: 191 219 254;
    --fwd-color-blue-300: 147 197 253;
    --fwd-color-blue-400: 96 165 250;
    --fwd-color-blue-500: 59 130 246;
    --fwd-color-blue-600: 102 112 143;
    --fwd-color-blue-700: 29 78 216;
    --fwd-color-blue-800: 30 64 175;
    --fwd-color-blue-900: 30 58 138;
}

.jrTabs > ul > li > a, .jrTabs.ui-tabs > ul > li > a, .jrTabs ul.ui-tabs-nav > li > a, .jrTabs.ui-tabs ul.ui-tabs-nav > li > a, .jrTabs > ul > li > span, .jrTabs.ui-tabs > ul > li > span, .jrTabs ul.ui-tabs-nav > li > span, .jrTabs.ui-tabs ul.ui-tabs-nav > li > span {
    font-weight: 600;
}

.nav .nav-item.dropdown-item {
  padding: 0.1rem 1.1rem;
}

.text-muted {
  --vv-text-opacity: 1;
  color: #ddd;
}

.jrButton [class^=jrIcon]:before {
    color: #a4b0c7 !Important;
}


#topbar-inner, #navbar-inner {
  min-height: 1rem;
}

  @media (min-width: 768px)
.px-md-0 {
  padding-right: 100px;
  padding-left: 0px;
}

.jrFieldsModule.jrTagsLayout ul li a {
    display: inline-block;
    padding: 6px 6px !important;
    margin: 3px 3px 3px 3px;
    color: #555 !important;
    background: #eef3f8 !important;
    border-radius: 4px;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    border: 1px solid #bababa;
}

.jrFieldsModule.jrTagsLayout ul li a:hover, .jrFieldsModule.jrTagsLayout ul li a.jrActive {
  text-decoration: none;
  background: var(--fwd-color-gray-900);
  color: #367B4E !important;
}

.jrHeading {
  font-weight: 400;
  font-size: 1.3em !important;
  line-height: 1.25em;
  text-transform: uppercase;
  color: #666 !important;
}

.jrFieldsModule.jrTagsLayout ul {
    text-align: left;
    border: 1px solid #e6ebef;
    background: #fff;
    border-radius: 8px;
    padding: 9px;
}

.jrFieldGroupTitle {
  text-transform: uppercase;
  font-size: 1.0em !important;
  padding: 0 0 2px 0;
  margin-top: 0 !important;
  margin-bottom: 0.3em;
  display: inline-block;
  color: #555;
}

.jrTabs > ul > li > a, .jrTabs.ui-tabs > ul > li > a, .jrTabs ul.ui-tabs-nav > li > a, .jrTabs.ui-tabs ul.ui-tabs-nav > li > a, .jrTabs > ul > li > span, .jrTabs.ui-tabs > ul > li > span, .jrTabs ul.ui-tabs-nav > li > span, .jrTabs.ui-tabs ul.ui-tabs-nav > li > span {
  margin: 0;
  color: var(--fwd-color-gray-700);
  padding: 0.5em 0.5em 0.5em !important;
  font-size: 1em !important;
  font-weight: 500 !important;
  display: block;
  float: none;
  text-align: center;
  text-decoration: none;
}

##.jrPage input:not([type="checkbox"]):not([type="radio"]), .jrForm input:not([type="checkbox"]):not([type="radio"]), .jrPage select, .jrForm select {
##  padding: 5px 5px !important;
##}

.jrButton.jrSmall {
  font-size: 15px !important;
}

.jrButton {
  line-height: 0.7 !important;
}

.jrAddListing.jrButton .jrIconAddListing:before {
    color: var(--fwd-color-white) !important;
}

.jrTabs > ul > li.ui-state-default a [class^="jrIcon"]::before, .jrTabs.ui-tabs > ul > li.ui-state-default a [class^="jrIcon"]::before, .jrTabs ul.ui-tabs-nav > li.ui-state-default a [class^="jrIcon"]::before, .jrTabs.ui-tabs ul.ui-tabs-nav > li.ui-state-default a [class^="jrIcon"]::before {
    color: #5678ab !important;
}

.jrSliderInput .ui-slider-handle.ui-state-default {
  width: 23px !important;
  height: 23px !important;
  background: #7EBBB0 !important;
}

a:hover {
  color: #3e9d8b !important;
}

[class^="jrIcon"]::before {
  color: #7896b7 !important;
}

.vivaz-blue-theme .dropdown-menu {
  --vv-body-bg: #5d76a6 !important;
  --vv-body-border-medium: var(--vv-blue-800) !important;
}

.jrListingDetail .jrAuthorInfo {
  font-size: 15px !important;
  color: var(--fwd-color-gray-800) !important;
}

.jrButton.jrGreen, a.jrButton.jrGreen, a.jrButton.jrGreen:link, a.jrButton.jrGreen:visited {
  background-color: #31A69B !important;
  border-color: #999 !important;
  color: var(--fwd-color-white) !important;
}

a {
  color: #6580a9;
  text-decoration: none;
  font-weight: normal;
}

.jrMasonry .jrResults .jrListingTitle a {
    font-size: 1em !important;
    font-weight: 500 !important;
}

:root {
    --vv-module-pad: 0.2rem !important;
    --vv-component-pad-x: 0.5rem !important;
} 

.titlebar {
    background-color: #50639d;
    padding: 5px;
    border-radius: 2px;
    color: #efefef;
    font-size: 18px;
    margin: -3px -3px 10px -3px;
}

.modulframed {
border: 1px solid #ebebeb;
    border-radius: 2px;
    margin-bottom: 10px;
}

.fwd-font-bold {
    font-weight: 400 !important;
}

.jrListingDetail .jrListingInfoContainer {
    padding: 30px 0px 8px 0px !important;
}

.nav {
    padding-left: 12px;
    margin-bottom: 0;
    list-style: none;
    font-size: 15px;
}

.vivaz-neutral-dark-theme {
    --vv-form-shadow-focus: rgba(var(--vv-neutral-dark-rgb), 0.33);
    --vv-form-border: var(--vv-neutral-dark-600);
    --vv-form-border-focus: var(--vv-neutral-dark-600);
    --vv-body-text: var(--vv-white) !important;
    --vv-body-text-muted: var(--vv-neutral-dark-400);
    --vv-body-bg-active: var(--vv-neutral-dark-700);
    --vv-body-link: var(--vv-neutral-dark-200);
    --vv-body-link-accent: var(--vv-neutral-dark-300);
    --vv-nav-link: #ededed !important;
    --vv-light-border: var(--vv-neutral-dark-500);
    --vv-body-border-light: var(--vv-neutral-dark-500);
    background-color: #2a4364 !important;
    color: #ffffff;
}

.btn-primary {
    color: #fff;
    background-color: #50639d;
    border-color: var(--vv-primary-border);
}

.btn {
        --vv-btn-color: #fdfdfd;
}

.jrPaginationBottom {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.jrButton.jrBlue, a.jrButton.jrBlue, a.jrButton.jrBlue:link, a.jrButton.jrBlue:visited {
    background-color: rgb(103 115 151) !important;
    border-color: rgb(129 135 149) !important;
    color: rgb(var(--fwd-color-white-fixed)) !important;
}