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

* {
	font-family: "Oswald", sans-serif;
}

/* 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;
}

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


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

.header-container {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #ffffff;
	box-shadow: 0px 4px 18px 0px rgba(1, 2, 2, 0.75);
}

.header-container .phone-number {
	text-align: right; 
	padding-top: 2px;
	padding-bottom: 2px;
}

.header-container .social-media-buttons {
	text-align: right; 
	padding-top: 8px;
	padding-bottom: 10px;
}

@media (max-width: 767.99px) { 
	.header-container .phone-number,
	.header-container .social-media-buttons {
		text-align: center; 
	}	
}
.header-phone-container > .phone-label {
  width: 168px;
}
.header-phone-container > .phone-label,
.header-container .phone-number a,
.header-container .social-media-buttons a {
	font-weight: bold;
	color: #4c70b2;
	font-size: 1.2rem; 
}

.header-container .phone-number a:hover, 
.header-container .phone-number a:active,
.header-container .phone-number a:focus,
.header-container .social-media-buttons a:hover,
.header-container .social-media-buttons a:active,
.header-container .social-media-buttons a:focus {
	text-decoration: none;
	color: #2a416e;
}


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

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

.logo-container {
  margin-bottom:12px;
  margin-top:10px;
}

@media (max-width: 767.99px) { 
  .logo-container {
    margin-bottom:30px;
    margin-top:10px;
  }
}


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

.nav-container {
	padding-top: 10px;
	padding-bottom: 10px;
   border-top: 4px solid #000000;
	background-image: -moz-linear-gradient( 90deg, rgb(41,64,108) 0%, rgb(76,112,178) 100%);
   background-image: -webkit-linear-gradient( 90deg, rgb(41,64,108) 0%, rgb(76,112,178) 100%);
   background-image: -ms-linear-gradient( 90deg, rgb(41,64,108) 0%, rgb(76,112,178) 100%);
   box-shadow: 0px 4px 5.34px 0.66px rgba(0, 0, 0, 0.35);
	background-color: #4c70b2;
}

/* 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;
  font-weight: normal;
  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: 1.4rem;
}



/* 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: #040707;
  background-color: transparent;
}

@media (max-width: 991.98px) {
	.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 {
}

/* 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:focus {
  background-color: transparent;
  color: #bababa;
}


nav.navbar li.nav-item>a.nav-link:active {
  background-color: transparent;
  color: #040707;
}

/* 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-image: -moz-linear-gradient( 90deg, rgb(41,64,108) 0%, rgb(76,112,178) 100%);
   background-image: -webkit-linear-gradient( 90deg, rgb(41,64,108) 0%, rgb(76,112,178) 100%);
   background-image: -ms-linear-gradient( 90deg, rgb(41,64,108) 0%, rgb(76,112,178) 100%);
}

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


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


@media (max-width: 991.98px) {
	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;
	letter-spacing: 1px;
}


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

}


/* 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: #161616 !important;	
}

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

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

a.text-dark:focus,
a.text-dark:active,
a.text-dark:visited {
	color: #040707 !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: 10px;
  text-align: center;
}


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

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

/* Sticky Menu */ 

.notStuck {
	
}


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

/* --------------------------------- SIDEBAR NAVIGATION */


.sidebar-nav-container {
	margin-top: 60px;
	margin-bottom: 60px;
   padding: 10px;
   border: 1px solid #666666;
   border-radius: 3px;
}


.sidebar-nav-container .navbar-light .navbar-nav .nav-link {
     color: #4c70b2;
}



.sidebar-nav-container .navbar-light .navbar-nav .active>.nav-link,
.sidebar-nav-container .navbar-light .navbar-nav .nav-link.active,
.sidebar-nav-container .navbar-light .navbar-nav .nav-link.show,
.sidebar-nav-container .navbar-light .navbar-nav .show>.nav-link {
  color: #040707;
  background-color: transparent;
}


@media (max-width: 991.98px) { 

  	.sidebar-nav-container {
  		display: none;
  }

}


/* --------------------------------- 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;
}

.page-content-container .reverse-content-container-background-1 h1 {
	border-bottom: 1px solid #ffffff;
}

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

.page-content-container {
	min-height: 700px;
}

/* Standard Headers */ 

.page-content-container h1 {
	font-size: 2.9rem;
	font-weight: bolder;
	margin-bottom: 30px;
	color: #040707;	
	padding: 20px 0px 20px 20px;
	text-align: left;
   border-left: 4px solid #4c70b2;
		
}

.page-content-container h2 {
	font-size: 2.3rem;
	font-weight: bold;
	margin-bottom: 20px;
   margin-top: 20px;
	color: #4c70b2;	
}

.page-content-container h3 {
   font-size: 1.7rem;
	font-weight: bold;
	color: #4c70b2;
	padding: 20px 0px 20px 0px;
}

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




/* Standard Copy */ 
.page-content-container p,
.page-content-container p em,
.page-content-container p b,
.page-content-container p strong,
.page-content-container p i,
.page-content-container p u,
.page-content-container ul li {
	color: #424242;
	font-size: 1.2rem;
	font-family: "Arial", sans-serif;
}

/* Standard Links */ 
.page-content-container a {
	font-weight: bold;
	color: #4c70b2;
}

.page-content-container a:hover, 
.page-content-container a:active,
.page-content-container a:focus {
	text-decoration: none;
	color: #2a416e;
}

/* Standard Button (using .primary-btn class applied to an anchor tag) */ 
.workshop-btn {
   width:190x; 
}

.page-content-container a.primary-btn {
	display: inline-block;
	text-align: center;
	font-weight: normal;
	padding: 10px 20px 10px 20px; 
	border-radius: 5px;
	background-image: -moz-linear-gradient( 90deg, rgb(41,64,108) 0%, rgb(76,112,178) 100%);
   background-image: -webkit-linear-gradient( 90deg, rgb(41,64,108) 0%, rgb(76,112,178) 100%);
   background-image: -ms-linear-gradient( 90deg, rgb(41,64,108) 0%, rgb(76,112,178) 100%);
	color: #ffffff;
}

.page-content-container a.primary-btn:hover, 
.page-content-container a.primary-btn:active,
.page-content-container a.primary-btn:focus { 
	text-decoration: none;
	background-color: #2a416e;
   background-image: none;
	color: #bababa;
}

.page-content-container a.secondary-btn {
	display: inline-block;
	text-align: center;
	font-weight: bold;
	padding: 10px 20px 10px 20px; 
	border-radius: 5px;
	border: 2px solid #f47d23;
	color: #f47d23;
}

.page-content-container a.secondary-btn:hover, 
.page-content-container a.secondary-btn:active,
.page-content-container a.secondary-btn:focus { 
	text-decoration: none;
	border: 2px solid #d94b1f;
	color: #d94b1f;
}

/* Change rounded images */ 
.page-content-container img.rounded-circle {
	border: 1px solid #D1D1D1;
	box-shadow: 0px 6px 38px 0px rgba(0, 0, 0, 0.72);
	padding: 2px; 

}

.page-content-container img.rounded-circle:hover,
.page-content-container img.rounded-circle:active,
.page-content-container img.rounded-circle:focus {
	border: 1px solid #4c70b2;
	background-color: #4c70b2;
}


/* Center Text in 3-col layout on mobile-view */

@media (max-width: 991.99px) {
	.page-content-container .col-lg-4 {
		text-align: center;
	}
}


.embed-responsive-border {
   border: 2px solid #bababa;
   border-radius: 3px;
}

.float-lg-right {

}

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


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

.footer-container {
	color: #ffffff;
	font-weight: normal;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 1.0rem;
	background-color: #000000;
	box-shadow: 0px 4px 5.34px 0.66px rgba(0, 0, 0, 0.35);
   border-top: 4px solid #4c70b2;
}

.footer-container .copyright-left {
	padding: 0;
   margin:0;
}

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

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


.footer-container span.contact-spacer {
	font-weight: bold;
	display: inline-block;
	width: 75px;
}

.footer-container .copyright {
	padding-top: 5px;
	padding-bottom: 5px;
}

.footer-container .contact-info {
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
}

.header-container .copyright-right,
.footer-container .copyright-right {
	text-align: right; 
}

@media (max-width: 991.99px) {
	.footer-center-content,
   .footer-container .copyright-left,
	.footer-container .copyright-right {
		text-align: center;
	}
}

.footer-center-content {
   margin-top: 18px;
   margin-bottom:18px;
   text-align:center;
}

.phone-label {
  display:inline-block;
  width:125px;
  text-align:left;
  margin-top:4px;
  margin-bottom:4px;
}

@media (min-width: 768px) AND (max-width: 990.99px) { 
  .phone-label {
    margin-bottom:0;
    margin-top:0;
  }
}

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

.hero-img-container {
	margin-bottom: 20px;
}

.hero-img {
	position: relative;
}

.hero-img img {
	width: 100%;
}

.hero-img-copy {
	position: absolute;
   top: 45%;
   left: 0;
   width: 100%;
}

.page-content-container .hero-img-copy h1.hero-img-h1 {
	color: #f47d23;
	font-weight: bolder;
	text-align: center; 
	margin-bottom: 15px !important;
	padding-bottom: 0px !important;
	padding-top: 0px !important;
	text-shadow: 2px 2px 4px #000000;
	border-bottom: none;
}

.hero-img-copy p {
	color: #f47d23;
	font-size: 1.7rem;
	text-align: center;
}

.hero-img-copy p a.primary-btn {
	font-weight: normal;
	text-shadow: none;
	box-shadow: 3px 4px 9.8px 0.2px rgba(0, 0, 0, 0.72);
}


@media (min-width: 992px) and (max-width: 1199.99px) { 
	.hero-img-copy h1 {
		font-size: 2.5rem;
	}
	
	.hero-img-copy p {
		font-size: 1.0rem;
	}

}

@media (max-width: 991.99px) {
	
	.hero-img-copy h1 {
		font-size: 2.2rem;
	}
	
	.hero-img-copy p {
		display: none;
	}
	
}


@media (max-width: 575.99px) {
	.hero-img-copy h1 {
		font-size: 2.2rem;
	}	
}

.page-content-container h2.home-page-h2 {
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #8fb1d1; 
	text-align: center;
}

ul.home-page-ul {
    font-size: 1.3rem;
}

ul.home-page-ul li {
	padding: 5px 0px 5px 0px;
	border-bottom: 1px dashed #959595;
}



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

.page-content-container span.contact-spacer {
	font-weight: bold;
	display: inline-block;
	width: 100px;
}


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

.page-content-container .carousel {
  border: 1px solid #D1D1D1;
  box-shadow: 0px 6px 38px 0px rgba(0, 0, 0, 0.72);
  padding: 2px; 
}

.carousel-fade .carousel-item,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  transition: 1.3s opacity ease;
}


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

.photoAlbumGridAlbumContainer {
	width: 100%;
}

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


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

.form-container {

}

small.help-block {
  color:red;
  display:block;
  font-size:0.9em;
  font-weight:600;
  line-height:1.85em;
}

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

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

.bbuc-registration-received-notice {
   border:solid 1px #ababab;
   border-radius: 6px;
   margin-top:25px;
   padding-left:25px;
   padding-right:25px;
   padding-top:20px;
   padding-bottom:15px;
}

/* --- Standard Button --- */ 

form button.btn-default{
	display: inline-block;
	text-align: center;
	font-weight: normal;
	padding: 10px 20px 10px 20px; 
	border-radius: 5px;
	background-color: #3A578E;
	color: #ffffff;
   font-family: "Barlow Condensed", sans-serif;
}

form button.btn-default:hover,
form button.btn-default:active,
form button.btn-default:focus { 
	text-decoration: none;
	background-color: #2F4777;
	color: #ffffff;
}

h2.h2-workshops,
h2.h2-faq {
   font-size: 1.45em;
	font-weight: bold;
	color: #4c70b2;
	padding: 20px 0px 0px 0px;
   margin-bottom:6px;
}
p.p-faq {
  padding-left:27px; 
}

.boardFirm {
  font-weight:normal;
}

h2.board-title {
  color:#203F9A;
  font-size:1.8rem;
  margin-top:0;
  margin-bottom:8px;
}

p.board-name {
  padding:0;
  margin-top:0;
    margin-bottom:5px;
}

.board-bio-row {
  margin-bottom:20px;  
}

.board-bio-row {
  margin-bottom:20px;  
}

p.board-name2 {
  margin-top:10px; 
  text-align:left;
}

@media (max-width: 991.99px) {
	
  p.board-name2 {
    text-align:center;
  }
	
}


h2.bio-name {
  color:#203F9A;
  font-size:1.8rem;
  margin-top:0.9rem;
  margin-bottom:8px;
  text-align:center;
}

p.bio-title {
  padding:0;
  margin-top:0;
  margin-bottom:30px;
  text-align:center;
}

p.bio-pic-coming-notice {
  color:#203F9A;  
  text-align:center;
}

.bio-placeholder-container {
  min-height:420px; 
  display: flex;
  align-items: flex-end;
}

.page-content-container h1.bio-heading {
  color:#040707;
  font-size:2.5rem;
  margin-top:0;
  margin-bottom:25px;  
  font-weight: bolder;
  text-align: left;
  border-left:none;
  padding:0;
}

.bio-list-container img!important {
  margin-left:auto;
  margin-right:auto;
}

h3.h3-event-brite-location {
    color:#343434; 
}

div.family-law-workshop-location-box {
  width:400px;
  border:solid 12px #43391C; 
  color:#000000; 
  text-align:center; 
  background-color:#EFD191;
  padding-top:15px;
  padding-bottom:15px;
  margin-left:auto;
  margin-right:auto;  
}

div.bk-workshop-location-box {
  width:380px;
  border:solid 8px #04093B; 
  color:#000000; 
  text-align:center; 
  background-color:#CFD5FA;
  padding-top:15px;
  padding-bottom:15px;
  margin-left:auto;
  margin-right:auto;
}


div.family-law-workshop-location-box p,
div.family-law-workshop-location-box h2,
div.bk-workshop-location-box p,
div.bk-workshop-location-box h2{
  color:#000000; 
  font-family: "Times New Roman", Times, serif;
}

div.family-law-workshop-location-box p,
div.bk-workshop-location-box p {
  font-size: 22px;
  margin-bottom:0.15rem;
}

div.family-law-workshop-location-box h2,
div.bk-workshop-location-box h2 {
  font-size: 27px;
  margin-top:0.15rem;
  margin-bottom:0.15rem;
}

div.family-law-workshop-location-col,
div.bk-workshop-location-col {
  margin-top:20px;
}



div.pa-workshop-location-box {
  border:solid 2px #000000; 
  max-width:340px;
  color:#000000; 
  text-align:center; 
  background-color:#ffffff;
  padding-bottom:0;
  margin-left:auto;
  margin-right:auto;
}

div.pa-workshop-location-box p,
div.pa-workshop-location-box h2{
  color:#000000; 
  font-family: "Times New Roman", Times, serif;
}

div.pa-workshop-location-box p {
  font-size: 22px;
  margin-bottom:0.15rem;
  padding-left:6px;
  padding-right:6px;
}

div.pa-workshop-location-col {
  margin-top:25px;
}

div.pa-workshop-location-box p.pa-location-header {
  border-bottom:solid 1px black;
  background-color:#F6CB89;
  padding-top:15px;
  padding-bottom:15px;
  font-family:arial, sans-serif;
}

div.pa-workshop-location-box h2 {
  font-size: 23px;
  border-bottom:solid 1px black;
  padding-bottom:12px;
  margin-bottom:12px;
  margin-top:12px;
}

div.pa-workshop-location-box p {
  font-size:1.2rem;
}

div.pa-workshop-location-box .dates-list-container {
  text-align:left;
  border-top:solid 1px black;
  padding-top:15px;
  padding-bottom:15px;
  margin-bottom:0px;
}

div.pa-workshop-location-box .dates-list-container ul {
   margin-bottom:0;
}

div.pa-workshop-location-box .dates-list-container ul li {
    color:#121212;
  font-size:1.13rem;
}

ul.decedent-workshop-list li {
  color:#121212;
  font-size:1.25rem;
}

div.location-dates-container {
   text-align:center; 
}

div.location-dates-container h3 {
   color:#203F9A;
   margin-bottom:0;
   padding-bottom:0;
   font-family: "Times New Roman", Times, serif;
}

div.location-dates-container p {
   color:#121212;
   font-size:1.3rem;
   margin-bottom:0;
   padding-bottom:0;
   font-weight:bold;
   font-family: "Times New Roman", Times, serif;
}

div.location-dates-container .date-row {
  text-align:center; 
  font-family: "Times New Roman", Times, serif;
  font-size:1.1rem;
  color:#121212;
}

div.location-dates-container .date-row .col-lg-6 {
  border-left:solid 1px #121212; 
  border-right:solid 1px #121212; 
  border-bottom:solid 1px #121212; 
  font-family: "Times New Roman", Times, serif;
  font-weight:bold;
  padding-top:6px;
  padding-bottom:6px;
}

div.location-dates-container div.location-container {
  padding-bottom:18px; 
}


div.location-dates-container .location-dt-info {
  background-color: #F6CB89;
  font-size:1.2rem;
  border:solid 1px #000000;
  margin-top:18px;
}

ol.code-enforcement-phone-numbers-list > li {
  margin-top:8px;
  margin-bottom:20px;
  padding-left:1rem;
}

ol.code-enforcement-phone-numbers-list > li::marker {
  color:#4c70b2;
  font-weight:bold;
}

ol.code-enforcement-phone-numbers-list {
  padding-inline-start:18px;
}