/* --------------------------------- SITE-WIDE CSS */

body {
	font-family: "Open Sans", sans-serif;
}

.page-body {
	display: flex;
   flex-direction: column;
   min-height: 100vh;
}

/* These are standard margins and padding that may be applied as needed throughout at the website. */

.md-container-margin {
	margin-top: 25px;
	margin-bottom: 25px;
}

.lg-container-margin {
	margin-top: 50px;
	margin-bottom: 50px;
}

.md-container-padding {
	padding-top: 25px;
	padding-bottom: 25px;
}

.lg-container-padding {
	padding-top: 50px;
	padding-bottom: 50px;
}

/* --------------------------------- UTILITIES BAR */

/* The utilities area is defined by .utilities-container */


/* --------------------------------- HEADER */

/* The header is defined by .header-container */

.header-container {
	padding-top: 15px;
	padding-bottom: 15px;
   background-color: rgb(15, 26, 50);
   box-shadow: inset 0px 7px 16px 0px rgba(0, 0, 0, 0.42);
}

.header-container .header-login,
.header-container .header-phone-number {
	text-align: center;
}  

.header-container .header-login a {
  	color: #fff;
   font-weight: lighter;
   font-style: italic; 
}

.header-container .header-phone-number a {
   font-weight: bold; 
   color: #fff;
}  



.header-container .header-login a:hover, 
.header-container .header-login a:active,
.header-container .header-login a:focus,
.header-container .header-phone-number a:hover,
.header-container .header-phone-number a:active,
.header-container .header-phone-number a:focus {
	text-decoration: none;
	color: #a2a2a2;
}


/* --------------------------------- LOGO */

/* The logo area is defined by .logo-container */

.logo-container {
}




/* --------------------------------- MAIN NAVIGATION */

.nav-container {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: rgb(40, 84, 134);
   box-shadow: inset 0px 8px 46px 0px rgba(0, 0, 0, 0.35);
}

/* Top-level Nav Bar */
/* Set background color and border radius */
/* Extra Small and Small screens */
/* Must be a <nav> tag with the .navbar class */
nav.navbar {
  background-color: transparent;
  color: #ffffff;
}

/* Top-level Nav Bar */
/* Tablet size and larger */
/* Must be a <nav> tag with the .navbar class */
@media (min-width: 768px) {
  nav.navbar {
    border-radius: 0px;
  }
}

/* Styles non-active nodes at all depths */
/* This styles all nodes that are not the current page's node, or an ancestor of current page */
.navbar-light .navbar-nav .nav-link {
	color: #ffffff;
	background-color: transparent;  
	font-size: 1rem;
   font-weight: light;
}



/* Styles active node, at all depths */
/* This styles the current page's node, and its ancestor's nodes. */
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
  color: #b7b7b7;
  background-color: transparent;
}

@media (max-width: 767.99px) {
	.navbar-light .navbar-nav .nav-link,
	.navbar-light .navbar-nav .active>.nav-link,
	.navbar-light .navbar-nav .nav-link.active,
	.navbar-light .navbar-nav .nav-link.show,
	.navbar-light .navbar-nav .show>.nav-link {
		text-align: left;
	}
}

nav.navbar li.nav-item>a.nav-link {
    text-decoration:none;
}

/* Styles node text on hover at all depths unless additional styling is in place for 2nd level and below.*/
nav.navbar li.nav-item>a.nav-link:hover,
nav.navbar li.nav-item>a.nav-link:active,
nav.navbar li.nav-item>a.nav-link:focus {
  background-color: transparent;
  color: #b7b7b7;

}

/* drop-down lists fit expand to width of widest item */
.navbar .dropdown-menu {
  min-width: auto;
  width: auto;
  white-space: nowrap;
}

/* Styles background of the drop-down menus - all depths below the top level unless additional styling is in place for 2nd level and below. */
nav.navbar ul.dropdown-menu {
	   background-color: rgb(40, 84, 134);
}

@media (max-width: 767.99px) {
	nav.navbar ul.dropdown-menu {
  		border: 0px; 
		background-color: transparent;
	}	
}


/* Styles nodes at 2nd level and below */
nav.navbar ul.dropdown-menu li.nav-item .nav-link:link {
  background-color: transparent;
  font-size: .9rem;
  text-align: left;
}


@media (max-width: 767.99px) {
	nav.navbar ul.dropdown-menu li.nav-item .nav-link:link {
		margin-left: 20px; 
	}
}

/* Styles nodes on hover at 2nd-level and below.*/
nav.navbar ul.dropdown-menu li.nav-item .nav-link:hover,
nav.navbar ul.dropdown-menu li.nav-item .nav-link:active {
  background-color: transparent;
	
}


/* Styles nodes at 3nd level and below */
nav.navbar .dropdown-menu .dropdown-menu li.nav-item .nav-link:link {
	font-size: .9rem;
}


@media (max-width: 767.99px) {
	nav.navbar-nav ul.dropdown-menu ul.dropdown-menu {
	margin-left: 20px;
	}
	
	nav.navbar .dropdown-menu .dropdown-menu li.nav-item .nav-link:link {
	margin-left: 40px;
	}
}


/* Overwrite default Bootstrap 4 classes on 2nd level links that lead to 3rd level navigation (i.e. from first dropdown to second dropdown) */ 

.text-dark {
    color: #ffffff !important;	
}

.bg-light {
    background-color: transparent !important;
}

a.text-dark:hover {
    color: #b7b7b7 !important;
}

a.text-dark:focus,
a.text-dark:active {
	color: #b7b7b7 !important;
}

a.bg-light:hover,
a.bg-light:active {
    background-color: transparent !important;
}


a.bg-light:focus {
	background-color: transparent !important;
}


/* Styles the caret or sub-arrow for links with dropdowns */
.navbar-nav.sm-collapsible .sub-arrow {
	border: 0px;
}


/* Styles the Toggler text (if present)*/
nav.navbar span.mcn-navbar-toggle-text {
}


/* Styles the Toggler icon (assuming Font Awesome icon, not default Bootstrap 4 monstrosity)*/
nav.navbar button.navbar-toggler i {
	
}

/* Styles the Toggler border*/
nav.navbar button.navbar-toggler {
  background-color: transparent;
  border-radius: 2px;
  border: solid 1px #ffffff;
  cursor: pointer;
  padding: 10px;
  color: #ffffff;
  margin-bottom: 5px;
}


nav.navbar button.navbar-toggler:hover {
	color: #a2a2a2;
   border: solid 1px #a2a2a2;	
}

nav.navbar button.navbar-toggler:active,
nav.navbar button.navbar-toggler:focus {
	color: #b7b7b7;
    border: solid 1px #b7b7b7;	
}

/* Sticky Menu */ 

.notStuck {
	
}


.stuck {
  position: fixed;
  top: 0;
  z-index: 9998;
  width: 100%;
  opacity: .9;
}

/* --------------------------------- SECONDARY NAV (INSIDE PAGES) */

/* Does not display on mobile view so we only need styling on xl and lg screen sizes */

/* Most of the styling in this example is inherited from the main navigation */

/* Styles non-active node */
.secondary-nav-container .navbar-light .navbar-nav .nav-link {
	color: #f47e24;
	background-color: transparent;  
	font-size: 1.3rem;
}


.secondary-nav-container nav.navbar li.nav-item>a.nav-link:hover,
.secondary-nav-container nav.navbar li.nav-item>a.nav-link:active,
.secondary-nav-container nav.navbar li.nav-item>a.nav-link:focus,
.secondary-nav-container .navbar-light .navbar-nav .active>.nav-link,
.secondary-nav-container .navbar-light .navbar-nav .nav-link.active,
.secondary-nav-container .navbar-light .navbar-nav .nav-link.show,
.secondary-nav-container .navbar-light .navbar-nav .show>.nav-link {
  background-color: transparent;
  color: #d94b1f;
}

.secondary-nav-container {
	height: 100%;
	border-right: 1px solid #b2b2b2;
}

.secondary-nav-container-padding {
	padding-top: 50px;
	padding-bottom: 50px;
}

@media (max-width: 991.99px) { 
	 .secondary-nav-container,
	 .secondary-nav-container-padding {
		display: none;
	}
}

.secondary-nav-container h5 {
	text-transform: uppercase;
	font-weight: bolder !important;
	color: #676767 !important;
	font-size: 0.9rem;
	letter-spacing: 1px;
}

/* --------------------------------- PAGE CONTENT */

/* The page content area is defined by .page-content-container */

/* This section defines different reverse (dark color) backgrounds that can be utilized on the homepage and throughout the site
Be sure to check how paragraphs, headers and links look on the new background when introducing a new background color with your color scheme */ 

.reverse-content-container-background-1 {
   background-color: #181818;
   color: #ffffff;
}

.page-content-container .reverse-content-container-background-1 p, 
.page-content-container .reverse-content-container-background-1 h1, 
.page-content-container .reverse-content-container-background-1 h2, 
.page-content-container .reverse-content-container-background-1 h3, 
.page-content-container .reverse-content-container-background-1 h4, 
.page-content-container .reverse-content-container-background-1 h5, 
.page-content-container .reverse-content-container-background-1 h6, 
.page-content-container .reverse-content-container-background-1 h7 {
	color: #ffffff;
}

.reverse-content-container-background-2 {
	background-color: #f47d23;
}

.page-content-container .reverse-content-container-background-2 p, 
.page-content-container .reverse-content-container-background-2 h1, 
.page-content-container .reverse-content-container-background-2 h2, 
.page-content-container .reverse-content-container-background-2 h3, 
.page-content-container .reverse-content-container-background-2 h4, 
.page-content-container .reverse-content-container-background-2 h5, 
.page-content-container .reverse-content-container-background-2 h6, 
.page-content-container .reverse-content-container-background-2 h7 {
	color: #ffffff;
}

.page-content-container .reverse-content-container-background-2 h1 {
	border-color: #153683;
}

/* Sets a min-height for the .page-content-container to push the footer down below the fold. */ 

.page-content-container {
	background-color: #ffffff;
   flex-grow: 1;
}

.default-page-content-container {
	padding-top: 4px;
   padding-bottom: 50px;
}

/* Standard Headers */ 

h1 {
	font-size: 1.9rem;
	font-weight: 900;
	margin-bottom: 40px; 
	color: #285485;	
	padding: 30px 0px 30px 0px;
   text-align: center;
	border-bottom: 5px solid #101a33; 	
}

h2 {
	font-size: 1.7rem;
	font-weight: bold;
	margin-bottom: 20px;
	color: #0f1a32;	
}

.page-content-container h3 {
	font-weight: bold;
   font-size: 1.4rem;
	color: #0f1a32;	
	padding: 10px 0px 10px 0px;
}

h4 {
	color: #101a33;
   font-size: 1.2rem;
}
h5, 
h6,
h7 {
	color: #101a33;
}


/* Standard Copy */ 
p,
ul,
ol,
address {
	color: #101a33;
	font-size: 1.2rem;
}

.page-content-container p.lead {
	font-size: 1.4rem;
   font-weight: normal;
}

/* Standard Links */ 
a {
	font-weight: bold;
	color: #285485;
   text-decoration:none;
}

a:hover, 
a:active,
a:focus,
a:visited {
	text-decoration: none;
  	color: #144071;
}

/* Standard Button (using .primary-btn class applied to an anchor tag) */ 

a.btn-custom,
.btn-default {
	display: inline-block;
	text-align: center;
	font-weight: bold;
	padding: 10px 15px 10px 15px; 
	border-radius: 5px;
	background-color: #285485;
	color: #ffffff;
	text-transform: uppercase;
}

a.btn-custom:hover, 
a.btn-custom:active,
a.btn-custom:focus,
.btn-default:hover, 
.btn-default:active,
.btn-default:focus{ 
	text-decoration: none;
	background-color: #204360;
	color: #ffffff;
}


/* --------------------------------- FOOTER NAV CONTAINER */
.footer-nav-container {
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: rgb(40, 84, 134);
   box-shadow: inset 0px 8px 46px 0px rgba(0, 0, 0, 0.35);
   color: #fff;
} 

.footer-nav-container h3 {
	font-size: 1rem;
   background-color: #20436b;
   color: #fff;
   border-radius: 2px;
   padding: 10px;
   text-align: center;
   border-bottom: 20px;
   
}

.footer-nav-container ul li {
	padding: 10px 0px;
   font-size: 1.2rem;
   border-bottom: #20436b 1px solid;
}

.footer-nav-container ul li:first-child {
   border-top: #20436b 1px solid;
}


.footer-nav-container ul li a {
	color: #fff;
   text-transform: uppercase;
   font-weight: bold;
}

.footer-nav-container ul li a:hover,
.footer-nav-container ul li a:active,
.footer-nav-container ul li a:focus {
	text-decoration: none;
   color: #a2a2a2;
}


/* --------------------------------- FOOTER */


/* The footer is defined by .footer-container */

.footer-container {
	color: #ffffff;
	font-weight: normal;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: .9rem;
   background-color: rgb(15, 26, 50);
   box-shadow: inset 0px 7px 16px 0px rgba(0, 0, 0, 0.42);
   min-height: 120px;
}

.footer-container p {
	padding: 0px;
	margin: 0px;
}

.footer-container a {
	font-weight: bold;
	color: #ffffff;
}

.footer-container a:hover, 
.footer-container a:active,
.footer-container a:focus {
	text-decoration: none;
	color: #a2a2a2;
}

.footer-container span.footer-spacer {
	display: inline-block;
   width: 65px;
}

@media (max-width: 991.98px) { 
	.footer-container {
  		text-align: center;
  }
	.footerCol1,
	.footerCol2,
	.footerCol3 {
		text-align:center;
	}
	.footerCol2 {
		padding-top:10px;
		padding-bottom:10px;
	}
	.footerCol3 {
		padding-bottom:10px;
	}  
  
}

/* --------------------------------- PAGE-SPECIFIC: HOME */

section.hero-img {
  background: url(/images/home-assets/historic-courthouse-riverside-76.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 396px;
}

section.hero-img .home-inner {
  padding-top: 150px;
}

section.hero-img h1 {
	border: none;
   color: #fff;
   font-size: 3rem;
   text-transform: uppercase;
   font-weight: bolder;
   text-shadow: 0px 4px 6.58px rgba(0, 0, 0, 0.35);
}

@media (max-width: 1199.98px) {
	section.hero-img {
  		min-height: 396px;
  }
}

@media (max-width: 991.98px) {
  	section.hero-img {
  		min-height: 392px;
  }
}

@media (max-width: 767.98px) {
  	section.hero-img {
  		min-height: 304px;
  }
}

@media (max-width: 575.98px) { 
  	section.hero-img {
  		min-height: 228px;
  }
}




/* --------------------------------- PAGE-SPECIFIC: RIVERSIDE LAWYER MAGAZINE > (YEAR) ISSUES */



img.mag-cover-img {
	margin-bottom: .5rem;
	border: 1px solid #7a7a7a;
   padding: 2px;
   background-color: #fff;
   border-radius: 2px;
	-webkit-box-shadow: 0px 2px 8.82px 0.18px rgba(0, 0, 0, 0.35);
	box-shadow: 0px 2px 8.82px 0.18px rgba(0, 0, 0, 0.35);
  
}

img.mag-cover-img:hover {
	background-color: #a2a2a2;
}

/* --------------------------------- PAGE-SPECIFIC: CONTACT PAGE */

.page-content-container span.contact-spacer {
	display: inline-block;
	width: 110px;
}

.contact-container p {
   font-size:1.07rem; 
}

.contact-container h2 {
   font-size:1.4rem; 
   margin-bottom:10px;
}


/* --------------------------------- SITE COMPONENT: ROTATOR */

img.rotatorImageRotator {
	width: 100%;
}

@media (max-width: 575.98px) { 
	.carousel-caption h2.display-4 {
  		font-size: 1.2rem;
  }
}

/* --------------------------------- SITE COMPONENT: PHOTO GALLERY */

.photoAlbumGridAlbumContainer {
	width: 100%;
}

img.photoAlbumGridStandardImg {
	padding: 4px;
	border-radius: 2px;
	border: 1px solid #adadad;
	margin-top: 20px;
  	margin-bottom: 20px;
}

/* --------------------------------- SITE COMPONENT: FORMS */

.form-container {

}

.formct1_86 {
	display:none;
}
.formStatusSuccess {
	color:#bb2025;
	font-size:16px;
	font-weight:bold;
}

.formStatusFail {
	color:red;
	font-size:16px;
}

#formctl_875 {
  font-size:0.9rem;
  margin-bottom:0;
}

/* --------------------------------- OTHER */

.modal-header {
  display: flex;                  /* enable flexbox */
  align-items: center;            /* vertically center content */
  justify-content: space-between; /* push h2 left, button right */
  padding: 0.5rem 1rem;           /* optional spacing */
}

.h2-modal {
  margin: 0;   /* remove default h2 margin for cleaner alignment */
}


.modal-header .close {
  background: none;   /* keep button clean */
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
}

.modal-header button.close {
    font-size: 2.9rem;
    color: #153683;
    background-color:white;
    border:none;
    line-height:31.2px;
}

.bc-calendar .fc-title,
.fc-day-grid-event .fc-time {
   cursor: pointer; 
   color: #1111aa;
}


.fc-title {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
}

.fc-title-ORIG {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
  display: block !important;
}

.attendee-list-row-bg-even, 
.attendee-list-row-bg-odd{
   border-top: solid 1px #dedede; 
}

.bc-calendar-event-rsvp-list-th-1,
.bc-calendar-event-rsvp-list-th-2,
.bc-calendar-event-rsvp-list-th-3,
.bc-calendar-event-rsvp-list-th-4 {
   padding-bottom:3px;
   color:#0f1a32;
   font-size:0.9rem;
}

.bc-calendar-event-rsvp-list-th-1 {
   min-width:155px;
   text-align:left;
}
.bc-calendar-event-rsvp-list-th-2 {
   min-width:175px;
   text-align:left;
}

.bc-calendar-event-rsvp-list-th-3,
.bc-calendar-event-rsvp-list-th-4 {
   text-align:center; 
   width:150px;
}

.bc-calendar-event-modal-header {
  padding-top:10px;
  padding-bottom:6px;
}

.bc-event-header-col-1,
.bc-event-header-col-2,
.bc-event-header-col-3 {
  font-size:1.0rem; 
}

.page-content-container h3.bc-calendar-event-modal-title {
    font-size:1.1rem; 
    padding-top:0;
    padding-bottom:8px;
}

.bc-modal-body {
  padding-top:8px;
}

.bc-event-ce-credits {
   font-size:1.0rem; 
   margin-top:2px;
   margin-bottom:8px;  
}
.bc-event-label,
.bc-event-ce-credits-label {
  font-size:0.94rem;
  font-weight:bold;
  color: #0f1a32;
}

.bc-event-value,
.page-content-container .bc-event-value p {
  font-size:1.0rem;
}

.bc-event-description-short,
.bc-event-description-short p,
.bc-event-description-long,
.bc-event-description-long p {
  font-size:1.0rem;
  margin-bottom:8px;
}

h2.bc-event-rsvp-expression-title {
  font-size:1.3rem;  
}
h2.bc-calendar-event-rsvp-summary-h2,
h2.bc-calendar-event-rsvp-submitted-h2 {
  font-size:1.2rem;  
  margin-bottom:6px;
}
.rsvp-fee-amount {
  text-align:left; 
}

p.bc-calendar-event-payment-method-label {
  font-size:0.94rem;
  font-weight:bold;
  color: #0f1a32;
   margin-top:0;
   margin-bottom:8px;
}
p.bc-event-rsvp-summary-amount-due, 
p.bc-calendar-event-payment-method-text {
   font-size:1.0rem;
   margin-top:0;
   margin-bottom:8px;
}

ul.rsvp-attendee-list {
  font-size:1.0rem;
  margin-left:-12px;
  margin-bottom:10px;
}

.pres-bio-date {
   text-align:center;
   margin-bottom:8px;
}
.pres-bio-name {
   text-align:center;
   margin-top:8px;
}
.pres-bio-entry {
   text-align:center;
   margin-bottom:30px;
}

.conference-room-img-container {
   margin-bottom:15px;
}

.conference-room-img-container img {
   border:solid 1px #ababab;
}

.bc-event-details-container p,
.bc-event-details-container .bc-event-value,
.bc-event-details-container .bc-event-value p,
.bc-event-details-container .bc-event-description-short,
.bc-event-details-container .bc-event-description-short p,
.bc-event-details-container .bc-event-description-long,
.bc-event-details-container .bc-event-description-long p {
  font-size:0.9rem;
  color:#232323;
  margin-bottom:4px;
  padding-bottom:0;
}

.dropdown-menu .dropdown-menu {
  left: 100%;
  top: 0;
  margin-left: 0.1rem;
  margin-top: 0;
  position: absolute;
}

/* --------------------------------- LRS Single Page Site */


/* Standard Copy */
.lrs-content-container p,
.lrs-content-container p span {
  text-align: left;
  color: #3c3c3c;
  font-size: 17px;
  font-family: "Open Sans", sans-serif;
}

.lrs-content-container .bg-default {
  background-image: linear-gradient(0deg, rgb(183, 183, 183) 0%, rgb(255, 255, 255) 100%);
}

/* Standard margins and padding */
.md-container-margin {
  margin-top: 25px;
  margin-bottom: 25px;
}

.lg-container-margin {
  margin-top: 50px;
  margin-bottom: 50px;
}

.md-container-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}

.lg-container-padding {
  padding-top: 100px;
  padding-bottom: 100px;
}

.xl-container-padding {
  padding-top: 275px;
  padding-bottom: 275px;
}

@media (max-width: 767.98px) {
  .xl-container-padding {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

@media (max-width: 991.98px) {
  .xl-container-padding {
    padding-top: 175px;
    padding-bottom: 175px;
  }
}

/* --------------------- HEADER ------------*/

.header-cta {
  padding-top: 10px;
  padding-bottom: 10px;
  border-top:solid 1px #88B0E4; 
  border-bottom:solid 1px #88B0E4; 
  background-color: #A5C4F0;
  font-family: Oswald, sans-serif;
}

.header-cta p{
  text-align:center;
  font-size:22px;
  margin-bottom:0;
  line-height:31.42px;
  font-family: Oswald, sans-serif;
}

.header-cta a,
.header-cta a:hover, 
.header-cta a:active {
  text-decoration:none; 
  font-family: "Oswald", sans-serif;
}

.head-logo-container-2 {
  max-width: 100%;
}

.head-logo-2 {
  width: 125px;
}

@media (max-width: 767.98px) {
  .head-logo-area-left-2 {
    text-align: center;
    max-width: 100%;
  }

  .header-row-2 {
    height: 246px;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

/* --------------------- HERO SECTION ------------*/
.lrs-content-container .hero-section {
  margin-bottom: 0;
  background-image: url(/images/lawyer-referral-service/2022-hero-img.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  color: #ffffff;
  border-bottom: solid 1px #244B77;
  height:750px;  
}
.lrs-content-container .hero-container {
    padding-top:40px;
    padding-bottom:40px;
}

.lrs-content-container .hero-section p {
  font-size: 20px;
  font-family: Oswald, sans-serif;
  color: #121212;
}

.lrs-content-container .hero-section h1.hero-h1 {
  font-family: "Oswald", sans-serif;
  font-size: 40px;
  font-weight: bold;
  line-height: 1.2;
  padding: 0;
  text-align: left;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.35);
  text-transform: uppercase;
  color: #5900B3;
}

@media (max-width: 991.98px) {
  .lrs-content-container .hero-section h1.hero-h1 {
    font-size: 40px;
  }
}

@media (max-width: 767.98px) {
  .lrs-content-container .hero-section h1.hero-h1 {
    font-size: 30px;
  }
}

/* ------------- Standard Headers ------------- */
.lrs-content-container h1,
.lrs-content-container .h1 {
  font-size: 21px;
  font-weight: bolder;
  text-transform: uppercase;
  text-align: center;
  color: #19226d;
  padding-bottom: 30px;
  padding-top: 30px;
  letter-spacing: 1px;
}

.lrs-content-container .h2 {
  font-family: Oswald, sans-serif;
  line-height: 1.5;
  font-size: 21px;
  font-weight: bolder;
  color: #19226d;
  text-transform: uppercase;
  text-align: center;
  padding-bottom: 20px;
  padding-top: 30px;
  letter-spacing: 2px;
  border-bottom: solid 1px #244B77;
}

.lrs-content-container .h2-modal {
  line-height: 1.5;
  font-size: 21px;
  font-weight: bolder;
  color: #19226d;
  text-transform: uppercase;
  text-align: left;
  padding-bottom: 0;
  padding-top: 5px;
  letter-spacing: 2px;
  margin-bottom:0;
}

.lrs-content-container hr.header-underline {
  width: 35%;
  background-color: #989898;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 45px;
}

.lrs-content-container .page-content-container h3 {
  font-weight: bold;
  color: #3c3c3c;
  padding-top: 10px;
  padding-bottom: 10px;
}

.lrs-content-container .page-content-container h4,
.lrs-content-container .page-content-container h5,
.lrs-content-container .page-content-container h6,
.lrs-content-container .page-content-container h7 {
  color: #3c3c3c;
}

/* ------------- Inquiry Form------------- */
.lrs-phone-numbers-container {
  display: none;
}


.lrs-content-container .modal-content p a,
.lrs-content-container .modal-content p a:hover,
.lrs-content-container .modal-content p a:active,
.lrs-content-container .lrs-section-123 p a,
.lrs-content-container .lrs-section-123 p a:hover,
.lrs-content-container .lrs-section-123 p a:active,
.lrs-phone-numbers-container a,
.lrs-phone-numbers-container a:hover,
.lrs-phone-numbers-container a:active {
  text-decoration:none;
  font-family: Oswald, sans-serif;
}

.lrs-outer-container .footer-container a,
.lrs-outer-container .footer-container a:hover,
.lrs-outer-container .footer-container a:active {
  text-decoration:none;
}


.lrs-content-container .modal-footer {
  justify-content:center; 
}

.lrs-inquiry-form-container {
  width: 330px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  border: solid 1px #244B77;
  padding: 12px;
  background-color: #e0ccff;
}

.lrs-inquiry-form-container button.btn-default {
  color:#ffffff; 
  background-color:#0d6efd;
}

.lrs-section-123 {
  margin-top: 0;
  transform: translateY(-15px);
}

@media (min-width: 992px) {
  .lrs-inquiry-form-container {
    margin-top: 0;
    transform: translateY(-165px);
  }
  .lrs-phone-numbers-container {
    display: block;
    width: 330px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    border: solid 1px #244B77;
    padding: 12px;
    background-color: #e0ccff;
    transform: translateY(-165px);
  }
  

  .lrs-section-123 {
    margin-top: 0;
    transform: translateY(-105px);
  }
}

@media (min-width: 1200px) {
  .lrs-section-123 {
    margin-top: 0;
    transform: translateY(-165px);
  }
}

/* ------------- Other ------------- */
.hero-logo {
  margin-left: 200px;
  margin-top: 80px;
}

@media (max-width: 991.98px) {
  .hero-logo {
    margin-left: 185px;
  }
}

@media (max-width: 767.98px) {
  .hero-logo {
    margin-left: auto;
    margin-right: auto;
  }
  
  .hero-logo-container {
    text-align:center;
  }
  
}

#InquiryFormContainer > p.call-or-request-form-notice {
  font-size: 14px;
  color: #19226d;
  text-align: center;
}

.rounded-circle {
  border-radius: 50%;
  width: 275px;
  height: 275px;
  border: solid 3px #244B77;
}

.row-decoration {
  padding-top: 40px;
  padding-bottom: 40px;
  box-shadow: 1px 1px 10px 0px #000000;
  max-width: 101%;
  margin-left: auto;
  margin-right: auto;
}

.row-container {
  max-width: 1140px;
  margin: auto;
}

.bg-blue {
  background-color: #053758;
}

.lrs-content-container a {
  color: #19226d;
}

.lrs-content-container a:hover {
  text-decoration: none;
}

.btn-primary {
  color: #ffffff;
  background-color: #153683;
  border-color: #153683;
}

.btn-primary:hover {
  color: #ffffff;
  background-color: #022370;
  border-color: #022370;
}

.lrs-outer-container .btn-close {
  background: none !important;  /* clears Bootstrap's background-image */
}

/* Optional: style however you want instead */

.lrs-outer-container .btn-close::before {
  content: "×";                 /* fallback text/icon */
  font-size: 50px;
  color: #19226d;               /* your color */
  line-height: 0.4;
}

.lrs-outer-container .btn-close {
  font-size: 20px;
  opacity: 0.9;
  color: #19226d;
  margin-right:3px;
}

.lrs-content-container ul.lrs-modal-text > li,
.lrs-content-container p.lrs-modal-text {
  color: #111111;
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
}

.lrs-content-container ul.lrs-modal-text {
  list-style: none;
}

.lrs-content-container ul.lrs-modal-text li::before {
  content: "\2022";
  color: #19226d;
  font-weight: bold;
  font-size: 20px;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

#RcbaWebsiteLC a {
  color: white;
}

.work-number {
  display: none;
}

.lrs-content-container .lrs-habla p {
  font-size: 22px;
  color: #34349a;
  margin-top: 1px;
  text-align: center;
}

.lrs-content-container .lrs-habla {
  transform: translateY(-90px);
}

@media (max-width: 991.98px) {
  .lrs-about-us-container {
    margin-bottom: 30px;
  }

  .lrs-content-container .lrs-habla {
    transform: translateY(-15px);
  }
}

.lrs-form-success-msg {
  color: #022370;
  font-size: 19px;
}

.lrs-form-fail-msg {
  color: #ff0000;
  font-size: 19px;
}

/* Home page announcement */
.announcement-img-container {
  margin-bottom:18px;
}
.announcement-h2,
.announcement-h3,
.announcement-p {
   text-align:center; 
}
.announcement-calendar-link-container {
   text-align:center; 
   margin-top:30px;
}

/* Calendar */
.announcement-calendar-link-container a,
.bc-calendar-list-view-rsvp-link a {
   cursor:pointer;
   color: #285485 !important;
  text-decoration: none;
  font-weight:bold;
}

.announcement-calendar-link-container a:hover,
.announcement-calendar-link-container a:active,
.announcement-calendar-link-container a:visitor,
.bc-calendar-list-view-rsvp-link a:hover,
.bc-calendar-list-view-rsvp-link a:active,
.bc-calendar-list-view-rsvp-link a:visited {
   color:#044071 !important;
}

.bc-calendar-list-view-dtinfo {
   font-weight:bold;
   font-size:18px;
  color: #285485 !important;
}
.bc-calendar-list-view-event-info,
.bc-calendar-list-view-event-info p {
  font-size:16px;
  font-weight:normal;
}

.bc-calendar-list-view-event-info p {
  margin-top:4px;
}

.bc-calendar-list-view-event-info .bc-calendar-list-view-event-name {
  font-size:16px;
  font-weight:bold;
}

.bc-calendar-list-view-container {
  margin-top:20px;
  max-width:900px;
  margin-left:auto;
  margin-right:auto;
}

.announcement-card {
  border:solid 1px #0f1a32;
  background-color:#efefff;
  padding:8px 16px;
  border-radius:6px;
  min-height:220px;
  margin-bottom:16px;
}
.announcement-card h3 {
  text-align:center; 
}

.header-link {
  color: white;
  font-size: 1rem;
  font-weight: bold;
  text-decoration: none;
}
.social-icon {
  height: 20px;
  width: auto;
}

/* --------------------------------- IdentityServer */
h1.ids-h1 {
   border-bottom:none;
   margin-bottom:18px;
  padding-bottom:0;
}

.login-view-page-text-top-container p {
  font-size:15px;
}
.login-form-container {
  border:solid 1px #dedede;
  padding: 10px 16px;
  margin-top:20px;
}

.login-form-container label {
   font-weight:bold;
   margin-bottom: 6px;
}

.login-form-container input.form-control {
   margin-bottom: 12px;
}


.login-form-container .forgot-password-request,
.login-form-container .forgot-username-request {
  font-size:15px;
  margin-bottom:12px;
}

.login-remember {
   font-size:14px; 
}

.register-form-container .button-container,
.forgot-username-form-container .button-container, 
.forgot-password-form-container .button-container {
  margin-top:15px;
}

.register-form-container  .button-container a.cancel-button,
.forgot-username-form-container .button-container a.cancel-button,
.forgot-password-form-container .button-container a.cancel-button {
  color:white;
}

.reg-username-tip {
  margin-top:6px;
}

.validation-errors-custom ul {
  font-size:16px;
}

.bc-calendar-list-view-container p {
  margin-bottom:0;
  padding-bottom;0;
}


.board-contacts h3 {
   margin-top:30px;
}
.board-contacts h4 {
   font-style:italic;
   font-size:14px;
   font-weight:600;
   margin-bottom:6px;
}
.board-contacts p {
   margin-top:0px;
   padding-top:0px;
}

img.bio-img:hover {
  filter: brightness(85%);
}

img.img-board-grid {
  width:100%;
  padding: 4px;
  border-radius: 2px;
  border: 1px solid #adadad;
  margin-top: 20px;
  margin-bottom: 10px;
}


.board-title,
.board-email {
  text-align:center;
  margin-bottom:4px;
}

.board-name {
  font-weight:bold;
  font-size:16px;
  text-align:center;
  margin-bottom:1px;  
}


.board-title {
  font-weight:normal;
  font-size:16px;
}


.board-email a {
  color:#0f1a32;
}
.board-email a:hover {
  text-decoration:none;
  font-weight:bold;
}

.board-email {
  cursor:pointer;
}

.barristers-board-members-container {
   margin-left:35px;
}

.board-title2 {
  font-weight:bold;
  margin-bottom:4px;
  color: #34349a;
}

.barristers-board-members-container > p.board-name2 {
  margin-bottom:4px;
  padding-left:50px;
}