/* O+Z GLOBAL STYLES
-------------------------------------------------- */
html,body {
	height:100%;
/* The html and body elements cannot have any padding or margin.  To get backgrounds at full-height, must apply 100% height to both html and body */
	margin: 0;
}


/* To position the index.html background images carousel #myCarousel */
html {
	position: relative;
	min-height: 100%;
	min-height: 100vh;
	height: -webkit-fill-available;
}

body {
	 /*min-height: 100vh;
  mobile viewport bug fix-not needed in Bootstrap 5 */
	min-height: -webkit-fill-available;
	background-color: #999; /* Keeps background slide show from flashing during carousel-fade */
	font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-size: 14px;
	line-height: 1.428571429;
	color:#333;
}

a {
	color:#369;
	text-decoration:none;
}

a:hover,a:focus {
	color:#19334d;
	text-decoration:underline;
}

a:focus {
	outline:thin dotted #333;
	outline:5px auto -webkit-focus-ring-color;
	outline-offset:-2px;
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
	position: static;
	width: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	clip: auto;
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
	font-weight:400;
	font-style:normal;
}

h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small {
	font-weight:400;
	line-height:1;
	color:#888;
}

h1,h2,h3 {
	margin-top:20px;
	margin-bottom:10px;
}

h4,h5,h6 {
	margin-top:10px;
	margin-bottom:10px;
}

h1,.h1 {
	font-size:24px;
	line-height:30px;
}

h2,.h2 {
	font-size:20px;
}

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

h4,.h4 {
	font-size:16px;
}

h5,.h5 {
	font-size:14px;
}

h6,.h6 {
	font-size:12px;
}

h1 small,.h1 small {
	font-size:18px;
}

h2 small,.h2 small {
	font-size:16px;
}

h3 small,.h3 small,h4 small,.h4 small {
	font-size:14px;
}

p small {
	font-size:12px;
}

b,strong,.bold {
	font-weight:700;
	font-style:normal;
}

i,em,.italic {
	font-weight:400;
	font-style:italic;
}

.row:before,
.row:after {
	display:block;
}

.no-wrap {
	white-space:nowrap;
}

.blue {
	color: #336699;
}

.blue-bg {
	background-color: #336699;
}
.blue-bg-opacity-9 {
	background-color: #336699;
	opacity:0.9;
}
#ribbon-corner-clip {
	/* position: relative; */
	/* background-color: #336699;
	--mask: radial-gradient(80px at 0 0,#000 10%,rgba(0, 0, 0, 1));
	  -webkit-mask: var(--mask);
			  mask: var(--mask); */
	border:4x solid #336699;
	border-radius:4px 0px 0px 0px;
	
}
#ribbon-corner-clip:before {
	/* content: '';
	position: absolute;
	top: 0; left: 0;
	/* border-top: 30px solid rgba(0, 0, 0, 0.1); */
	/* border-top: 30px solid rgba(191, 191, 191, 1.0);
	border-right: 30px solid rgba(151, 151, 151, 0.0);
	width: 0;  */
}
/* bootstrap - match column heights in people bio pages
--------------------------------------------------*/

/*
.container-fluid {
	width:100%;
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto;
}
*/

.flex {
	display:flex;
}
.no-pad-left {
	padding-left:0px!important;
	margin-left:0px!important;
}
.no-pad-right {
	padding-right:0px!important;
	margin-right:0px!important;
}
.pt-20 {
	padding-top:20px;
}
.pt-30 {
	padding-top:30px;
}
.pt-50 {
	padding-top:50px;
}


/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
.flex-center {
	display:flex;
	justify-content:center;
}

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
	background-color:#fff;
}

.navbar-header {
}

.navbar {
	background-color:#fff;
	border-radius:0;
	color:#666;
/* 	font-size:.875em; */
	height:auto;
	min-height:50px;
	padding:10px 0px;
}

.nav-justified {
/* conflict w/Bootstrap 5 - only needed > 767px
	width:inherit;
	margin:0 auto;
*/
}

.navbar-nav > li {
	margin:0;
	padding:3px 0;
}

.navbar-nav > li > a {
	border-radius:4px;
	color:#333;
	font-size:1em;
	letter-spacing:1px;
	padding:0 15px;
	text-decoration:none;
	text-transform:uppercase;
	white-space: nowrap;
}

.navbar-nav > li > a:hover,.navbar-nav > li > a:focus {
	color:#333;
	background-color:transparent;
}

.navbar-nav > .active > a,.navbar-nav > .active > a:hover,.navbar-nav > .active > a:focus {
	color:#369;
	background-color:#fff;
}

.navbar-nav > .open > a,.navbar-nav > .open > a:hover,.navbar-nav > .open > a:focus {
	color:#555;
	background-color:#fff;
}

.navbar-nav > .disabled > a,.navbar-nav > .disabled > a:hover,.navbar-nav > .disabled > a:focus {
	color:#ccc;
	background-color:transparent;
}

.dropdown-menu {
	position:absolute;
	top:100%;
	z-index:1000;
	display:none;
	min-width:10rem;
	padding:.5rem 0;
	margin: 0;
	font-size: 1rem;
	color: #212529;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0,0,0,.15);
	border-top:none;
	border-radius: .25rem;
}

.dropdown-menu .divider {
	height:1px;
	margin:9px 0;
	background-color:#e5e5e5;
}
.dropdown-item.active, .dropdown-item:active {
	color: #fff;
	text-decoration: none;
	background-color: rgba(51, 102, 153, 0.5)!important;
}
.dropdown-menu > li > a {
	padding:3px 20px;
	line-height:1.428571429;
	color:#333;
}
/* .dropdown-item.active, .dropdown-item:active {
	color: #fff;
	text-decoration: none;
	background-color: #0d6efd;
} */
.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus {
	color:#fff;
	text-decoration:none;
	background-color:#369;
	background-image:none;
	background-repeat:no-repeat;
}

.dropdown-menu > .active > a,.dropdown-menu > .active > a:hover,.dropdown-menu > .active > a:focus {
	color:#fff;
	text-decoration:none;
	background-color:#369;
	background-image:none;
	background-repeat:no-repeat;
}

.dropdown-header {
	display:block;
	padding:3px 20px;
	font-size:12px;
	line-height:1.428571429;
	color:#999;
}

.dropup .caret,.navbar-fixed-bottom .dropdown .caret {
	border-top:0;
	border-bottom:4px solid #666;
	content:"";
}

.navbar-toggle {
	z-index:9999;
}

.navbar-toggle:hover,.navbar-toggle:focus {
	background-color:#ddd;
}

.navbar-toggle .icon-bar {
	width:22px;
	height:2px;
	background-color:#ccc;
	border-radius:1px;
}

.navbar-toggle .icon-bar + .icon-bar {
	margin-top:4px;
}

/* O+Z LOGO HEADER
--------------------------------------------------- */
.logo {
	background-attachment:scroll;
	background-clip:border-box;
	background-color:transparent;
	background-image:url("https://oandzlaw.com/assets/img/OandZ.svg");
	background-origin:padding-box;
	background-position:50% 0;
	background-repeat:no-repeat;
	background-size:contain;
	height:100%;
	width:auto;
}

.logo-bar {
	position:fixed;
	height:50px;
	width:100%;
	background-color:#369;
	margin-top:50px;
	padding:3px 0;
	text-align:center;
	z-index:5;
}
svg.logo-flow {
max-height:20px!important;
width: auto;	
/* background-attachment:scroll;
background-clip:border-box;
background-color:transparent;
background-image:url("https://oandzlaw.com/assets/img/OandZ.svg");
background-origin:padding-box;
background-position:relative;
background-repeat:no-repeat;
background-size:contain;
height:100%;
width:auto; */
}
/* O+Z Typography
-------------------------------------------------- */
/* Adds line breaks in footer text for screens < 768px */
/*
.line-break::after {

	content:"\a";
	white-space:pre;

}
*/
/* blockquote.quote-float {
	
}
blockquote.quote-float::before {
	content: open-quote;
	font-size:30px;
	color: rgba (255, 255, 255, 1.0);
}
blockquote.quote-float::before {
	content: close-quote;
	font-size:30px;
	color: rgba (255, 255, 255, 0.5);
} */

/* Wraps last word with caret in News links */
.no-orphan {
	display:inline-block;
	}

.max-600 { /*To overide content widths for easier reading*/
	max-width:600px!important;
}
.pt-10 {
	padding-top: 10px;
}
.square-list,
.square-list-text {
	line-height:1.6;
}
.square-list ul,
.square-list-text ul {
	list-style: none;
}
.square-list ul li::before {
  content: "\25A0";
  color: #336699;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.leader {
	padding:30px 0 6px;
	text-transform:uppercase;
	letter-spacing:1px;
}

.text {
	max-width:768px;
/* 	margin-left: 20px; */
/* 	padding: 0 20px; */
}
.text-page {
	margin-left: 30px;
}

.content-link {
	font-size:12px;
	font-weight:400;
	padding:30px 10px 20px 0px;
	text-align:right!important;
	text-transform:uppercase;
}
.accordion-body p {
	margin-top: 1rem!important;
} 
.accordion-notable-cases.accordion-button::after {
  /* Remove Bootstrap's default background image */
  background-image: none; 
  /* Create the triangle using borders */
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #336699; /* Adjust color as needed */
  content: ""; /* Essential for pseudo-elements */
  transform: rotate(0deg); /* Initial state (down arrow) */
  transition: transform 0.2s ease-in-out; /* Smooth transition */
}
.accordion-notable-cases.accordion-button::after {
	/* flex-shrink: 0; */
	width: .5rem;
	height: .5rem;
	/* margin-left: auto;
	content: "";
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-size: 2rem;
	transition: transform .2s ease-in-out; */
}
.accordion-notable-cases.accordion-button:not(.collapsed)::after {
  /* Rotate for the "open" state (up arrow) */
  transform: rotate(180deg); 
}
.accordion-button:not(.collapsed) {
	color: #333333;
	background-color: #ffffff!important;
	box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}
.testimonial.blockquote {
	margin-bottom: 1rem;
	font-size: 1rem!important;
}

#news-block > div.content-link {
	text-align:left!important;
	padding:0px!important;
}

#news-block > div.content-link > p {
	text-align:left!important;
	padding:0px!important;
}

#news-block > div.content-link > a {
	text-align:left!important;
	padding:0px!important;
}

.content-caret {
	display:inline-block;
	width:0;
	height:0;
	margin-left:2px;
	vertical-align:middle;
	border-top:4px solid transparent;
	border-bottom:4px solid transparent;
	border-left:4px solid #369;
	content:"";
}
.link-caret:after {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px solid #369;
	content: "";
}

.featured {
	padding:20px 0;
}

.featured-content,
.featured-content-wide {
	font-size:18px;
	line-height:1.6;
	font-weight:400;
	margin:0 0 0 10px;
	padding:28px 30px 24px;
	text-align:left;
}

/*
.featured-content {
	max-width:340px;
}
.featured-content {
	max-width:700px;
}
*/

.featured-content p {
	padding:40px 10px 0 0;
}

.featured-logotype {
	font-family:'Lora','Cambria',Georgia,serif;
	font-size:30px;
	line-height:1.2;
	font-weight:700;
	color:#336699;
	white-space:nowrap;
}

.logotype {
	font-family:'Lora','Cambria',Georgia,serif;
	font-size:110%;
	font-weight:700;
	color:#336699;
	text-transform:none;
	white-space:nowrap;
}
span.logotype {
	padding-left: 4px;
	}

.logo-plus-sign {
	font-family: 'Open Sans',Verdana,Helvetica,sans-serif;
	font-size: 24px;
	font-weight:bold;
	line-height:1;
	color:#336699;
	position: relative;
	top: -.1em;
}



/* HOME CONTENT
-------------------------------------------------- */
#banner-row {
/* 	margin: 10px 20px 10px; */
	margin: 10px 20px 0px;
	color: #ffffff;
	font-size: 1em;
	font-weight: normal;
	padding-top: 20px;
}
#banner-row p {
	margin-right: 20px;
}
#banner-row span {
	padding-bottom:20px;
	font-size:14px!important;
	font-weight: normal;
	color: #fff;
}

#home-content {
	padding: 0px 30px;
}

.home-text-position {
  position: relative;
  height: 14rem;
  border: 1px solid;
}

.home-text-block {
  position: absolute;
  top: 50%;
  left:50%;
  transform: translate(-50%,-50%);
  border: 1px dashed deeppink;
}
/*to position #marketing-block relative to background slide size */
.carousel-positioning {
	display:table-cell;
}

#marketing-block {
	display:table;

}

.marketing {

}

.marketing > a {
	font-weight:normal!important;

}

.marketing p:first-child {
/* 	padding-top:12px; */
}

.marketing p {
	line-height:1.6;
	text-align:left;
}

.marketing h2:first-child {
	padding-top:18px;
	padding-bottom:0;
}

.marketing h2 {
	font-size:18px;
	line-height:1.2;
	padding-top:0;
	padding-bottom:0;
	letter-spacing:1px;
	text-align:left;
	text-transform:uppercase;
}

#news-block > img {
	display:inline-block;
	max-height:140px;
	padding:10px 20px 10px 0px;
}

#news-block,
#awards-block,
#tweets-block p {
	padding-bottom: 0px;
	font-size:14px;
	line-height:18px;
	font-weight:bold;
	text-transform:none;
	color:#336699;
}
.news-header a:focus,
.news-header a:hover,
.news-block a,
#news-block a:focus,
#news-block a:hover,
#news-block a {
	text-decoration:none;
}
#news-block a {
	line-height: 1.6;
}

#news-block > div {
	margin-bottom:1em;
}

.news-item {
	padding: 0px 10px 6px 0px;
	font-weight: 400!important;
}

.news-item a {
	font-weight: 400!important;
	color:inherit;
}

.news p:first-child {
	padding-top:24px;
}

.marketing p:last-child {
	padding-bottom:24px;
}

.featured-marketing {

}

.featured-marketing p {
	font-size:18px;
	line-height:1.8;
	font-weight:normal;
	text-align:left;
	padding-top:38px;
}

.featured-flex {
	display:flex;
/* Flex layout so items have equal height  */
	flex-flow:row wrap;
/* Allow items to wrap into multiple lines */
}

.featured-flex-item {
	display:flex;
/* Lay out each item using flex layout */
	flex-flow:column;
/* Lay out item?s contents vertically  */
}

.featured-flex-item > button {
	margin-top:auto;
/* Auto top margin pushes button to bottom */
}

.featured-flex-item > img {
	order:-1;
/* Shift image before other content (in visual order) */
	align-self:center;
/* Center the image cross-wise (horizontally) */
}
.header-link a{
	color:#336699;
}


/* Attorney Bio Pages
------------------------ */
/* Sets minimum height for bio pages with less content */

.min-height-728 {
	min-height: 728px;
}

.bio-tabs {
	padding-top: 10px;
	text-transform: uppercase;
	font-weight: 700;
	font-size: .875em;
	letter-spacing: .125em;
	color:#336699;
}

#matters-tab.bio-tab button {

}

.nav-tabs .nav-link {
	margin-bottom: -1px;
	background: 0 0;
	border: 1px solid transparent;
/*
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem;
*/
	border-radius: 0;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	color: #999;
	background-color: #fff;
/*     border-color: #dee2e6 #dee2e6 #fff; */
	border: none;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
	background-color: #ddd;
	border-color: none;
/*     border-color: #e9ecef #e9ecef #dee2e6; */
	isolation: isolate;
}

#bio-matters-tabs.nav-tabs {
	border-bottom: none;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	color: #999999;
	cursor: default;
	background-color: #ffffff;
	border: none;
}
.nav-tabs .nav-link {
	margin-bottom: -1px;
	background: 0 0;
	border: 1px solid transparent;
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem;
}
.nav-link {
	display: block;
	padding: .5rem 1rem;
	text-decoration: none;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.nav-tabs > li {
	border: 1px solid #dddddd;
}

.nav-tabs > li:first-child {
	margin-right: 20px;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	color: #999999;
	cursor: default;
	background-color: #ffffff;
	border: none;
}
.nav-tabs > li > a {
	margin-right: 2px;
	line-height: 1.428571429;
	border: none;
	border-radius: 4px 4px 0 0;
}

#About-bio {
	margin-top: 20px;
}

#Matters-bio .panel {
	margin-top: 0px;
	padding-top: 0px;
}

.attorney-img img,
#boxshadow {
  position: relative;
  -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0,0.2);
  -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .2);
  box-shadow: 1px 2px 4px rgba(0, 0, 0, .2);
  padding: 0px;
  background: transparent;
}

/* Make the image fit the box */
.attorney-img img,
#boxshadow img {
  width: 100%;
  border: 1px solid #ddd;
  border-style: inset;
}

.attorney-img img::after,
#boxshadow::after {
  content: '';
  position: absolute;
  z-index: -1; /* hide shadow behind image */
  -webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
  box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
  width: 70%;
  left: 15%; /* one half of the remaining 30% */
  height: 100px;
  bottom: 0;
}


.attorney,
.people,
.attorney-featured,
.people-featured,
.attorney-contact,
.people-contact {
	text-align:left;
}


.attorney p,
.people img {
	line-height:1.4;
	margin-left:30px;
}

.attorney-name,
.people-name {
	color:#333;
	font-size:24px;
	line-height:1.2;
	padding-top:118px;
	margin-bottom:20px;
}

.attorney-title,
.people-title {
	color:#999;
	font-size:18px;
	line-height:1.2;
}

.attorney-contact,
.people-contact {
	border-top:1px solid #fff;
	color:#333;
	margin:20px 0 20px 20px;
	padding:20px 0;
}

.attorney-contact p,
.people-contact p {
	font-size:14px;
	line-height:1.4;
	margin-top:10px;
}

.attorney-contact a,
.people-contact a {
	font-size:14px;
	line-height:1.8;
	color:#369;
}

.attorney-featured,
.people-featured {
	font-size:18px;
	line-height:1.8;
	font-weight:400;
	margin:20px 0 0 10px;
	padding:38px 0 20px 10px;
	margin:0;
}

/* Added for Scott's bio exp */

.attorney-header-wrapper {
  width: 100%;
}
.attorney-header-wrapper::after {
  clear: both;
  }
.attorney,
.people {
/*   margin: auto; */
  padding: 20px 10px 0px 10px;
  text-align: left;
}

.attorney h4, h5,
.people h4, h5{
  margin-left:0px;
  padding-left:0px;
  text-align: center;
}

.attorney-img {
	text-align: center;
	padding: 38px 0px 0px 0px;
}

.attorney img,
.people img {
  border-top: 1px solid #eeeeee;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #999999;
  border-left: 1px solid #eeeeee;
}

.attorney-img img {
	width:100%;
	max-width:190px;
	height:auto;
}

.attorney p,
.people img {
  line-height: 1.4;
}

.attorney-name,
.people-name {
  color: #333333;
  font: 24px/1.2 'open_sansregular', 'Helvetica Neue', Helvetica, sans-serif;
  padding-top: 40px;
  margin-bottom: 20px;
/*   margin-left: 20px; */
}

.attorney-title,
.people-title {
  color: #999999;
  font: 18px/1.2 'open_sansregular', 'Helvetica Neue', Helvetica, sans-serif;
}

.attorney-contact,
.people-contact {
  color: #333333;
  padding: 0px 0px 14px;
}

.attorney-contact p,
.people-contact p {
  font: 14px/1.4 'open_sansregular', 'Helvetica Neue', Helvetica, sans-serif;
  margin-top: 10px;
}

.attorney-contact a,
.people-contact a {
  font: 14px/1.8 'open_sanssemibold', 'Helvetica Neue', Helvetica, sans-serif;
  color: #336699;
}

.attorney-featured,
.people-featured {
  font: 18px/1.8 'open_sansregular', 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: normal;
  margin: 20px 0 0 10px;
  padding: 38px 0 20px 10px;
  text-align: right!important;
  margin: 0;
}

.attorney-stats {
	padding-bottom: 20px;
	padding-left: 10px;
/*	position: absolute;
	bottom: 0;
	padding-bottom: 40px;
	padding-left: 20px;
	margin-left: 20px;
*/
}

.stats,
.attorney-stats ul {
  list-style-type: none;
  padding-left: 0px;
  margin-left: 0px;
}

.stats ul li {
  padding: 8px 0px;
}

.attorney-stats ul li {
  padding: 0px 0px 6px;
}

.attorney-stats ul li:last-child {
  margin-bottom: 10px;
}

.attorney-stats h3, h4, h5, p, a {
/*
  margin: 0px auto;
  padding-top: 0px;
*/
}

/*
.bio h4, h5,
.attorney-contact h4, h5,
.attorney-stats h4, h5 {
  padding: 14px 0px 0px;
  text-align: left;
  letter-spacing: 1px;
  color: #336699;
  text-transform: uppercase;
  font-size: 12px;
}
*/
.oz-list > h4, h5,
.bio h4, h5,
.attorney-contact h4, h5,
.attorney-stats h4, h5 {
  padding: 10px 0px 4px;
  text-align: left;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight:bold;
  color: #333333;
}
.stats h5:first-of-type {
	padding-top: 20px;
}

.bio-list {
}

.bio-list ul {
  list-style-type: none;
}

.bio-list ul li {
  padding: 10px 0px;
}

.bio-list ul li::before {
  content: "?";
  color: #336699;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
.oz-list .list-group-item h4,h5 {
	letter-spacing: normal;
/* 	text-transform: none;
	font-size: 14px;*/
}
.bio .panel {
	padding-top: 0px;
}
.panel h3 {
	font-size: 16px;
}

/* CUSTOMIZE BACKGROUNDS
-------------------------------------------------- */

.transparent {
	background-color:rgba(255,255,255,0.8);
/*-moz-box-shadow: 0 0 10px #333333; -webkit-box-shadow: 0 0 10px #333333; box-shadow: 0 0 10px #333333; */
}

.opaque {
	background-color:#fff;
}

.dark {
	background-color:#333;
}

#bg {
	background-color:#369;
	position:fixed;
	top:-1%;
	left:-1%;
	width:101%;
	height:101%;
	z-index:-1;
}

#bg img {
	position:absolute;
	top:130px;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	min-width:100%;
	min-height:100%;
}

.bg {

  /* Full height */
  height: 100%;

  /* Center and scale */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.fixed-bg {
  min-height: 500px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/*  individual background images */
.books {
	background-image: url("/assets/img/Books.webp");
	height: 100%;
	background-attachment: fixed;
	background-position: left;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 20%;
}

.digital {
	background-image: url("/assets/img/Digital.webp");
	height: 100%;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 50%;
}

.director {
	background-image: url("/assets/img/Director.webp");
	height: 100%;
	background-attachment: fixed;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
/* 	padding-top: 120px; */
	padding-bottom: 50%;
}

.loc {
	background-image: url("/assets/img/LOC.webp");
	height: 100%;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom:30%;
}

.studio {
	background-image: url("/assets/img/Studio.webp");
	height: 100%;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 30%;
}

#page-content,
#directory-content {
	position:relative;
	z-index:2;
}

#directory-content {
	padding-top: 5%;
	padding-bottom: 16%;
	background-color: rgba(235,235,235,0.3);
}

.spacer {
/*Used with .row to space content from header */
	margin:40px 0 20px;
}

.middle {
	vertical-align:middle;
}



/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
.carousel-fade .carousel-item {
	opacity: 0;
	transition-duration: .9s;
	transition-property: opacity;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
	opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
	opacity: 0;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
	transform: translateX(0);
	transform: translate3d(0, 0, 0);
}
.carousel-positioning {
	height: 360px;
	min-height: 360px;
}

.carousel-caption {
	position: absolute;
	top: 30%;
	padding-top: 0;
	padding-bottom: 0;
	color: #ffffff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.carousel-caption h1 {
	text-align:center;
	}

.carousel-caption-container {

	}

.carousel-fade .carousel-inner .item {
	opacity: 0;
	transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
	opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}
.carousel-fade .carousel-control {
	z-index: 2;
}
@media all and (transform-3d),
(-webkit-transform-3d) {
	.carousel-fade .carousel-inner > .item.next,
	.carousel-fade .carousel-inner > .item.active.right {
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	.carousel-fade .carousel-inner > .item.prev,
	.carousel-fade .carousel-inner > .item.active.left {
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	.carousel-fade .carousel-inner > .item.next.left,
	.carousel-fade .carousel-inner > .item.prev.right,
	.carousel-fade .carousel-inner > .item.active {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.item:nth-child(1) {
	background: url("https://oandzlaw.com/assets/img/Director.webp") no-repeat center top fixed;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.item:nth-child(2) {
	background: url("https://oandzlaw.com/assets/img/Digital.webp") no-repeat center center fixed;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.item:nth-child(3) {
	background: url("https://oandzlaw.com/assets/img/LOC.webp") no-repeat center center fixed;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.carousel {
	z-index: -99;
}
.carousel .item {
	position: fixed;
	width: 100%;
	height: 100%;
/*     max-height:50%; */
}
.title {
  text-align: center;
  margin-top: 20px;
  padding: 10px;
  text-shadow: 2px 2px #000;
  color: #FFF;
}

/* Attorney Directory
-------------------------------------------------- */



/* Thumbnails
----------------------- */
.thumbnail,.img-thumbnail {
	padding:4px;
	line-height:1.428571429;
/*background-color: #ffffff;*/
	border:1px solid #ddd;
	border-radius:4px;
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}

.thumbnail {
	/* height:396px; */
	height:auto;
	display:block;
/*background-color: #dddddd;*/
	text-align:center;
	margin-bottom:1px;
}

.thumbnail p {
	display:block;
	border-bottom:1px solid #fff;
	font-size:13px;
	margin-bottom:0;
	padding:0 0 4px;
}

.thumbnail > img,.img-thumbnail {
	display:inline-block;
	height:auto;
	max-width:70%;
}

a.thumbnail:hover,a.thumbnail:focus {
	border-color:#369;
}

.thumbnail > img {
	margin-right:auto;
	margin-left:auto;
	margin-top:20px;
	border-top: 1px solid #dddddd;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #eeeeee;
}

.thumbnail .caption {
	padding:6px 2px;
	color:#333;
}

.thumbnail a {
	line-height:1.8;
}

.thumbnail a:hover,.thumbnail a:focus {
	color:#fff;
	text-decoration:none;
	background-color:#369;
	padding:3px;
}

.thumbnail h3 {
	margin-bottom: 20px;
	color:#666666;
	font-size:16px;
	font-weight:bold;
}

.thumbnail h4 {
	color:#666;
	font-size:12px;
	font-weight:400;
}

.thumbnail .well {
}

.col-thumbnail {
	min-height:1px;
	max-width:180px;
	padding:2px;
	position:relative;
/* 	margin:auto; */
}
/* professionals directory has fewer people and two-line names, so duplicating .col-thumbnail and .thumbnail h3 for temporary adjusting */
.col-thumbnail-pro {
	min-height:1px;
	/* max-width:180px; */
	padding:2px;
	position:relative;
/* 	margin:auto; */
}
.thumbnail-pro h3 {
	margin-bottom: 0px;
	color:#666666;
	font-size:16px;
	font-weight:bold;
}

.well {
	padding:6px 0 0;
	margin-top:6px;
}

.well-sm {
	max-width:160px;
}

/* Panel Lists: News, Services, Clients, Cases, Bio-Notable
------------------------- */
.panel,
.news-panel {
	background-color:#ffffff;
	border:none;
/* 	padding: 10px 15px 0px; */
	padding: 10px 0px;
	margin-bottom: 0px;
}
.panel-heading {
	padding: 10px 15px 30px;
	margin: -15px -15px 15px;
	background-color: #ffffff;
	border-bottom: 1px solid #dddddd;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}
.accordion-toggle h3 {
	line-height:24px;

}


/*News Page accordion panels*/
.panel-news-item {
	padding: 0px 10px 6px 0px;
	font-weight: 400!important;
}

.panel-news-item a {
	font-weight: 400!important;
	color:#333333;
}
.panel-news-item a:hover {
	color:#336699;
	text-decoration:underline;
}

.news-block {
	margin: 0px 30px;
}

.news h3 {
	font-size: 1.2em;
	font-weight: normal;
	color:#333333;
}

.panel-body {
	padding-bottom:20px;
}

.panel-text {
	padding: 0px 30px;
	max-width:900px;
}
.panel-heading .accordion-toggle {
	float: left;
	position: relative;
	padding-left: 2em;
}
.panel-heading .accordion-toggle:after {
	/* symbol for "opening" News page panels */
	font-family: 'Glyphicons Halflings';
	content: "\e114";
	color: #336699;
	font-size: 70%;
	position: absolute;
	left: 0;
	}

/*
.panel-heading .accordion-toggle:after {
	font-family: 'Glyphicons Halflings';
	content: "\e114";
	color: #336699;
	font-size: 70%;
	position: absolute;
	left: .5em;
	bottom: 50%;
	margin-top: -10px;
	padding-top:6px;

	}
*/

/*
.panel-heading .accordion-toggle:after {
	font-family: 'Glyphicons Halflings';
	content: "\e114";
	color: #336699;
	float: left;
	padding-right: 20px;
	font-size: 70%;
	padding-top: 6px;
}
*/

.panel-heading .accordion-toggle.collapsed:after {
	/* symbol for "collapsed" News page panels */
	content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

.panel .small-text {
	font-size: .875em;
	line-height: 1.5em;
}

.panel-right {
	margin:0 20px 0 0;
}

.panel-left {
	margin:0 0 0 20px;
}

.panel .list-group {
	padding-left:20px;
	margin-bottom:20px;
/* 	background-color:#fcfcfc; */
}

.panel .list-group-item {
	position:relative;
	display:block;
	padding:16px 0px;
	margin-bottom:-1px;
	border-top:1px solid #ccc;
	border-right:none;
	border-bottom:none;
	border-left:none;
}

.panel .list-group-item:first-child {
	padding-top:0px;
	border-top-right-radius:0;
	border-top-left-radius:0;
	border-top:none;
}

.panel .list-group-item:last-child {
	margin-bottom:0px;
	padding-bottom:0px;
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
	border-bottom:none;
}

.panel .list-group-item > .badge {
	float:right;
	margin-right:-15px;
}

.panel .list-group-item-heading {
	margin-top:0;
	margin-bottom:5px;
}

.panel .list-group-item-text {
	margin-bottom:0;
	line-height:1.3;
}

#accordion.panel-title {
}

#accordion.panel-group {
	padding-bottom: 60px;
}

#accordion.panel-heading:last-child {
	border-bottom:none!important;
}

/* News Page addition
------------------------- */
#bingo {
	background-color:aqua;
}


#awards img {
	display: inline-block;
	max-height: 130px;
	width: auto;
	}
/*
#awards-block.awards img {
	height: auto;
	max-width: 300px;
}

.awards img {
	display: inline-block;

	max-height: 160px;
	width: auto;

	padding: 0px 10px;
}
*/


#news-page-links.panel.list-group-item {
	padding: 20px 30px 10px 15px;
}

#news-page-links ul li {
	padding: 20px 30px 10px 15px;
}

#news-page-links span {
	margin: 0!important;
}

.break-like-this {
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.dont-break-out {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}

.news-item.panel-heading {
	padding: 20px 15px 30px;
	margin: -15px -15px 15px;
	background-color: #ffffff;
	border-top: 1px solid #dddddd;
	border-bottom: none;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}

.news-items ul li::before {
	font-family: 'Glyphicons Halflings';
	content: "\e114";
	color: #336699;
	font-size: 70%;
	position: absolute;
	left: 0;
}
li.list-group-item a,
li.list-group-item a:hover,
li.list-group-item a:focus {
	text-decoration: none;

	}


/* Footer
------------------------- */

/* Wrapper for page content to push down footer
	Pad top by header height and bottom by footer height */
#wrap {
	height:auto!important;
	margin: 0 auto;
	padding:100px 0 0;
}
/* Temporary- #wrap was eliminated on index, so padding removed to accommodate anniversary banner */
#wrap-index {
	padding:0;
}

#wrap-push {
	height:30%;
	margin: 0;
	padding:100px 0 0;
}

/* Sets the fixed height of the footer */
#footer {
/* 	height:100px; */
	width: 100%;
	background-color:#fff;
	z-index:5;
}
.feet,
.socks {
	display:inline-block;
	}

.footer-content {
	display: flex;
/* 	position: relative; */
	line-height:1.6;
/* 	margin: 0px 16px; */
	}
.footer-content > span {
	display:inline-flex;
	position: relative;
	float: left;
}
.footer-home {
	position: fixed;
	width: 100%;
	bottom: 0px;
}

.footer-sticky-bottom {
	position: fixed;
	bottom: 0;
}

.footer-position {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
}

.bottom-border {
	border-bottom: 4px solid #ddd;
}

.container-fluid.footer-content {
	background-color:#fff;
}

.footer-content p {
	background-color: #fff;
	color: #9c9c9c;
	font-size: 10px;
	font-weight: 100;
	padding: 16px 0px 0px;
	text-align: center;
	text-transform: uppercase;
}

.footer-caret {
	display:inline-block;
	width:0;
	height:0;
	margin-left:2px;
	vertical-align:middle;
	border-right:4px solid transparent;
	border-bottom:4px solid #369;
	border-left:4px solid transparent;
	content:"";
}

.top-rule {
	border-top:1px solid #ddd;
}


/*
	Bootstrap 4 Breakpoints
// X-Small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// X-Large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

// XX-Large devices (larger desktops, 1400px and up)
@media (min-width: 1400px) { ... }
*/

/* RESPONSIVE CSS
-------------------------------------------------- */


	.ribbon img {
		max-height: 150px;
	}
	.ribbon-text p {
		/* padding: 0px 20px 10px; */
		font-size:14px;
		color:#fff;
		}

@media (max-width: 576px) {
	.ribbon img {
		height: auto;
		max-width:576px;
		/* width:100%; */
	}
	.ribbon-text p {
		font-size:14px;
	}
	.ribbon {
		text-align:right;
	}

	.ribbon.d-flex {
		display:block!important;
	}

}
@media (min-width:577px) {

}

@media (max-width: 767.98px){


	.books,
	.digital,
	.director,
	.loc,
	.studio {
		height:auto;
	}
	.director {
		padding-top: 220px;
	}

	.transparent {
		background-color: rgba(255,255,255,0.9);
	}


	/* Wrapper for page content to push down footer */
	#wrap {
		height:auto!important;
		margin: 0 auto;
		padding:0px 0 0;
	}
	.text {
	padding: 6px;
	margin-left: 0px;
	}
	#directory-content,
	#page-content {
	padding-top: 110px;

}
	#page-content.news-page {
	padding-top: 0px;
}
/* Adds line breaks in footer text */
.line-break::after {
	content:"\a";
	white-space:pre;
}
	.footer-sticky-bottom {
		position: relative;
	}

	.footer-position {
		position:relative;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.footer-home {
		position:relative;
	}

	.socks {
		display:none;
	}

	.address-pipe {
		display:none;
	}

	.dropdown-menu{
		max-height: 320px;
		overflow-y: auto;
	}

	.logo-bar {
/*
		display:block;
		position:relative;
*/
		height:50px;
		width:100%;
		margin-top:60px;
		background-color:#369;
		padding:3px 0;
		text-align:center;
		z-index:5;
	}

	#banner-row {
		margin: 0px;
	}

	#home-content {
		padding: 0px;
	}

	.carousel-positioning {
		height:210px;
		min-height:210px;
	}

	.carousel-caption {
		top:25%;
	}

	.carousel .item {
		overflow:visible;
	}

	.carousel img {
		position:relative;
		top:0;
		left:0;
		width:auto;
		min-height:320px;
		overflow:visible;
	}

	.carousel > h1 {
		font-size:18px;
	}

	.carousel-control.right,
	.carousel-control.left {
		display:none;
	}
	.news,
	.marketing p {
		margin: 0px 12px;
	}

	.attorney-stats {
	padding-bottom: 20px;
	padding-left: 0px;
	}

	.attorney,
	.people {
		margin: auto;
/* 	    margin-top: 100px; */
		padding: 0px 20px;
		text-align: left;
	}

	.attorney-name,
	.people-name {
		padding: 20px 0px 0px 10px;
		margin-left: 4px;
	}

	.attorney,
	.people,
	.attorney-featured,
	.people-featured,
	.attorney-contact,
	.people-contact {
		text-align:left;
	}
	.panel-heading {
	padding: 10px 15px 30px;
	margin: -15px -15px 15px;
	border-bottom: none;
	}
	.nav-tabs > li:first-child {
	margin-right: 0px;
	}
	.awards img {
	height: auto;
	max-height: 130px;
	max-width: 300px;
	margin-top: 20px;
	margin-right: 20px;
	}

	#awards img,
	.featured-content.awards img {
	display: inline-block;
	max-width: 320px;
	height: auto;
	max-height: 130px;
	}

	/**/
	.featured-first {
	margin-top:100px;
	}

	.panel .list-group {
	padding-left:0px;
	}

}


@media(min-width:768px){
/*
	ribbon-text-sm-xs {
		display:none;
	}
*/

	.nav-justified {
	width:inherit;
	margin:0 auto;
}

	.narrow-results{
		display:block;
		}

/* Pad the edges of the mobile views a bit less */
	.marketing,
	.news {
		padding:0px;
	}

	.carousel-caption {
		top:25%;
	}

	.carousel-positioning {
		height:320px;
		min-height: 320px;
	}

	.footer-sticky-bottom {
		position: relative;
	}

	.footer-position {
		position:relative;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.footer-home {
		position:relative;
	}
	.awards {
	text-align: left;
/* 	padding: 20px 20px 20px 0px; */
	}

#awards-block.awards img {
	max-height:160px;
	}
	
.awards img::first-child {
	padding-left:20px;
}

.awards img {
	display: inline-block;
	max-height: 160px;
	width: auto;
	margin-right:20px;
	padding: 0px 20px 30px 0px;
	}
}

@media(max-width:1028px){

	.carousel-positioning {
	/* height:360px;
	min-height: 360px; */
	height:300px;
	min-height: 300px;
	}

	.footer-sticky-bottom {
		position: relative;
	}

	.footer-position {
		position:relative;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.footer-home {
		position:relative;
	}

}

@media(min-width:992px){

	.carousel-caption {
		top:25%;
	}

	.carousel-positioning {
	/* height:360px;
	min-height: 360px; */
	height:300px;
	min-height: 300px;
	}

	.footer-sticky-bottom {
		position: fixed;
	}

	.footer-position {
		position:fixed;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.footer-home {
		position:fixed;
	}


}
@media(min-width:1200px){

	.carousel-caption {
		top:30%;
	}

	.carousel-positioning {
		/* height:360px;
		min-height: 360px; */
		height:300px;
		min-height: 300px;
	}

	.footer-sticky-bottom {
		position: fixed;
	}

	.footer-position {
		position:fixed;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.footer-home {
		position:fixed;
	}


}
@media(min-width:1400px){
	.carousel-positioning {
		/* height:480px;
		min-height: 480px; */
		height:360px;
		min-height: 360px;
	}




}