/*!
* D E L A W A R E C O U R T S 2 0 1 5
* Developed by the GIC (Matt Campbell, Julianne Solum & Ben Kaminski)
* Copyright 2015 State of Delaware */
/* ############################################################################################## */
@font-face {
font-family: 'icomoon';
src: url('icomoon.eot');
src: url('icomoon.eot?#iefix') format('embedded-opentype'), url('icomoon.woff') format('woff'), url('icomoon.ttf') format('truetype'), url('icomoon.svg#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
html {
-webkit-font-smoothing: antialiased !important;
position: relative;
min-height: 100%;
}
/* B O D Y */
body {
width: 100%;
min-height: 100%;
font-family: 'Oxygen', sans-serif !important;
font-weight: 400 !important; /*300*/
font-size: 16px !important;
-webkit-font-smoothing: antialiased !important;
color: #212529; /* added 2024 */
}
/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
body {
padding-top: 100px;
-webkit-font-smoothing: antialiased !important;
}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
body {
padding-top: 100px;
-webkit-font-smoothing: antialiased !important;
}
}
.wave_text {
display: none;
}
a {
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
outline: 0 !important; /* prevents FireFox and IE/Edge link dotted outline*/
color: #3072AB; /*added for ADA compliancy 2021*/
}
a:hover {
text-decoration: none;
color: #fbaa27;
outline: 0 !important; /* prevents FireFox and IE/Edge link dotted outline*/
}
/* For Name Anchors to offset the fixed header functionality */
.anchors {
margin-top: -100px; /* Size of fixed header */
padding-bottom: 100px;
display: block;
}
/* ############################################################################################## */
/* F O N T S, S E C T I O N S A N D H E A D I N G S */
h1, h2, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
color: inherit;
font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
font-weight: 400;
line-height: 1.1;
}
.jumbotron {
background-color: inherit !important;
padding-top: 30px !important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-bottom: 0px !important;
margin: 0px !important;
}
.impressive {
font-weight: 800;
}
/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
.jumbotron h1 {
font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
font-weight: 400;
color: #3b6cb4;
margin-top: 0px;
font-size: 45px !important;
}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
.jumbotron h1 {
font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
font-weight: 400;
color: #3b6cb4;
margin-top: 0px;
font-size: 70px !important;
}
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
.jumbotron h1 {
font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
font-weight: 400;
color: #3b6cb4;
margin-top: 0px;
font-size: 70px !important;
}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.jumbotron h1 {
font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
font-weight: 400;
color: #3b6cb4;
margin-top: 0px;
font-size: 70px !important;
}
}
/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
.jumbotron h2 {
font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
font-weight: 400;
color: #3b6cb4;
margin-top: 0px;
font-size: 38px !important;
}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
.jumbotron h2 {
font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
font-weight: 400;
color: #3b6cb4;
margin-top: 0px;
font-size: 50px !important;
}
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
.jumbotron h2 {
font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
font-weight: 400;
color: #3b6cb4;
margin-top: 0px;
font-size: 50px !important;
}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.jumbotron h2 {
font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
font-weight: 400;
color: #3b6cb4;
margin-top: 0px;
font-size: 50px !important;
}
}
.main_content h1 {
font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
font-weight: 400;
color: #24397e !important;
font-size: 45px;
}
.main_content h2 {
font-family: 'Open Sans Condensed', sans-serif !important;
font-weight: 500;
color: #3b6cb4;
margin-top: 0px;
}
/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
.breadcrumb {
display: none;
}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
.breadcrumb {
font-family: "Source Sans Pro", Helvetica, Arial, sans-serif !important;
font-weight: 400;
letter-spacing: -0.5px;
background-color: #f5f5f5 !important;
border-radius: 0px 0px 0px 0px !important;
list-style: none outside none !important;
margin-bottom: 0px !important;
margin-top: 0px !important;
padding: 15px 15px 15px 20px !important;
border-bottom: 1px solid #e3e5e2 !important;
border-top: 1px solid #e3e5e2 !important;
color: #707070;
}
.breadcrumb li a {
color: #336699;
}
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
.breadcrumb {
font-family: "Source Sans Pro", Helvetica, Arial, sans-serif !important;
font-weight: 400;
letter-spacing: -0.5px;
background-color: #f5f5f5 !important;
border-radius: 0px 0px 0px 0px !important;
list-style: none outside none !important;
margin-bottom: 0px !important;
margin-top: 0px !important;
padding: 15px 15px 15px 20px !important;
border-bottom: 1px solid #e3e5e2 !important;
border-top: 1px solid #e3e5e2 !important;
color: #707070;
}
.breadcrumb li a {
color: #336699;
}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.breadcrumb {
font-family: "Source Sans Pro", Helvetica, Arial, sans-serif !important;
font-weight: 400;
letter-spacing: -0.5px;
background-color: #f5f5f5 !important;
border-radius: 0px 0px 0px 0px !important;
list-style: none outside none !important;
margin-bottom: 0px !important;
margin-top: 0px !important;
padding: 15px 15px 15px 50px !important;
border-bottom: 1px solid #e3e5e2 !important;
border-top: 1px solid #e3e5e2 !important;
color: #707070;
}
.breadcrumb li a {
color: #336699;
}
}
.breadcrumb > li + li:before {
padding: 0 5px;
color: #a0a0a0;
content: " > " !important;
}
.float_left {
float: left;
margin-right: 10px;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
background-color: #337ab7;
border-color: #337ab7;
color: #fff !important;
cursor: default;
z-index: 2;
}
/* ############################################################################################## */
/* E M E R G E N C Y N O T I F I C A T I O N S Y S T E M */
#ens {
text-align: center;
/*background-color: #E34234; - not ADA compliant, changed AW 6/17/20 */
background-color: #C2371f;
color: #ffffff;
padding-top: 16px;
padding-bottom: 5px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 3px;
border-radius: 5px;
border: 1px solid #878787;
/*//border-bottom: 5px solid #ffffff;*/
}
#ens a, #ens a:link, #ens a:active, #ens a:visited {
/* color: #A4ECF2; - not ADA compliant, changed AW 6/17/20 */
color: #FFFFBA;
}
#ens a:hover {
text-decoration: underline;
}
/* ############################################################################################## */
/* C O U R T S F I X E D N A V I G A T I O N B A R */
/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
.navbar {
margin-bottom: 20px;
min-height: 100px;
}
.navbar-default {
background-color: #fff;
/*//border-bottom: 2px solid #396cb4;*/
}
.navbar-header {
padding-left: 0px;
float: left;
}
.nav > li > a, .nav > li > a:link, .nav > li > a:active, .nav > li > a:visited {
color: #1f242a !important;
font-size: 15px;
text-decoration: none;
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
}
.nav > li > a:hover, .nav > li > a:focus {
text-decoration: none;
background-color: #ffffff !important;
color: #3a6bb4 !important;
}
.nav > li {
display: block;
padding: 25px 5px !important;
position: relative;
}
.nav .global-caret {
color: #fbaa27;
}
.dropdown-menu {
background-clip: padding-box;
background-color: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
display: none;
float: left;
font-size: 14px;
left: 25%;
list-style: outside none none;
margin: 2px 0 0;
min-width: 160px;
padding: 5px 0;
position: absolute;
text-align: left;
top: 80%;
z-index: 1000;
}
.space {
line-height: 12px;
padding-left: 10px;
}
.navbar-nav {
float: left;
margin: 7.5px -15px;
}
.navbar-nav > li {
float: left;
}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px;
}
.navbar-right > li > a {
font-size: 13px !important;
}
.navbar-right {
float: right !important;
margin-right: -15px;
}
.navbar-right > li {
display: block;
padding: 25px 1px !important;
margin-right: 4px;
position: relative;
}
.navbar-right .fa-search {
margin-top: -5px;
color: #3a6bb4;
}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
.navbar {
margin-bottom: 20px;
min-height: 100px;
}
.navbar-default {
background-color: #fff;
/*//border-bottom: 2px solid #396cb4;*/
}
.navbar-header {
padding-left: 0px;
}
.nav > li > a, .nav > li > a:link, .nav > li > a:active, .nav > li > a:visited {
color: #1f242a !important;
font-size: 15px;
text-decoration: none;
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
}
.nav > li > a:hover, .nav > li > a:focus {
text-decoration: none;
background-color: #ffffff !important;
color: #3a6bb4 !important;
}
.nav > li {
display: block;
padding: 25px 5px !important;
position: relative;
}
.nav .global-caret {
color: #fbaa27;
}
.dropdown-menu {
background-clip: padding-box;
background-color: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
display: none;
float: left;
font-size: 14px;
left: 25%;
list-style: outside none none;
margin: 2px 0 0;
min-width: 160px;
padding: 5px 0;
position: absolute;
text-align: left;
top: 80%;
z-index: 1000;
}
.navbar-right > li > a {
font-size: 13px !important;
}
.navbar-right > li {
display: block;
padding: 25px 5px !important;
margin-right: 5px;
position: relative;
}
.navbar-right .fa-search {
margin-top: -5px;
color: #3a6bb4;
}
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
.navbar {
margin-bottom: 20px;
min-height: 100px;
}
.navbar-default {
background-color: #fff;
/*//border-bottom: 2px solid #396cb4;*/
}
.navbar-header {
padding-left: 0px;
}
.nav > li > a, .nav > li > a:link, .nav > li > a:active, .nav > li > a:visited {
color: #1f242a !important;
font-size: 15px;
text-decoration: none;
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
}
.nav > li > a:hover, .nav > li > a:focus {
text-decoration: none;
background-color: #ffffff !important;
color: #3a6bb4 !important;
}
.nav > li {
display: block;
padding: 25px 0px !important;
position: relative;
}
.nav .global-caret {
color: #fbaa27;
}
.dropdown-menu {
background-clip: padding-box;
background-color: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
display: none;
float: left;
font-size: 14px;
left: 25%;
list-style: outside none none;
margin: 2px 0 0;
min-width: 160px;
padding: 5px 0;
position: absolute;
text-align: left;
top: 80%;
z-index: 1000;
}
.navbar-right > li > a {
font-size: 12px !important;
}
.navbar-right > li {
display: block;
padding: 25px 1px !important;
margin-right: 5px;
position: relative;
}
.navbar-right .fa-search {
margin-top: -5px;
color: #3a6bb4;
}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.navbar {
margin-bottom: 20px;
min-height: 100px;
}
.navbar-default {
background-color: #fff;
/*//border-bottom: 2px solid #396cb4;*/
}
.navbar-header {
padding-left: 35px;
}
.nav > li > a, .nav > li > a:link, .nav > li > a:active, .nav > li > a:visited {
color: #1f242a !important;
font-size: 17px;
text-decoration: none;
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
}
.nav > li > a:hover, .nav > li > a:focus {
text-decoration: none;
background-color: #ffffff !important;
color: #3a6bb4 !important;
}
.nav > li {
display: block;
padding: 25px 8px !important;
position: relative;
}
.nav .global-caret {
color: #fbaa27;
}
.dropdown-menu {
background-clip: padding-box;
background-color: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
display: none;
float: left;
font-size: 14px;
left: 25%;
list-style: outside none none;
margin: 2px 0 0;
min-width: 160px;
padding: 5px 0;
position: absolute;
text-align: left;
top: 80%;
z-index: 1000;
}
.navbar-right > li > a {
font-size: 13px !important;
}
.navbar-right > li {
display: block;
padding: 25px 5px !important;
margin-right: 5px;
position: relative;
}
.navbar-right .fa-search {
margin-top: -5px;
color: #3a6bb4;
}
}
/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
.lines-button {
padding: 3.8rem 1rem;
transition: .3s;
cursor: pointer;
user-select: none;
border-radius: 0.57143rem;
float: left;
outline: none;
}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
.lines-button {
padding: 3.8rem 2.5rem;
transition: .3s;
cursor: pointer;
user-select: none;
border-radius: 0.57143rem;
float: left;
outline: none;
}
}
.lines-button {
background-color: #ffffff !important;
border: none !important;
}
.lines-button:hover {
opacity: 1;
outline: none;
}
.lines-button:active {
transition: 0;
outline: none;
}
.lines {
display: inline-block;
width: 4rem;
height: 0.57143rem;
background: #3a6bb4;
border-radius: 0.28571rem;
transition: 0.3s;
position: relative;
outline: none;
}
.lines:before, .lines:after {
display: inline-block;
width: 4rem;
height: 0.57143rem;
background: #3a6bb4;
border-radius: 0.28571rem;
transition: 0.3s;
position: absolute;
left: 0;
content: '';
-webkit-transform-origin: 0.28571rem center;
transform-origin: 0.28571rem center;
outline: none;
}
.lines:before {
top: 1rem;
outline: none;
}
.lines:after {
top: -1rem;
outline: none;
}
.lines-button:hover .lines:before {
top: 1.14286rem;
outline: none;
}
.lines-button:hover .lines:after {
top: -1.14286rem;
outline: none;
}
.lines-button.disappear {
-webkit-transform: scale3d(0.8, 0.8, 0.8);
transform: scale3d(0.8, 0.8, 0.8);
outline: none;
}
.lines-button.x.disappear .lines {
background: transparent;
}
.lines-button.x.disappear .lines:before, .lines-button.x.disappear .lines:after {
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
top: 0;
width: 4rem;
}
.lines-button.x.disappear .lines:before {
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
}
.lines-button.x.disappear .lines:after {
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
}
.lines-button.x2 .lines {
transition: background 0.3s 0.5s ease;
outline: none;
}
.lines-button.x2 .lines:before, .lines-button.x2 .lines:after {
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
transition: top 0.3s 0.6s ease, -webkit-transform 0.3s ease;
transition: top 0.3s 0.6s ease, transform 0.3s ease;
outline: none;
}
.lines-button.x2.disappear .lines {
transition: background 0.3s 0s ease;
background: transparent;
outline: none;
}
.lines-button.x2.disappear .lines:before, .lines-button.x2.disappear .lines:after {
transition: top 0.3s ease, -webkit-transform 0.3s 0.5s ease;
transition: top 0.3s ease, transform 0.3s 0.5s ease;
top: 0rem;
width: 4rem;
outline: none;
}
.lines-button.x2.disappear .lines:before {
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
outline: none;
}
.lines-button.x2.disappear .lines:after {
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
outline: none;
}
.menu, .menu-bg {
position: fixed;
width: 40px;
height: 40px;
font-size: 25px;
text-align: center;
border-radius: 0%;
left: 20px;
top: 25px;
outline: none;
}
.menu-bg {
background: #fff;
pointer-events: none;
transition: .3s;
left: -4px;
top: 40px;
transform: translate3d(50%, -50%, 0);
transform-origin: center center;
outline: none;
opacity: 0.9;
}
.menu-bg.fs {
transform: translate3d(-50%, -50%, 0);
width: 300%;
height: 300%;
margin-top: -50px;
outline: none;
}
.menu-items {
position: absolute;
/*font-weight: none;*/
font-size: 35px;
letter-spacing: 10px;
color: #1f242a;
width: 100%;
text-align: center;
opacity: 0;
transition: .4s;
margin-top: 100px;
transform: translateY(-200%);
pointer-events: none;
outline: none;
}
.menu-items div {
transition: 1s;
opacity: 0;
margin-top: 0px;
outline: none;
}
.menu-items > ul > li {
letter-spacing: 1px;
font-size: 16px;
list-style: none;
margin-top: 5px;
}
.menu-items .panel-collapse {
padding-right: 0px;
padding-left: 0px;
}
.menu-items .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.menu-items div a, .menu-items div a:link, .menu-items div a:active, .menu-items div a:visited {
color: #1f242a !important;
text-decoration: none;
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
}
.menu-items div a:hover {
color: #fbaa27 !important;
text-decoration: none;
}
.menu-items div p {
font-size: 16px !important;
letter-spacing: 5px !important;
}
/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
.menu-items.fs {
transform: translateY(0);
pointer-events: auto;
opacity: 1;
outline: none;
height: 325px;
overflow-y: scroll;
}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
.menu-items.fs {
transform: translateY(0);
pointer-events: auto;
opacity: 1;
outline: none;
height: 1000px;
overflow-y: scroll;
}
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
.menu-items.fs {
transform: translateY(0);
pointer-events: auto;
opacity: 1;
outline: none;
height: 1000px;
overflow-y: scroll;
}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.menu-items.fs {
transform: translateY(0);
pointer-events: auto;
opacity: 1;
outline: none;
height: 1000px;
overflow-y: scroll;
}
}
.menu-items.fs div {
opacity: 1;
margin-top: 50px;
outline: none;
}
.sb-search {
position: absolute;
right: 5px;
margin-top: 0px;
margin-left: 10px;
margin-right: 10px;
width: 0%;
min-width: 50px;
height: 98px;
float: right;
overflow: hidden;
-webkit-transition: width 0.3s;
-moz-transition: width 0.3s;
transition: width 0.3s;
-webkit-backface-visibility: hidden;
}
.sb-search-input {
position: absolute;
top: 0;
right: 0;
border: none;
outline: none;
background: #fff;
width: 99%;
/* height: 98px; KST 06/09/2020 removed */
margin: 0;
z-index: 2000;
padding: 20px 65px 20px 20px;
font-family: inherit;
font-size: 20px;
color: #2c3e50;
}
.sb-search-input::-webkit-input-placeholder {
color: #000;
}
.sb-search-input:-moz-placeholder {
color: #000;
}
.sb-search-input::-moz-placeholder {
color: #000;
}
.sb-search-input:-ms-input-placeholder {
color: #000;
}
.sb-icon-search,
.sb-search-submit {
width: 60px;
height: 60px;
display: block;
position: absolute;
right: 0;
top: 0;
padding: 0;
margin: 0;
line-height: 100px;
text-align: center;
cursor: pointer;
-webkit-backface-visibility: hidden;
}
.sb-search-submit {
background: #fff; /* IE needs this */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
filter: alpha(opacity=0); /* IE 5-7 */
opacity: 0;
color: transparent;
border: none;
outline: none;
z-index: -1;
-webkit-backface-visibility: hidden;
}
.sb-icon-search {
color: #396cb4;
background: #fff;
z-index: 2001;
font-size: 30px;
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-webkit-backface-visibility: hidden;
}
.sb-icon-search:before {
content: "\e000";
-webkit-backface-visibility: hidden;
}
/* Open state */
.sb-search.sb-search-open, .no-js .sb-search {
width: 100%;
-webkit-backface-visibility: hidden;
}
.sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search {
background: #fff;
color: #396cb4;
z-index: 2002;
-webkit-backface-visibility: hidden;
}
.sb-search.sb-search-open .sb-search-submit, .no-js .sb-search .sb-search-submit {
z-index: 90;
-webkit-backface-visibility: hidden;
}
/* ############################################################################################## */
/* C O U R T S F O O T E R S E C T I O N */
#footer {
background-color: #e1e6ea;
color: #57626f;
font-size: 14px;
line-height: 1.5em;
width: 100%;
}
#txt_options {
background-color: #1f232a;
color: #ffffff;
font-size: 15px;
padding-top: 10px;
}
/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
.txt_size {
float: none !important;
}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
.txt_size {
float: right !important;
}
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
.txt_size {
float: right !important;
}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.txt_size {
float: right !important;
}
}
#footer a.text_buttons, #footer a.text_buttons:link, #footer a.text_buttons:visited {
text-decoration: none;
color: #ffffff !important;
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
}
#footer h2 {
font-size: 25px;
font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
font-weight: 300;
text-transform: uppercase;
}
.ft_subhead {
font-size: 14px;
line-height: 15px; /*15px*/
margin-bottom: 2px;
text-transform: uppercase;
font-weight: 600
}
/* for 2023 footer */
.ft_link {
font-size: 15px;
font-weight: 600;
}
.mt-footer {
display: flex;
align-items: center;
margin-top: 2px;
}
.box {
display: flex;
align-items: center;
}
.btn-outline-info {
color: #212529;
background-color: #7cc;
border-color: #5bc2c2
}
/* end for 2023 footer */
.ft_bottom {
margin-bottom: 20px;
}
hr.footer {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-image: none;
border: 1px solid #a4aeb9;
margin-top: 5px;
margin-bottom: 15px;
}
#footer a, #footer a:link, #footer a:visited {
text-decoration: none;
color: #57626f;
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
}
#footer a:hover {
text-decoration: underline;
color: #396cb4;
}
/* Wrapper for page content to push down footer */
#wrap {
min-height: 100%;
height: auto;
/* Negative indent footer by its height */
margin: 0 auto -60px;
/* Pad bottom by footer height */
padding: 0 0 60px;
}
#wrap > .container {
padding: 60px 15px 0;
}
.container .credit {
margin: 20px 0;
}
/* ############################################################################################## */
/* F O N T A W E S O M E E X T R A S T Y L E S */
.fa-blue {
color: #396cb4 !important;
}
.fa-plus-circle {
color: #ffffff;
vertical-align: middle;
}
.fa-plus-circle:hover {
cursor: pointer;
}
.fa-times-circle {
color: #ffffff;
padding-top: 6px;
}
.fa-times-circle:hover {
cursor: pointer;
}
/* ############################################################################################## */
/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.2
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/
#toTop {
display: none;
text-decoration: none;
position: fixed;
bottom: 0px;
right: 0px;
overflow: hidden;
width: 51px;
height: 51px;
border: none;
text-indent: 100%;
background: url(/img/ui.totop.png) no-repeat left top;
}
#toTopHover {
background: url(/img/ui.totop.png) no-repeat left -51px;
width: 51px;
height: 51px;
display: block;
overflow: hidden;
float: left;
opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
}
#toTop:active, #toTop:focus {
outline: none;
}
@media (max-width: 991px) {
/* Menu Frosted Glass Effect */
#clickBlur {
display: block;
}
.clickBlurActive {
filter: blur (20px); /* No Vendor Prefix */
}
}
.modal-open {
overflow: auto;
}
/*SLIDER LINK FONT COLOR */
.carouselLink {
color: white;
}
.carouselLink:focus {
color: white;
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 0px;
padding-bottom: 0px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
/* Added to TO NAVIGATION - self-help text AW */
.selfhelp {
display: inline-block;
padding: 3px;
font-size: 12px !important;
letter-spacing: .50px !important;
color: #ffffff !important;
background-color: #bb5506;
}
/* Added to TO NAVIGATION - self-help text AW */
.selfhelp1 {
display: inline-block;
margin-bottom: 4px;
font-size: 14px !important;
line-height: 14px;
letter-spacing: .30px !important;
color: #ffffff !important;
background-color: #bb5506;
}
.espanol {
color: #ffffff !important;
margin-top: 14px !important;
letter-spacing: .5px;
font-size: 14px;
}
.footer-leftpad {
padding-left: 36px;
}
/* added for accessibility contrast */
.well .alert-info a {
color: #9E1A1A !important;
}
.well a {
color: #336699 !important;
}
.adalogo {
font-family: Arial, Helvetica, sans-serif;
font-weight: 800;
}
/* added to make YouTube videos responsive AW */
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* */
.btn-info {
background-color: #0f8099 !important;
border-color: #0D7389 !important;
}
.btn-info:hover {
background-color: #278ca3 !important;
}
/* MAKE YOUTUBE VIDEO RESPONSIVE */
.embed-youtube {
position: relative;
padding-bottom: 56.25%; /* - 16:9 aspect ratio (most common) */
/* padding-bottom: 62.5%; - 16:10 aspect ratio */
/* padding-bottom: 75%; - 4:3 aspect ratio */
padding-top: 30px;
height: 0;
overflow: hidden;
}
.embed-youtube iframe,
.embed-youtube object,
.embed-youtube embed {
border: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* ==== GOOGLE TRANSLATE BUTTON ==== */
.googletranslate {
margin-top: 10px;
margin-right: 15px;
}
.services img:focus {
/* Draw the focus when :focus-visible is supported */
outline: 3px solid deepskyblue;
outline-offset: 3px;
}
