@charset "UTF-8";
/* CSS Document */
/*
Item Name : RC3 Styles
Author URI : https://sinclairdesignstudio.com
Version : 2.5
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin: 0;padding: 0;border: 0;	outline: 0;font-size: 100%;vertical-align: baseline;background: transparent}
header, section, footer, aside, nav, article, figure {display: block;}
img {max-width:100%;height:auto;border:none}
img a {border:none}
.one-fourth img {margin-right: 4%;margin-left: 4%;}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1;color: black;}
ol, ul {list-style: none;font-family: Arial, Helvetica, sans-serif;font-size: 95%;line-height: normal;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";width:90%;margin:5%}
body {color: #000;-webkit-font-smoothing: antialiased;font-family: "Helvetica Neue",Helvetica,Arial,Sans-serif;font-size: 1em;line-height: 1.4em; background-color: #033649;margin: 0;padding: 0;}
body p {color: #000;font-family:Helvetica,Arial,Sans-serif;font-size: 100%;line-height: 1.4;margin-bottom: 20px;}
ol, ul {list-style: none;}
html { overflow-y: scroll;}
strong, b {font-weight:bold;}
em { font-style:italic; }
big { font-size: 1.17em }
small, sub, sup { font-size: .83em }
p { margin:1.12em 0;}
/* ~~ Element/tag selectors ~~ */
ul, ol, dl {padding: 0;margin: 0;}
h1, h2, h3, h4, h5, h6, p {margin-top: 0;margin-bottom: 5px;padding-right: 15px;padding-left: 15px;font-family: Georgia, "Times New Roman", Times, serif;font-weight: normal;}
h1 {color: #031634;font-size: 2em;line-height:normal;padding-bottom:10px}
h2 {color: #036564;font-size: 1.8em;line-height:normal}
h3 {color: #033649;font-size: 1.5em;}
.sidebar h3 {font-size:1.2em;}
h4 {color: #fff;background: #036564;padding-top: 5px;padding-bottom: 5px;margin: 15px;font-size: 1.3em;}
h5 {color: #031634;font-size: 1.2em;}
h6 {color: #cdb380;font-size: 1em;}
a img {border: none;}
a:link, a:visited {color:#036564;text-decoration: underline;}
a:hover, a:active, a:focus {color: #cdb380;text-decoration: none;}
.page {width: 100% /*was 95%*/;max-width: 1260px;background-color: #f5f0e9;margin: 0 auto;-moz-box-shadow: 0px 0px 6px 8px rgba(20,20,20,0.6);-webkit-box-shadow: 0px 0px 6px 8px rgba(20,20,20,0.6);box-shadow: 0px 0px 6px 8px rgba(20,20,20,0.6);overflow: hidden;}
header {background-color:#000 /*fallback color*/;background: url(../images/header_bg.jpg) no-repeat center top;z-index: 1;background-image: url(../images/header_bg.jpg);min-height:250px;/*background-size: cover;*/}
.logo {float:left;margin: 5px 10px;max-width: 130px;height:auto}
.seal {float:right;margin: 5px 10px;max-width: 130px;height:auto; display:block;/*visibility:visible;*/}
header p {font-family: Georgia, "Times New Roman", Times, serif;font-size: .95em;font-weight: bold;color: #FFF /*#f4e9d3*/;text-decoration:none;line-height: 2em;text-align:center;float:none;clear:both;text-shadow: 1px 1px 2px #000;background-color: rgb(0, 0, 0, 0.0) !important;}
header [disabled=true] {background-color: rgb(0, 0, 0, 1.0)}
header img {padding-top:10px}
.sidebar {float: right;width: 29.499%;padding-bottom: 10px;font-size: 95%;border-left: 1.5pt solid #036564;}
section {clear:both;padding: 10px 0 0 20px;width: 65.001%;float: left;}
section ul, section ol {padding: 0 15px 15px 40px;margin-left: 20px;}
section ol {list-style: decimal outside;}
section ul {list-style: square outside;}
section p:first-of-type {margin-top:20px;}
ul.nav {list-style: none;border-top: 1px solid #cdb380;line-height: 2.5em;margin-bottom: 20px;}
ul.nav li {border-bottom: 1px solid #cdb380;}
ul.nav a, ul.nav a:visited {padding: 5px 5px 5px 15px;display: block;text-decoration: none;background-color: #033649;color: #FFF;font-weight:600}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus {background-color: #036564;color: #cdb380;}
/* Base table styles */
.staff-table {width: 95%;border-collapse: collapse;margin: 1em;}
.staff-table caption {caption-side: top;text-align: center;font-weight: bold;font-size: 1.2em;margin-bottom: 0.5em;margin-top: 1em;}
.staff-table th, .staff-table td {border: 1px solid #ccc;padding: 0.5em;text-align: left;}
.staff-table th {background-color: #333;color: #fff;}
/* Zebra striping for readability */
.staff-table tbody tr:nth-child(even) {background-color: #f9f9f9;}
/* Responsive design: make table horizontally scrollable on small screens */
.table-wrapper {overflow-x: auto;}
.sr-only {position: absolute;width: 1px;height: 1px;padding:0;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
footer {padding: 10px 0;margin: 0 auto;width: 90%;max-width: 1260px;text-align: center;}
footer p {color: #FFF;font-family: Arial, Helvetica, sans-serif;font-size: .75em;margin-top:20px}
footer p.fltlf, footer p.fltrt {float:none;text-align:center}
footer a {color:#CDB380 !important;font-weight:600;}
/*not using button styles since contact form removed
.button a, a.button,.button {color:#FFF;text-decoration:none;background:#cdb380;background-color: #cdb380;font-family:Helvetica,Arial,Sans-serif;font-size: 100%;text-align:center;display:inline-block;-moz-border-radius:10px;-webkit-border-radius:8px;border-radius:8px;-khtml-border-radius:8px;line-height:2.3em;text-shadow:1px 1px 1px #333;box-shadow:3px 3px 3px rgba(157, 157, 157, 0.8);padding: 0 20px;white-space: nowrap;margin-right:30px;width:auto}
.button a:hover,.button a:hover,a.button:hover,.button:hover {color:#031634 !important; text-shadow:none}*/

footer a:hover {color:#FFF}
.alignCenter {text-align: center}
.alignRight {text-align: right}
.alignLeft {text-align: left}
.clearRight {clear:right}
.clearLeft {clear:left}
.fltrt {float: right;margin-left: 8px;}
.fltlft {float: left;margin-right: 8px;}
.fr {float: right;}
.fl {float: left;}
.clearfloat {clear:both;height:0;margin:0;padding:0;}
.one-edge-shadow {-webkit-box-shadow: 0 8px 6px -6px rgba(20,20,20,0.6);-moz-box-shadow: 0 8px 6px -6px rgba(20,20,20,0.6);box-shadow: 0 8px 6px -6px rgba(20,20,20,0.6);}
.shadow {text-shadow: 0px 3px 3px rgba(0,0,0,0.6)}
.boxshadow {-moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);-webkit-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);box-shadow: 5px 5px 5px rgba(68,68,68,0.6)}
.bordershadow {border:#fff 1.5pt solid;-moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);-webkit-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);box-shadow: 5px 5px 5px rgba(68,68,68,0.6)}
.box {width: 95%;margin:2.5%;height: auto;padding: 3px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-khtml-border-radius: 10px;margin-top: 0px;margin-bottom: 8px} 
.bgred {background-color: #DA2028} 
.bgwhite {background-color: #FFF}  
.bgblk {background-color: #000} 
.bgblue {background-color: #033649}
.bgteal {background-color: #036564}
.bggold {background-color: #cdb380}
.bdrblk {border: 3px solid black} 
.bdrgrey {border: 3px solid #999}  
.bdrwhite {border: 3px solid #FFF}
.bdrgold{border: 3px solid #cdb380}
.bdrwhite {border: 4px solid #FFF} 
.bdrcoupon {border: 3px dashed black}
.blueDark{color:#031634}
.blue{color:#033649}
.bgblue{background-color:#033649}
.red{color:#DA2028}
.teal{color:#036564}
.gold{color:#cdb380}
.white{color:#FFF}
.black{color:#000}
.highlight {background: #FFFF00}
.required {color: #D2232A;}
hr {background-color: #cdb380;	border:0; height: 2px; margin-bottom: 20px}
a img:hover {opacity: 0.65}
.smallText {font-size:.82em;line-height:normal}
.largeText{font-size:130%;line-height: normal}
.testimonial {font-size: 90%;font-style: italic;background: #DADADA url(../images/quotes.png) no-repeat 6px 6px;display: block;padding: 8px;width: 80%;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-khtml-border-radius: 10px;margin: 10px auto 20px}
.testimonial p:last-of-type {background: url(../images/quote2.png) no-repeat right -17px;margin-top: 2px;min-height: 36px}
.blkline {border-bottom: 3px solid #000000}
.oneSixth {font-size: 0.9em;text-align: center;display: inline-block;float: left;width: 15%;margin: 10px 5px;font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;padding: 0px;overflow: hidden}
.one-fifth {float: left;width: 19%;margin-right: 2%}
.one-fourth {float: left;width: 45.5%;margin-right: 2%}
.one-half {float: left;width: 47%;margin-right: 2%}
.one-third {float: left;width:30%;margin-right: 2%}
.two-thirds {float: left;width:65%;margin-right: 2%}
form {margin-left:20px;font-style: inherit;font-size: 100%;font-family: inherit;}
input,textarea {vertical-align: text-top; padding: 5px; background: #fafafa; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid; margin-bottom:10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;width:95%;line-height:2em;}
input:focus,textarea:focus {background: #fff; border-color: transparent; box-shadow: 0 0 6px rgba(48,136,255,.7); -moz-box-shadow: 0 0 6px rgba(48,136,255,.7); -webkit-box-shadow: 0 0 6px rgba(48,136,255,.7)}
label #reset,label #submit {width: auto}
input checkbox{width: auto}
table {max-width:98%;background-color:#fff;font-size:90%;font-family:Georgia, "Times New Roman", Times, serif}
table tr:nth-child(2n+1) {background-color: #f7e4be;}
table td {padding:6px}
/*for open in new window feature*/
[hidden]{display:none;}
.new-window-icon{fill:currentColor;height:0.75rem;margin-inline-start:0.3em;vertical-align:middle;width:0.75rem;}
/*for animation - if using need to allow only 3x to be compliant?*/
.bounce {-webkit-animation: bounceIn 2s 0.5s infinite;animation: bounceIn 2s 0.5s infinite;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-transition: all .5s;transition: all .5s;-moz-transition:all .5s;-o-transition:all .5s;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
@-webkit-keyframes bounceIn {0% {-webkit-transform: scale(0.1);transform: scale(0.1);opacity: 0;}60% {-webkit-transform: scale(1.2);transform: scale(1.2);opacity: 1;}100% {-webkit-transform: scale(1);transform: scale(1);}
}
@keyframes bounceIn {0% {transform: scale(0.1);opacity: 0;}60% {transform: scale(1.2);opacity: 1;}100% {transform: scale(1);}
}

@media screen {
.menu-toggle {display: block;background: #cdb380;border: 0;color: #fff;font-size: 1.2rem;cursor: pointer;padding: 10px 0px;width:100%;text-align: center;cursor:pointer;z-index:1000;position:relative;}
#main-menu {clear: both;min-width: inherit;float: none;transition: all 0.3s ease;font-weight:bold;-webkit-transition: all 0.3s ease; -moz-transition:all 0.3s ease;-o-transition:all 0.3s ease}
/*button {background:transparent;height:inherit;font:inherit;font-size:inherit;border:none;drop-shadow:none}*/
.menu-link {width:inherit;}
a.menu-link {display: block;color: #fff;background-color: #031634;float: left;text-decoration: none;padding: 19px 30px;font-family: Arial, Helvetica, sans-serif;font-size: 1.5em;}
a.menu-link:before {font-family: 'FontAwesome';src: url('../fonts/fontawesome-webfont.eot');src: url('../fonts/fontawesome-webfont.eot') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff') format('woff2'),url('../fonts/fontawesome-webfont.woff') format('woff'),url('../fonts/fontawesome-webfont.ttf') format('truetype'),url('../fonts/fontawesome-webfont.svg') format('svg');font-weight: normal;font-style: normal;content: "\f0c9" /*fa-bars*/;padding-right: 20px;font-size: 1.5em;vertical-align: middle;}
.menu, .menu > ul ul {overflow: hidden;max-height: 0;}
.menu > li > ul.sub-menu {padding: 0;border: none;}
.menu.active, .menu > ul ul.active {max-height: 55em;}
.menu ul {display: inline;}
.menu > ul {border-top: 1px solid #808080;}
.menu li, .menu > ul > li {display: block;text-align: left;font-size:1.1em}
.menu li a {color: #000;display: block;padding: 0.8em;border-bottom: 1px solid #808080;position: relative;text-decoration: none;}
.menu li.has-submenu > a:after {font-family: 'FontAwesome';content: '\f13a';position: absolute;top: 0;right: 0;display: block;padding: 0.55em 1.5em;}
.menu li.has-submenu > a.active:after {content : "-";}
.menu ul ul > li a {height: auto;padding-left: 40px;color:#036564;}
.menu ul ul, .menu ul ul ul {display: inherit;position: relative;left: auto;top: auto;border: none;}
.menu {width: 100%;}
.menu ul {margin: 0;padding: 0;}
/* skip link */
.button--skip-link, button .button--skip-link, .button--skip-link:visited, .button--skip-link:active {background-color: #725c30 !important;color: #FFF !important;font-weight: 600;font-size: larger;padding:20px;position: absolute;z-index: 20;left: 0;right: 0;top: 0;width: 12em;/*opacity: 1;transition: transform 0.1875s ease-out, opacity 0.1875s ease-out;*/}
.button--skip-link:not(:focus):not(:hover) {transform: translateY(-4em);/*opacity: 0;*/}
button #pause {color:FFF !important}
}

@media only screen and (min-width:870px) {
.logo {float:left;margin: 0px 60px;max-width: 300px;height:auto;padding-top:10px}
.seal {float:right;margin: 20px 30px;max-width: 300px;height:auto; display:block;visibility:visible;}
header p {float:left;text-align:left;clear:left}
#main-menu[hidden]{ display:none}
.menu-toggle {display: none; visibility: hidden;} /*hide hamburger on desktop */
#main-menu {font-size: .8em;margin: 0 auto;text-align: center;-webkit-transform-style: preserve-3d;-ms-transform: preserve-3d;-webkit-transform:preserve-3d;transform:preserve-3d;/*margin-bottom:-3px*/}
.menu, .menu > ul ul {overflow: visible;max-height: inherit;height: auto;background-color: #031634;}
.menu > ul {border-top: none;}
.menu li, .menu > ul > li {display: inline-block;display: -moz-inline-stack;zoom: 1;*display: inline; white-space:nowrap;-webkit-transform-style: preserve-3d;-ms-transform: preserve-3d;-webkit-transform: preserve-3d; transform:preserve-3d}
.menu li a {color: #fff;padding: 1em 1.1em;border-bottom: none;transition: all 0.5s ease;display:block;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
.menu li.has-submenu > a {padding-right: 30px;}
.menu li.has-submenu > a:after {font-size: 1.2em;padding: .8em .3em 0 .5em;}
.menu li.has-submenu > a.active:after {content: "\f139";}
.menu ul ul > li a {padding-left: 0;color:#FFF;}
nav ul {display: inline-block;/*display: inline;*/}
nav select {display: none;}
nav {z-index: 20;position: relative;padding-top: 0;border-bottom: 3px solid #cdb380;border-top: 3px solid #cdb380;height: auto;}
.menu ul li {border-right: 1pt solid #FFF;text-shadow: 0 2px 2px rgba(0, 0, 0, 0.8);letter-spacing: 0.1em;position: relative;margin-left: -3px;margin-bottom:-2px}
.menu ul ul li a {padding: 0 .3em;}
.menu > ul > li:first-child {border-left: 1px solid #FFF;}
.menu ul li ul {position: absolute;left: -99999em;top: -99999em;-webkit-transform-style: preserve-3d;-ms-transform: preserve-3d; -webkit-transform:preserve-3d; transform:preserve-3d;}
.menu ul li a:visited, .menu ul li a {color: white;text-decoration: none;}
.menu ul li:hover, .menu ul li .current {background-color: #033649;}
.menu ul li ul li {display: block;background: #031634;border-bottom: 1px solid #cdb380;border-left: 1px solid #cdb380;border-right: 1px solid #cdb380;line-height: normal;margin-left: 0;padding:12px;-webkit-transform-style: preserve-3d;-ms-transform: preserve-3d;-webkit-transform: preserve-3d;transform: preserve-3d;}
.menu ul li ul li:first-child {border-top: 1px solid #cdb380;}
.menu ul > li:hover > ul {left: auto;top: 99%;-webkit-transform-style: preserve-3d;-ms-transform: preserve-3d;-webkit-transform: preserve-3d;transform:preserve-3d}
.menu ul li .current, #index .home, #regional-counsel .about1, #rc3-information .about2, #rc3-locations .about3, #criminal-cases .services1, #civil-cases .services2, #programs .program1, #program2 .program2, #program3 .program3, #program4 .program4, #program5 .program5, #courts .courts, #resources .resources, #employment .employment, #contact .contact, #miami-office .about4, #marathon-office .about5, #key-west-office .about6, #plantation-key-tavernier-office .about7 {color: #cdb380;}
.menu ul li ul li a:hover {margin-left:10px;-webkit-transition: all 0.5s ease-in-out;-webkit-transform-style: preserve-3d;-moz-transition: preserve-3d;-o-transition: preserve-3d;transition: all ease-in-out 0.5s}
.sidebar {border-left: 1.5pt solid #036564;margin-top: -1px;border-top: 1px solid #cdb380;}/*changed - may need to adjust*/
.one-fourth {float: left;width: 23%;margin-right: 2%}
footer p.fltlf {float:left;text-align:left}
footer p.fltrt {float:right;text-align:right}
}

@media only screen and (max-width:500px) {
header {height:100%}
.sidebar {float: none;width: 100%;padding-bottom: 10px;font-size: 95%;border-left: none;margin-top:5px}
section {clear:both;padding: 10px 0;width: 100%;float: none;border-right: none;}
.one-fourth, .one-third {float: left;width: 98%;margin-right: 2%}
.one-fourth img.fr, .one-third img.fr {float: none !important;text-align: center !important;margin-left: 4% !important;}
footer.top-edge-shadow .fltrt, footer.top-edge-shadow .fltlft {float:none !important;margin: 10px auto;text-align:center;}
footer a {font-size: inherit}
/* save just in case wanted for future
  .staff-table, .staff-table thead, .staff-table tbody, .staff-table th, .staff-table td, .staff-table tr {display: block;width: 100%;}
  .staff-table thead {display: none;  hide headers on stacked layout }
  .staff-table tbody tr {margin-bottom: 1em;border: 1px solid #ccc;padding: 0.5em;}
  .staff-table td {display: flex;justify-content: space-between;padding: 0.5em;border: none;border-bottom: 1px solid #eee;}
  .staff-table td::before {content: attr(data-label);font-weight: bold;flex-basis: 40%;}
  .staff-table td:last-child {border-bottom: 0;}*/
}