/* Table of Contents

1. GENERAL PAGE ELEMENTS/STYLING
  A. Elements
  B. Styles
  C. Spacing etc
  D. Map Overlay

2. SITE ELEMENTS
  A. Nav
  B. section
  C. Heroes
  D. Calendar

3. PER PAGE
  A. Index
  B. About
  C. Neutrals
     I. Neutral Bio Pages
        a.
  D. Schedule
  E. Training
     I. FAQ
     II. Training Class Info
     III. Text Over Image
     IV. Cart
  F. Facilities
  G. Contact
  H. Mediation
  I. Arbitration
  J. CLE Seminars
  K. Directions
  l. Help
  M. Policies
  N. Forms
     I. Date Request
  O. Expertise (not just a page)

4. OVERRIDING BOOTSTRAP

*/

.quicklaunch-hide {display: none;}

/********** GENERAL PAGE ELEMENTS/STYLING **********/

/******** Elements ********/
h1,h2,h3,h4 {font-family: 'Roboto Slab', serif; }
/******** /Elements ********/

/******** Styles ********/
.dark {color:white; background: url("../img/bg_dark.png"); }
.dark .page-header a {color: white;}
.light { background: url("../img/bg_light.png"); }
.light .page-header {border-bottom: 1px solid #D7D8D3;}
.blue-bg {background-color: #325D88; color: white;}
.gold-bg {background-color: goldenrod; color: white;}
.gray-bg {background-color: #ccc; color: black;}

.shadow {box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); transition: all 0.3s cubic-bezier(.25,.8,.25,1); }
.shadow:hover {box-shadow: 0 5px 20px rgba(0,0,0,0.19), 0 2px 2px rgba(0,0,0,0.23);}

/* h_card - .card replacement (h for henning... so it doesn't conflict with bootstrap v4 if every implemented) */
.h_card {background-color: white; margin-bottom: 20px; position:relative; border-radius: 2px;}
.h_card-body {padding: 20px;}
.h_card-hero-img {width: 100%; border-top-left-radius: 2px; border-top-right-radius: 2px;}
.h_card-footer {background-color: #efefef; padding: 10px; margin: 0px; bottom: 0px; width: 100%; position: absolute; bottom: 0px; border-radius: 2px;}
/* h_card - .card replacement */

.shadow-inset-light {
  box-shadow: inset  0  8px 8px -8px #bbb,
              inset  0 -8px 8px -8px #bbb;
}
.shadow-inset-dark {
  box-shadow: inset  0  18px 18px -18px #333,
              inset  0 -18px 18px -18px #333;
}

.note {background-color: #FFFFD8; border: 1px solid #CCCCA5; padding: 20px; font-size: 120%;}

/* TO DO ITEMS */
.TODO {background-color: lightyellow; font-size: 16px; }
.TODO::before{content: "[TO DO] "; font-weight: bold;}
/* /TO DO ITEMS */

/* WELLS */
.slatewell {background: SLATEGRAY; color:white; }
.slatewell .glyphicon {color:white;}

.info-well a i {color: #3E3F3A}
/* /WELLS */

/******** /Styles ********/

/******** Spacing etc ********/
.pad-the-top {padding-top:20px;}
.pad-the-top-40 {padding-top: 40px;}

.indented {
  padding: 0px 0px 15px 5%;
}
.text-indent {
  padding-left: 15px;
}
.nopadding {
  padding: 0 !important;
   margin: 0 !important;
 }

 .underlined-header {border-bottom: 1px solid #ccc; padding-bottom: 2px;}
/******** /Spacing etc ********/



/******  Map Overlay ******/
.maps-overlay {
   background:transparent;
   position:relative;
   width:100%;
   height:400px; /* your iframe height */
   top:400px;  /* your iframe height */
   margin-top:-400px;  /* your iframe height */
}
/******  /Map Overlay ****** /

/********** /GENERAL PAGE ELEMENTS/STYLING **********/




/********** SITE ELEMENTS **********/

/******** Nav  ********/

.affix {
  padding:0px;
  -webkit-transition:padding 0.1s linear;
  -moz-transition:padding 0.1s linear;
  -o-transition:padding 0.1s linear;
  transition:padding 0.1s linear;
}
.affix-top {
  padding-top:15px;
  padding-bottom:15px;
  -webkit-transition:padding 0.25s linear;
  -moz-transition:padding 0.25s linear;
  -o-transition:padding 0.25s linear;
  transition:padding 0.25s linear;
}
.navbar-brand {padding: 10px 10px 0px 0px !important;}
.back-to-top {
  cursor: pointer;
  position: fixed;
  bottom: 30px;
  right:30px;
  display:none;
  z-index: 99;
}

.sub-nav {border-top: 1px solid #ddd; padding-top: 10px;}

.whole_site_alert {
  DISPLAY: NONE;  /* This is manually controlled */
  position: fixed;
  top: 100px;
  right:10%;
  left:10%;
  z-index: 99;
  opacity: 0.75;
  filter: alpha(opacity=75); /* For IE8 and earlier */
}
.whole_site_alert i {padding-right: 10px;}
.whole_site_alert:hover {
  opacity: 1;
  filter: alpha(opacity=100); /* For IE8 and earlier */
}
.whole_site_alert .close {
  opacity: 1;
  filter: alpha(opacity=100); /* For IE8 and earlier */
}

/*.nav-button {
  width: 50px;
  font-size: 150%;
  font-weight: normal;
}*/

/******** /Nav  ********/


/******** Sections  ********/

section {
  padding: 100px 0px;
}

footer {
  position: fixed;
  bottom: 0px;
  height: 500px; /* #container margin-bottom */
  background-color:#ccc;
  width:100%;
  padding-top: 150px;
  color:#777;
  z-index: -99;
  display: none;
  background-image: url('../img/gray_jean.png');
}

/* URL New Window Notifier*/
a[target="_blank"]:after {
  font-family: 'FontAwesome';
  content: " \f08e";
  font-size:75%;
  padding-left: 5px;
}
/* URL New Window Notifier*/

.section-a .page-header {border-bottom:1px solid #dedede;}

.section-b {background-color: #eee;}
.section-b hr {border-top: 1px solid #bbb;}
.section-b .page-header {border-bottom:1px solid #dedede;}

.main-container {
	margin-bottom: 400px;
	background-color: white;
	border-bottom:1px solid #aaa;
	box-shadow: 0px 2px 20px #ccc;
}
.sub-section {margin-bottom: 75px;}

/******** /Sections  ********/


/******** Heroes  ********/

.hero-main {
  background-image:url('../img/index-splash.jpg'), linear-gradient(to top, #DBC8B2 0%, #EFF0F4 40%, #AAD2EA 70%, #A1CEE8 100%);
  background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-position: center middle;
  background-attachment: fixed;
  background-repeat: no-repeat;
  min-height: 900px;
  padding-top: 300px;
}

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)
{
    .safari_only {
        background-attachment: scroll !important;
    }
}
/*This is the fix for safari not displaying the splash image correctly - don't mess with spacing (specfically the 'and')*/

.hero-bio {
	background-size: cover;
  background-position: center 0px;
  background-attachment: fixed;
  background-repeat: no-repeat;
  min-height: 900px;
  padding-top: 300px;
}

.hero-bio h1, .hero-mobile h1 {
  text-shadow: 0px 2px 2px #000;
}




/* Temporary QuickLaunch CSS */
.hero-bio-quick-launch {
  background-repeat: repeat;
  min-height: 300px;
  padding-top: 150px;
  /*background-image:url('http://cdn.wonderfulengineering.com/wp-content/uploads/2014/09/blue-wallpaper-21.jpg');*/
}
.hero-bio-quick-launch h1, .hero-bio-quick-launch h1 {
  text-shadow: 0px 2px 2px #000;
}
.quicklaunch-bio-title {
  color:darkgoldenrod;
  text-shadow:0px 2px 2px #ddd;
}
.quicklaunch-panel {
  margin-right:20px;
  width:200px;
}
/* Temporary QuickLaunch CSS */




.hero-secondary {background-attachment: fixed;}
.hero-mobile {
	background-position: center 0px;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 400px;
  padding-top: 50%;
}

.section-hero {margin: -100px 0px 40px 0px; padding: 100px 0px; color: white; text-shadow:0px 0px 4px #000; background-position: center;}

.call-out {
  font-family: 'Roboto Condensed'; 
  color: #555;
}
.call-out-quote {
  font-size:200%;
}
.call-out-attr {
  text-align: right;
  font-size: 150%;
}


/* iPad fixes */
@media only screen and (device-width: 768px) {
  .hero-bio{ background-attachment: scroll !important ;}
  .hero-mobile{ background-attachment: scroll !important;}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  .hero-bio{ background-attachment: scroll !important ;}
  .hero-mobile{ background-attachment: scroll !important;}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  .hero-bio{ background-attachment: scroll !important ;}
  .hero-mobile{ background-attachment: scroll !important;}
}
/* iPad fixes */


.hero-text {
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid #888;
  color: #333;
  font-family: 'Roboto Slab', serif;
  text-align: center;
  padding: 30px;
  font-weight: 100;
  border-radius: 3px;
  }

.hero-name {
  font-size: 250%;
  margin-bottom:-5px;
  font-weight: 400;
}
.hero-subtitle {
  font-size: 120%;
}
.hero-mantra {
  font-size: 150%;
  font-style: italic;
  padding-top: 30px;
}

.hero-footer {
  margin-top:10px;
}

/******** /Heroes  ********/



/******** Calendar  ********/

.cal_main td a {
  display:block;
  width:100%;  
  height: 35px;
  line-height: 35px;
  text-decoration: none;
}

.cal_main td:hover a {
  background-color: rgba(0,0,0,.1);
  text-decoration: none;
}

.cal_main {
  background-color: #efefef;
}

.cal_month td {
  height: 35px;
}

.cal_header {
  color: white;
  background-color: #325D88;
  text-transform: uppercase;
  margin-bottom: 0px;
}

.cal_header a {
  color: white;
  font-size: 65%;
  line-height: 35px;
  text-decoration: none;
}

.cal_title {
  font-weight: bold;
  line-height: 35px;
}

.cal_nav div{
  padding: 0px 5px;
  text-decoration: none;
}

.cal_day_headers {
  background-color: #FFCB2F;
  color: #333;  
  text-transform: uppercase; 
  font-weight: bold;
  font-size: 65%;
  height: 20px;
}

.cal_day {
  border:1px solid #ddd;
}

.cal_day a {
  color: #333;
  text-decoration: none;
}

.cal_booked {
  background-color: #666;  
  color: #444;
}

.cal_pending {
  background-color: #FFEBC0;  
  /*color: #D2691E;*/
}

.cal_today {
  background-color: #666;  
  color: #444;
}

.cal_weekend {
  background-color: #666;  
  color: #444;
}

.cal_past {
  background-color: #666;  
  color: #444;
}

.fm_error{
  color: #bf0000;
  text-align: center;
}

.previousMonth{
  cursor:pointer;
  font-size: 65%;
  padding: 6px !important;
}

.nextMonth{
  cursor:pointer;
  font-size: 65%;
  padding:6px  !important;
}

.sub_cal_info {
  width:315px;
  padding:10px 0px;
  margin:-10px 0px 0px 0px;
}
.cal_legend {
  font-family:verdana;
  font-size:10px;
}
.legend_date_box {
  width:25px; height:25px; display: inline-block; vertical-align: middle; line-height: normal; line-height:25px; text-align:center;
}
.cal_notes {font-size:12px;}

.cal_frame_no_well {padding:10px 0px 0px 0px; min-height:300px;}


/* disabling old legend classes. Remove later. 2020.03.10
.cal-open {background-color:#ccc; color:black;}
.cal-booked {background-color:#666666; color:#444444;}
.cal-pending {background-color:#FFEBC0; color:#D2691E;}
*/


/******** /Calendar  ********/




/******** Expertise divs ********/
.expertise-subs {
  font-size: 115%;
}
.expertise-subs > .selected {
  font-weight:bold;
}
.expertise-subs > .selected a {
  color: #3e3f3a;
}
.expertise-subs > .selected a:hover {
  text-decoration: none;
}

.go_back {
  font-size:40%;
  font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.top_level .go_back {
    display: none;
}
/******** /Expertise divs ********/


/******** Expertise pages ********/

.h-list-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 20px;
}
.h-list-pill {
  background-color: #f0f0f0;
  padding: 8px 15px;
  border-radius: 20px;
  font-size: 14px;
}
.expertise-full-exp-list {
  list-style-type: none;
}
.expertise-full-exp-list a{
  color: #3e3f3a;
}
.expertise-full-exp-list a:hover{
  color: #3e3f3a;
  font-weight: bold;
  text-decoration: none;
}
.testimonials-row {
  display: flex;
  gap: 10px;
}
.testimonial {
  border: 2px rgba(0, 0, 0, 0.4) solid;
  display: flex;
  border-radius: 20px 20px 20px 0px;
  justify-content: center;
  align-self: center;
  flex-direction: column;
  background: linear-gradient(rgba(0, 0, 0, 0.15), rgba(150, 150, 150, 0.3));
  color: #3e3f3a;
  font-size: 1.4rem;
}
/******** Expertise pages ********/




/********** /SITE ELEMENTS **********/









/********** PER PAGE **********/


/******** Index  ********/
.home-icons {font-size: 3em;}

.home-splash {text-shadow: 0px 0px 5px #fff, 0px 0px #fff, 1px 1px #fff; font-size: 175%; padding: 10px; margin-top: -100px; border-radius: 1px;}
.home-splash-tagline {font-weight: 200; opacity: 1; font-family: 'Roboto Condensed'; font-weight: 400; color: #1E2E69}
.home-splash-tagline i {color:#fff; text-shadow: 0px 1px 1px #000;}
.home-splash-tagline .tooltip {color:#fff; text-shadow: 0px 0px 0px #000;}
/*.home-splash-phone a {font-size: 125%; font-weight: 700; color:#fff;}*/

/* Carousel Cards */
.carousel-item {padding-top:10%;}
.carousel-container {background-color:rgba(255, 255, 255, 0.75); padding:50px;}
.carousel-item h4 {font-family: 'Roboto Condensed'; letter-spacing:3px; text-transform:uppercase;}
.carousel-item h1 {font-family: 'Roboto Condensed'; font-weight:600; margin-bottom:20px;  letter-spacing:2px;}
.carousel-item .lead {text-shadow: 0px 0px 4px rgba(255, 255, 255, 1);}
/* Carousel Cards */

.intro-text h1 {font-weight: 600;  font-family: 'Roboto Condensed'}

.circle-150  {border-radius: 50%; width: 150px; height: 150px; padding:12.5px; box-sizing: border-box;}
.circle-mediation {background-color:#1976D2;}
.circle-arbitration {background-color:#00796B;}
.circle-training {background-color:#303F9F;}

/* neutral images */
.home-heads {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
  transition: 0.3s ease-in;
  /*max-width: 500px;*/
  margin-bottom: 20px;
}
.home-heads:hover {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(0%);
  /*transition: .5s ease-in-out;*/
}
.home-heads:hover a {
  color:black;
}
.home-heads-info-index {
  margin-top:-60px;
  height: 60px;
  padding-top:5px;
  text-align: center;
  color: black;
  font-weight: bold;
  background-color: #fff;
  opacity: 0.8;
  font-size: 1.5rem;
}

.home-heads-info-index a{
  color: #555;
}
.home-heads-info-index a .glyphicon {
  color: goldenrod;
  padding: 0px 5px;
  font-size:1.2em;
}

.home-heads-info-sched {
  margin-top:-30px;
  height: 30px;
  padding-top:5px;
  text-align: center;
  color: black;
  font-weight: bold;
  background-color: #fff;
  opacity: 0.8;
}
.home-heads-info-sched a{
  color: #555;
}

.home-heads-savannah {
  margin-top:-30px;
  height: 30px;
  padding-top:5px;
  margin-bottom: 20px;
  text-align: center;
  color: black;
  font-weight: bold;
  background-color: #fff;
  opacity: 0.8;
  font-size: 1.5rem;
}    
.home-heads-savannah a{
  color: #555;
}  

/* neutral images */



/******** /Index  ********/


/******** About  ********/
.staff-img {margin: 10px;}
/******** /About  ********/


/******** Neutrals  ********/

.box{display: none; margin-top: 30px; font-size: 90%;}
.box img {margin: 0px 20px 20px 0px}
.expertise {margin: 10px; font-size: 110%;}

/******* Neutral Bio Pages *******/
.neutral-info {
  background-color: #fff;
  opacity: 0.7;
  margin: 0 auto;
  margin-top: -80px;
  text-align:center;
  position: relative;
  width:100%;
  height: 80px;
  padding-top: 5px;
  margin-bottom: 20px;
}
.neutral-info a {
  color: #000;
}
.neutral-info .glyphicon {
  padding-right: 5px;
}
.neutral-small-title {
  font-size: 110%;
  font-family: 'Roboto Slab', serif;
  padding-top: 10px;
}

.class-testimonial {margin-bottom:100px;}

/* Print layout */
@media print {
   .col-print-1, .col-print-2, .col-print-3, .col-print-4, .col-print-5, .col-print-6, .col-print-7, .col-print-8, .col-print-9, .col-print-10, .col-print-11, .col-print-12 {
        float: left;
   }
   .col-print-12 {
        width: 100%;
   }
   .col-print-11 {
        width: 91.66666667%;
   }
   .col-print-10 {
        width: 83.33333333%;
   }
   .col-print-9 {
        width: 75%;
   }
   .col-print-8 {
        width: 66.66666667%;
   }
   .col-print-7 {
        width: 58.33333333%;
   }
   .col-print-6 {
        width: 50%;
   }
   .col-print-5 {
        width: 41.66666667%;
   }
   .col-print-4 {
        width: 33.33333333%;
   }
   .col-print-3 {
        width: 25%;
   }
   .col-print-2 {
        width: 16.66666667%;
   }
   .col-print-1 {
        width: 8.33333333%;
   }
   .neutral-info {
     margin-top: 0px;
   }
   a[href]:after {
     content: none;
   }
   .neutral-info p:nth-of-type(2) {
       display: none;
   }
   .neutral-info h4 {
     font-size: 1.25vw;
   }
   .page-header h1 {
     text-align: center;
   }
}
/* Print layout */


.bio-header {
  border-bottom: 1px solid darkgoldenrod;
  color: darkgoldenrod;
  padding-bottom: 5px;
}

.bio-panels .nav-stacked {text-transform: capitalize; font-size: 100%; font-weight: normal; color:black;}
.bio-panels .nav-stacked a {color:#3E3F3A;}
.bio-panels .nav-stacked a:hover {color:goldenrod;}

/*Carousel Fade Transition*/


#fade-quote-carousel.carousel .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-inner .active {
  opacity: 1;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}

#fade-quote-carousel.carousel .carousel-indicators {
  bottom: -15px;
}
#fade-quote-carousel.carousel .carousel-indicators > li {
  background-color: #C3A53B;
  border: none;
}

.testimonial {
  padding-bottom: 20px;
  min-height: 175px;
}

.testimonial-client {
  font-weight: bold;
}

.testimonial-firm {
  font-size: .8em;
}

.testimonial-icon {
  color: #ccc;
}

.testimonial-attributes {
  padding-top: 10px;
}

#media-panel i, #contact-panel i, #links-panel i, #rates-panel i, #arb-policy-panel i{
  color:#999;
  padding-right: 8px;
}

.bio-mantra::before {content: open-quote;}
.bio-mantra::after {content: close-quote;}

/****** /Neutral Bio Pages ******/



/******** /Neutrals  ********/


/******** Schedule  ********/
.checkwell {font-size:1.2vh}

.filter-item {
  transition: visibility 0s, opacity 0.5s linear;
  text-align: center;
  margin-bottom: 30px;
}
.filter-item h4 {padding-top: 10px;}
.filter-item h4 a {color:#3E3F3A;}
/* .filter-item was originally .item but that was conflicting with another class */

.compare_names {min-width: 175px;}

.aoe_card {min-height: 335px;}
/*.aoe_card .btn-group-justified {position: absolute; bottom: 0px; margin-bottom: 15px;}*/
/******** /Schedule  ********/


/******** Training  ********/

/****** Training Class Info ******/
/*.class-info h4 {border-bottom: 1px solid #ccc; padding-bottom: 2px;}*/
.class-info h4 a {color: inherit;}
.class-full {text-decoration: line-through; color: #bbb;}
.class-full::after {content: "Full"; color: white; text-decoration: none; display: inline-block; margin-left: 5px; padding: 0px 4px; background-color:#ff3b3b; font-size: 75%; letter-spacing:1px; font-family: 'Roboto Condensed', sans-serif; border-bottom:1px solid #ccc; border-right: 1px solid #ccc;}
.one-left {}
.one-left::after {content: "One Slot Left!"; color: #BF360C; text-decoration: none; display: inline-block; margin-left: 5px; padding: 0px 4px; background-color:#FFEBC0; font-size: 75%; letter-spacing:1px; font-family: 'Roboto Condensed', sans-serif; border-bottom:1px solid #ccc; border-right: 1px solid #ccc;}
.vc-class {}
.vc-class::after {content: "Video"; color: #BF360C; text-decoration: none; display: inline-block; margin-left: 5px; padding: 0px 4px; background-color:#FFEBC0; font-size: 75%; letter-spacing:1px; font-family: 'Roboto Condensed', sans-serif; border-bottom:1px solid #ccc; border-right: 1px solid #ccc;}
.class-info .well {margin-top: 20px;}
.class-civmed::before {content:"Mediation";font-size: 75%; text-transform: uppercase; letter-spacing: 0px; padding-right: 25px; font-family: 'Roboto Condensed', sans-serif;}
.class-civmed {white-space: nowrap;}
.class-civprac::before {content:"Practicum";font-size: 75%; text-transform: uppercase; letter-spacing: -.35px; padding-right: 25px; font-family: 'Roboto Condensed', sans-serif;}
.class-civprac {white-space: nowrap;}
.class-arb::before {content:"Arbitration";font-size: 75%; text-transform: uppercase; letter-spacing: 0px; padding-right: 25px; font-family: 'Roboto Condensed', sans-serif;}
.class-arb {white-space: nowrap;}
.class-probate::before {content:"Probate";font-size: 75%; text-transform: uppercase; letter-spacing: 0px; padding-right: 25px; font-family: 'Roboto Condensed', sans-serif;}
.class-probate {white-space: nowrap;}
.class-pair {margin-bottom: 10px;}
/*.class-img {margin-top:40px;}*/
.orange-text {color:orangered}
/****** /Training Class Info ******/


/****** Cart ******/
.cart-status {
  display: none;
  cursor: pointer;
  position: fixed;
  top: 100px;
  right:30px;
  z-index: 99;
  padding: 10px;
  background-color: #ffffff;
  border: 1px solid #bbb;
  opacity: 0.6;
  filter: alpha(opacity=60); /* For IE8 and earlier */
  font-weight: bold;
}

/* Credit Card Form */
.step {min-height: 450px;} /* delete this? */
.error {color: red} /* delete this? */

#training-reg td {vertical-align: middle; background-color: #fff;}

/* /Credit Card Form */
/****** /Cart ******/


/* Text Over Image */
.text-over-image-container {position:relative; width:100%;} /* width is only here to fix bootstrap/firefox bug */
.text-over-image {position: absolute; bottom:0px; text-align: center !important; width: 100%; /*background-color:rgba(0, 0, 102, 0.6);*/ background-color:rgba(0, 0, 0, 0.75); padding: 10px 0px; }
.text-over-image h1 {padding: 0px; margin: 0px; font-size: 165%; color: white; text-shadow: 0px 0px 4px #000066; /*font-family: 'Roboto Slab', serif;*/}  /*  delete this line if keep all headers with this font */
.text-over-image h1 a:hover {text-decoration: none;}
/* Text Over Image */



/****** FAQ ******/
.faq_question {
  margin: 10px 0px;
  padding: 0px 0px 5px 0px;
  display: inline-block;
  cursor: pointer;
  font-size: 115%;

}
.faq_answer {
  margin:0px 0px 15px 0px;
  padding: 0px;
  font-size: 90%;
}
/****** /FAQ ******/


/******** /Training  ********/


/******** Facilities  ********/
.facility-right-stack {margin-bottom: 20px;}
/******** /Facilities  ********/


/******** Contact  ********/

.contact-info-rows i {color: #3E3F3A;}


/******** /Contact  ********/


/******** Mediation  ********/
/******** /Mediation  ********/


/******** Arbitration  ********/
/******** /Arbitration  ********/


/******** CLE Seminars  ********/
.cle-month {margin-bottom:30px; background-color: white; padding: 10px 10px 30px 10px;}
.cle-month hr {border-color: #8B8D84 !important;}
.cle-month-name {background-color:#585954; padding:10px; color:white; font-size:24px; text-transform:uppercase; margin-bottom: 20px; font-family: 'Roboto Slab', serif;  }
.cle-date {font-size:300%; font-weight:bold; font-family: 'Roboto Slab', serif; margin-top:20px; text-align: center; background-color: #ddd; border:1px solid #ccc;}
.cle-reg-button {padding-top: 20px;}

.cle-card {min-height:550px;}
.cle-card-description {max-height:150px; overflow:auto; margin-bottom: 10px; padding-right:5px;}

/****** CLE Forms  ******/
.base {display: none;}
.Y {display: inline !important; margin-bottom: 20px; }
/****** CLE Forms  ******/

/******** /CLE Seminars  ********/

/******** Directions  ********/
.directions {padding: 3px;}
.directions:hover {background-color: #ddd;}
/******** /Directions  ********/


/******** Help  ********/
.help-faq {margin: 20px 0px; color:#3E3F3A;}
/******** /Help  ********/

/******** Policies ********/
.policy-point {margin-bottom: 15px;}
/******** /Policies ********/

/******** Forms ********/
/***** Date Request *****/
/*** Half Days ***/
/*BOOKED (MATRIX 2)*/
.OOB {color:#bbb}
.OOB label {text-decoration: line-through;}
.OOB::after {content: "Booked"; color: white; text-decoration: none; display: inline-block; margin-left: 5px; padding: 0px 4px; background-color:#ff3b3b; font-size: 75%; letter-spacing:1px; font-family: 'Roboto Condensed', sans-serif; border-bottom:1px solid #ccc; border-right: 1px solid #ccc;}
.OPB {color:#bbb}
.OPB label {text-decoration: line-through;}
.OPB::after {content: "Booked"; color: white; text-decoration: none; display: inline-block; margin-left: 5px; padding: 0px 4px; background-color:#ff3b3b; font-size: 75%; letter-spacing:1px; font-family: 'Roboto Condensed', sans-serif; border-bottom:1px solid #ccc; border-right: 1px solid #ccc;}
.POB {color:#bbb}
.POB label {text-decoration: line-through;}
.POB::after {content: "Booked"; color: white; text-decoration: none; display: inline-block; margin-left: 5px; padding: 0px 4px; background-color:#ff3b3b; font-size: 75%; letter-spacing:1px; font-family: 'Roboto Condensed', sans-serif; border-bottom:1px solid #ccc; border-right: 1px solid #ccc;}
.PPB {color:#bbb}
.PPB label {text-decoration: line-through;}
.PPB::after {content: "Booked"; color: white; text-decoration: none; display: inline-block; margin-left: 5px; padding: 0px 4px; background-color:#ff3b3b; font-size: 75%; letter-spacing:1px; font-family: 'Roboto Condensed', sans-serif; border-bottom:1px solid #ccc; border-right: 1px solid #ccc;}
/*BOOKED (MATRIX 2)*/

/*PENDING (MATRIX 3)*/
.PPP label {}
.PPP::after {content: "Case Pending"; color: #BF360C; text-decoration: none; display: inline-block; margin-left: 5px; padding: 0px 4px; background-color:#FFEBC0; font-size: 75%; letter-spacing:1px; font-family: 'Roboto Condensed', sans-serif; border-bottom:1px solid #ccc; border-right: 1px solid #ccc;}
.OOP label {}
.OOP::after {content: "Case Pending"; color: #BF360C; text-decoration: none; display: inline-block; margin-left: 5px; padding: 0px 4px; background-color:#FFEBC0; font-size: 75%; letter-spacing:1px; font-family: 'Roboto Condensed', sans-serif; border-bottom:1px solid #ccc; border-right: 1px solid #ccc;}
/*PENDING (MATRIX 3)*/

/*AM OPEN & PM BOOKED (MATRIX 4)*/
.PM-OBB {color:#bbb}
.PM-OBB label {text-decoration: line-through;}
.PM-OBB::after {content: "Booked"; color: white; text-decoration: none; display: inline-block; margin-left: 5px; padding: 0px 4px; background-color:#ff3b3b; font-size: 75%; letter-spacing:1px; font-family: 'Roboto Condensed', sans-serif; border-bottom:1px solid #ccc; border-right: 1px solid #ccc;}

.FD-OBB {display: none;}
/*AM OPEN & PM BOOKED (MATRIX 4)*/

/*AM OPEN & PM PENDING (MATRIX 5)*/
.PM-OPP label {}
.PM-OPP::after {content: "Case Pending"; color: #BF360C; text-decoration: none; display: inline-block; margin-left: 5px; padding: 0px 4px; background-color:#FFEBC0; font-size: 75%; letter-spacing:1px; font-family: 'Roboto Condensed', sans-serif; border-bottom:1px solid #ccc; border-right: 1px solid #ccc;}

.FD-OPP label {}
.FD-OPP::after {content: "Case Pending"; color: #BF360C; text-decoration: none; display: inline-block; margin-left: 5px; padding: 0px 4px; background-color:#FFEBC0; font-size: 75%; letter-spacing:1px; font-family: 'Roboto Condensed', sans-serif; border-bottom:1px solid #ccc; border-right: 1px solid #ccc;}
/*AM OPEN & PM PENDING (MATRIX 5)*/

/*AM BOOKED & PM OPEN (MATRIX 6)*/
.AM-BOB {color:#bbb}
.AM-BOB label {text-decoration: line-through;}
.AM-BOB::after {content: "Booked"; color: white; text-decoration: none; display: inline-block; margin-left: 5px; padding: 0px 4px; background-color:#ff3b3b; font-size: 75%; letter-spacing:1px; font-family: 'Roboto Condensed', sans-serif; border-bottom:1px solid #ccc; border-right: 1px solid #ccc;}

.FD-BOB {display: none;}
/*AM BOOKED & PM OPEN (MATRIX 6)*/

/*AM BOOKED & PM PENDING (MATRIX 7)*/
.AM-BPB {color:#bbb}
.AM-BPB label {text-decoration: line-through;}
.AM-BPB::after {content: "Booked"; color: white; text-decoration: none; display: inline-block; margin-left: 5px; padding: 0px 4px; background-color:#ff3b3b; font-size: 75%; letter-spacing:1px; font-family: 'Roboto Condensed', sans-serif; border-bottom:1px solid #ccc; border-right: 1px solid #ccc;}

.PM-BPB label {}
.PM-BPB::after {content: "Case Pending"; color: #BF360C; text-decoration: none; display: inline-block; margin-left: 5px; padding: 0px 4px; background-color:#FFEBC0; font-size: 75%; letter-spacing:1px; font-family: 'Roboto Condensed', sans-serif; border-bottom:1px solid #ccc; border-right: 1px solid #ccc;}

.FD-BPB {display: none;}
/*AM BOOKED & PM PENDING (MATRIX 7)*/

/*AM PENDING & PM OPEN (MATRIX 8)*/
.AM-POP label {}
.AM-POP::after {content: "Case Pending"; color: #BF360C; text-decoration: none; display: inline-block; margin-left: 5px; padding: 0px 4px; background-color:#FFEBC0; font-size: 75%; letter-spacing:1px; font-family: 'Roboto Condensed', sans-serif; border-bottom:1px solid #ccc; border-right: 1px solid #ccc;}

.FD-POP label {}
.FD-POP::after {content: "Case Pending"; color: #BF360C; text-decoration: none; display: inline-block; margin-left: 5px; padding: 0px 4px; background-color:#FFEBC0; font-size: 75%; letter-spacing:1px; font-family: 'Roboto Condensed', sans-serif; border-bottom:1px solid #ccc; border-right: 1px solid #ccc;}
/*AM PENDING & PM OPEN (MATRIX 8)*/

/*AM PENDING & PM BOOKED (MATRIX 9)*/
.AM-PBB label {}
.AM-PBB::after {content: "Case Pending"; color: #BF360C; text-decoration: none; display: inline-block; margin-left: 5px; padding: 0px 4px; background-color:#FFEBC0; font-size: 75%; letter-spacing:1px; font-family: 'Roboto Condensed', sans-serif; border-bottom:1px solid #ccc; border-right: 1px solid #ccc;}

.PM-PBB {color:#bbb}
.PM-PBB label {text-decoration: line-through;}
.PM-PBB::after {content: "Booked"; color: white; text-decoration: none; display: inline-block; margin-left: 5px; padding: 0px 4px; background-color:#ff3b3b; font-size: 75%; letter-spacing:1px; font-family: 'Roboto Condensed', sans-serif; border-bottom:1px solid #ccc; border-right: 1px solid #ccc;}

.FD-PBB {display: none;}
/*AM PENDING & PM BOOKED (MATRIX 9)*/
/*** Half Days ***/
/***** Date Request *****/
/******** Forms ********/

/********** /PER PAGE **********/




/********** OVERRIDING BOOTSTRAP **********/
.btn, .panel, .panel-heading, .nav-pills>li>a, .tooltip-inner, .modal-content, input, select, .list-group-item, .well, .img-thumbnail, .dropdown-menu, textarea {border-radius: 0px !important;}

.list-group-item {padding:10px 15px !important;}

.table-dark-gray thead {
  background-color: #3E3F3A;
  color: white;
  border: 1px solid #3E3F3A;
}
.table {
  border: 1px solid #3E3F3A;
  background-color: white;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
   border: 1px solid #3E3F3A;
}


body.modal-open-noscroll
{
    padding-right: 0!important;
    overflow: hidden;
}
.modal-open-noscroll .navbar-fixed-top, .modal-open .navbar-fixed-bottom
{
      padding-right: 0!important;
}

.page-header a {color:#3E3F3A;}

.panel-title {font-family: 'Roboto', sans-serif;} /* This is needed since I change all headers to roboto slab */

.btn-white:hover, .btn-white:focus {color:slategray;} /* used on area of expertise divs */


/* Panel Gray */
.panel-gray{border-color:#3E3F3A; background-color:#efefef;}
.panel-gray>.panel-heading{color:#ffffff;background-color:#3E3F3A;border-color:#3E3F3A}
.panel-gray>.panel-heading+.panel-collapse>.panel-body{border-top-color:#3E3F3A}
.panel-gray>.panel-heading .badge{color:#ffffff;background-color:#3E3F3A}
.panel-gray>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#3E3F3A;}
.panel-gray>.panel-footer { background-color: #D6D6D6;}
/* Panel Gray */

/* Nav Font Size Changes - RC changes - Issue #83 */
.navbar a {font-size: 1.2em !important; font-family: 'Roboto Condensed', sans-serif !important; color: white !important; letter-spacing: .75px;}
.dropdown-menu>li>a  {font-size: 1em !important; font-family: 'Roboto Condensed', sans-serif !important; color: #98978b !important;}
/* Nav Font Size Changes */

/* Nav bg tranparency - RC changes - Issue #83 */
.navbar {background: rgba(0,0,0,0.7) !important;}
/*.nav a:hover {background-color: red !important;}*/
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {background-color: rgba(0,0,0,.0);}
.navbar .nav>li>a {text-shadow: 0px 0px 3px rgba(0, 0, 0, 1);}
/* Nav bg tranparency */

/*Center nav items - RC changes - Issue #83 */
@media (min-width: 768px) {
  .navbar .navbar-nav {display: inline-block; float: none; vertical-align: top;}
  .navbar .navbar-collapse {text-align: center;}
}
/*Center nav items*/

/********** /OVERRIDING BOOTSTRAP **********/