body {
    font-family: "Montserrat",sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #232a3d;
    text-align: left;
    background-color: var(--cyan);
}
p {
    font-family: "Montserrat",sans-serif;
    font-size: 1.0rem;
    font-weight: 400;
    line-height: 1.5;
    color: #232a3d;
    
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .mdgov-headingBar, .h3, .h4, .h5, .h6 {
    color: var(--opc-dark-gray);
}
 h3.red, .red
{
    color: var(--red);
}

.pt-10{
   padding-top:10px;
}
#navbar-top-wrapper{
    z-index:1000;
}
.CommandButton, .Head, .Normal, .NormalBold, .NormalDisabled, .NormalRed, .NormalTextBox,
.SubHead, .SubSubHead, a:hover, a:link, a:visited, body, h1, h2, h3, h4, h5, h6, input, table, td, th {
    font-family: "Montserrat",sans-serif;
}
.navbar-top-wrapper{
    z-index:1000;
}
.mdgov-social__icon {
   /* font-size: 1.5rem;*/
    font-size: 23px;
}
.bold {
    font-weight: 600;
    line-height: 2.2;
}
.text-white h2 {
    color: #fff !important;
}
a:hover {
    color: var(--cyan);
    text-decoration: none;
}
u{
	color: var(--cyan);
	/* text-decoration-thickness: 2px; Increases the thickness of the underline */
    text-underline-offset: 3px; /* Adds space between text and underline */
}


/*temporary keep thead box empty*/

header {
    border-bottom: 0px solid #91AFCA;
}
.caret{margin-left:10px;}
/*.ta-right{
    text-align:right;
}*/
/*.search {
    height: 52px;
    position: relative;
    float: right;
    padding: 0;
    border: none;
    width: 260px;
    width: 100%;
    flex-basis: 100%;
    outline: none;
    border: 0;
    background-color: #fff;
    line-height: 1;
    border-radius: 0;
    -webkit-appearance: none;
}*/
.primary-header {
    position: relative;
    display: flex;
    height: Calc(100vh - 60px);
    height: auto;
    width: 100%;
    background-size: cover;
    background-blend-mode: multiply;
    background-repeat: no-repeat;
    font-size: 0.84635416vw;
}
.OPC-signup {
    flex: 0 0 26%;
    max-width: 26%;
    height: 300px;
    max-height: 300px;
    padding: 21px 16px 21px 16px;
   /* text-align: center;*/
    clip-path: polygon(0 0 100% 70%, 0px 100%);
    -webkit-clip-path: polygon(0 0, clamp(0px, 24vw, 462px) 0, 100% 70%, 0px 100%);
    -moz-clip-path: polygon(0 0, clamp(0px, 24vw, 462px) 0, 100% 70%, 0px 100%);
}
.no-gutters{
    margin-bottom:50px;
}
#dnn_ctr2568_HtmlModule_lblContent iframe {
    width: 100%;
    height: 460px;
    margin-bottom:10px; 
}
.SearchButton {
    background: url(images/search.png) center center no-repeat #fff;
    background-color: #fff;
    /*width: 52px;
    height: 52px;*/
    display: block;
    position: absolute;
    top: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    background-color: #fff;
    color: #666;
    border: 0;
    -webkit-appearance: none;
    right: 0;
}
.searchInputContainer a.dnnSearchBoxClearText {
  margin: auto;
}
.searchInputContainer input {
    background: #fff;
    background-color: rgb(255, 255, 255);
    width: 400px;
   /* height: 32px;*/
    margin: auto;
    padding: 0 52px 0 20px;
    font-size: 15px;
    flex-basis: 100%;
    padding: 1rem 0 1rem 1rem;
    outline: none;
    border: 0;
    background-color: #fff;
    line-height: 4;
    border-radius: 0;
    -webkit-appearance: none;
}
.searchInputContainer a.dnnSearchBoxClearText.dnnShow {
    bottom: 10px;
}
ul.searchSkinObjectPreview {
    left: 0;
    right: auto;
}
a, a:visited {
   color: var(--cyan);
   font-weight:600;
}
u a:visited {
   color: var(--black);
   font-weight:600;
}
.fat, .fa-thin {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 100;
}

.fa-fw {
    text-align: center;
    width: 1.25em;
}

.fa-3x {
    font-size: 3em;
}
/*.a {
    text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    transition: background-size .3s;
}
a:hover,a:focus
{
    background-size: 100% 2px;
    text-decoration: none;
    padding-bottom: 2px;
}*/
.mdgov-navBar__search {
    padding-left: 30px;
}
#home-header {
    position: relative;
    right: 0px;
    display: flex;
    flex: 0 0 74%;
    flex-direction: column;
    max-width: 74%;
    justify-content: center;
    align-items: flex-end;
    margin-top: calc(100vh - 20%);
    margin-top: clamp(170px, calc(100vh - 29%), 170px);
    padding: 0px;
    margin-bottom: 50px;
}
.primary-header {
    font-size: 0.84635416vw;
}
#opclogo-image {
    margin-left:-30px;
}
#home-header .header-content {
    padding: 50px;
    width: 85%;
    padding-right: 5%;
    background: rgba(255,255,255,0.8);
}
.primary-header .header-headline {
        font-size: 2.25em;
        font-size: clamp(24px,2.25em,36px);
        font-weight: 600;
        line-height: 47px;
        padding-right: 30%;
        margin-bottom: 24px;
    }
    .primary-header .header-summary {
        display: inline-block;
        font-size: 1.625em;
        font-size: clamp(16px,1.625em,26px);
        font-weight: normal;
        line-height: 47px;
        margin-bottom: 1rem;
    }
 h2.opc-titleText {
    font-family: Montserrat !important;
    font-size: 2.8em !important;
    font: normal normal medium !important;
    text-align: center !important;
    opacity: 1;
    color: var(--opc-dark-gray) !important;
}

.opc-titleText::before, .opc-titleText::after {
    content: '';
    background-color: var(--cyan);
    content: "";
    display: inline-block !important;
    height: 2px !important;
    position: relative !important;
    vertical-align: middle !important;
    width: 5%;
}
.opc-titleText::before {
    right: 0.3em !important;
    margin-left: 10px !important;
}
.opc-titleText::after {
    left: 0.3em !important;
    margin-right: 10px !important;
}
#home {
    margin: 0;
    padding: 0;
}
.browser {
    position: relative;
    padding: 20px 20px 0px 115px;
    padding: 20px 0px 0px 60px;
}
 .browser i {
        color: var(--info);
        font-size: 30px;
 }
 .browser .div-offer-list i {
     left: 60px;
 }
  .browser i, .arrowdown img {
        position: absolute;
        left: 0px;
        display: block;
        width: auto;
        height: auto;
    }
.pl-0 {
    padding-left: 0px;
}
.offer-list span {
    margin-right: 10px;
}
.info-box {
    padding: 14px 80px;
    background-color: #f4faff;
    border: solid 1px #2566f2;
    margin-bottom: 10px;
    border-radius: 3px;
    margin-left:-50px;
}
.info-box i.fas {
        color: #2566f2;
        font-size: 1.0rem;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: right;
    }
.info-box p {
        margin: 0 0 0 0;
  }
 .info-box i {
        margin-right: 10px;
  }
.dot {
    height: 10px;
    width: 10px;
    border: 5px solid var(--cyan);
    border-radius: 50%;
    display: inline-block;
}
 .dot.empty, .dot .empty {
        border: 2px solid var(--cyan);
    }
.offer-list {
    display: flex;
    padding-left: 30px;
}
.offer-list .icon i.fas, .offer-list i.fas, .offer-list i.fal,
 .offer-list i.far, .offer-list i.fa-solid {
        color: var(--cyan);
        font-size: 18px;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: right;
    }

.offer-list i, .offer-list span {
    margin-right: 10px;
}
.offer-list div p, .offer-list p
{
        margin: 0 0 10px 0;
        line-height: 1.5;
}
.offer-list .inline-text {
    margin: 0 0 10px 0;
    line-height: 1.5;
	display:inline-block;
}

.div-offer-list{
    padding-bottom:10px;
}
#breadcrumb img, #breadcrumb span {
    margin-left: 2px;
}
.fa-link, .fa-file-pdf {
    padding-right: 0.3rem;
}

.fa, .fas {
    font-weight: 900;
}
#search-action, .SearchButton{
    background: url('images/search.png') center center no-repeat #fff;
}
.search-toggle-icon:focus {
  background: url(images/search.png) center center no-repeat gold;
}
.fa, .fas {
    font-weight: 900;
    color: var(--cyan);
}
.note-box {
    background: #f8f9fb;
    position: relative;
    padding: 20px 20px 20px 30px;
    margin: 0px 0 0 0px;
    display: flex;
}
xs {
    font-size: 0.8rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    color: #232a3d;
}
.mdgov-masthead {
    background-image: url('/Portals/0/Images/opc-home_lightercolor.png');
   /* background-image: url('/Portals/0/Images/opc-subpages_1.png');*/
    /*background-size: auto;*/
    background-position: top right;
    background-position: top center;
}
.opc-masthead {
    background-color: rgba(0, 0, 0, 0.35);
    /*background-color: rgba(23, 162, 184, 0.05);*/
	
   
}
.mdgov-hero__heading {
    margin: 1.5rem 1rem;
}
footer .footer-below, footer .terms-priv a:link, footer .terms-priv a:visited {
    color: #fff;
}
#dnn_ctr1380_HtmlModule_lblContent h1{
    color: #fff;
}
.custom-list li {
  position: relative;
  padding-left: 25px;
  padding-bottom: 10px;
}
.custom-list li::before {
  content: "\f058";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  left: 0;
  font-size: 18px;
  color: var(--cyan);
}

ul li {
    list-style-type: none;
}
/* Initialize the counter for ordered lists */
.custom-list ol {
  counter-reset: list-counter;
}

.custom-list ol li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
}

/* Increment the counter for each list item */
.custom-list ol li::before {
  counter-increment: list-counter;
  content: counter(list-counter) ". ";
  position: absolute;
  left: 0;
  font-size: 14px;
  color: var(--cyan);
}
/* Style for nested unordered list items */
.custom-list li ul li::before {
  content: "\2022"; /* Unicode for bullet point */
  position: absolute;
  left: 0;
  font-size: 30px;
  color: var(--cyan);
}

.custom-list li ul {
  list-style: none;
  padding-left: 20px;
  position: relative;
}

.custom-list li ul li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 10px;
}
.custom-list-ol {
  counter-reset: list-counter; /* Initialize the counter */
  list-style: none;
  padding-left: 20px;
  position: relative;
}

.custom-list-ol li {
  position: relative;
  padding-left: 30px; /* Adjust padding to make space for the number */
  margin-bottom: 10px;
}

.custom-list-ol li::before {
  counter-increment: list-counter; /* Increment the counter */
  content: counter(list-counter) ". "; /* Display the counter */
  position: absolute;
  left: 0;
  font-size: 18px;
  color: var(--cyan);
}
ol.custom-list-ol li{
	list-style-type: none;
}
li p {
  line-height: 1.5;
}
.custom-list li a,.custom-list li u a{
	color: var(--cyan);
}
.CommandButton, .Head, .Normal, .NormalBold, 
.NormalDisabled, .NormalRed, .NormalTextBox, .SubHead, .SubSubHead, 
a:hover, a:link, h1, h2, h3, h4, h5, h6, input, table, td, th {
    font-family: "Montserrat",sans-serif;
}
footer .footer-below {
    /*background-color: #000;*/
    background-color: var(--cyan);
}
footer .footer-above {
    /*background-color: #000;
    padding-top: 25px;
    border-top: 25px solid #000;*/
    background-color: var(--cyan);
    padding-top: 25px;
    border-top: 25px solid var(--cyan);
}
.mdgov-footer__middle, .mdgov-footer__bottom {
    background-color: var(--cyan);
}
.spacingTop{
    margin-top:20px;
}

.card-shadowed {
    /* box-shadow: 1px 2px 3px 0 rgb(0 0 0 / 25%);*/
    box-shadow: inset 0 -3em 1em rgba(0, 0, 0, 0.10), 0 0 0 2px rgb(255 255 255), 0.3em 0.3em 1em rgba(0, 0, 0, 0.4);
}
.card-footer {
    margin: -1.25em;
}

.btn-primary, .btn-primary:visited, .btn-primary:focus {
    color: #fff;
    background-color: var(--cyan);
    border-color: var(--cyan);
    border-radius: 3px;
}

.btn-primary:hover,
.btn-primary:focus {
    color: var(--cyan);
    background-color: var(--white);
    border-color: var(--cyan);
    padding-bottom:8px;
}
.btn-secondary, .btn-secondary:visited, .btn-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled):active {
    color: var(--cyan);
    background-color: var(--white);
    border-color: var(--white);
	border-radius: 3px;
	box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
    font-weight: 600;
    /* box-shadow: 0 0 10px rgb(0 0 0 / 11%);*/
}
.btn-secondary:hover,
.btn-secondary:focus {
    color: var(--white);
    background-color: var(--cyan);
    border-color: var(--white);
}
.btn-round {
    border-radius: 20px;
    margin-top: 20px;
    /*font-size:12px;*/
}
.alert-success {
    color: var(--white);
    background-color: var(--cyan);
    border-color: #b8e2b8;
}
.alert-info {
    color: var(--white);
    background-color: var(--dark-cyan2);
    border-color: #b9dcf4;
}
.alert-text p{
    margin-bottom:0px;
}
.alert-info .fa-info-circle, .alert-text .alert-heading,
.alert-text p, .alert-icon .fa-check-circle,
#dnn_P2_75_2 .alert-text a {
    color: var(--white);
}
.alert-text .alert-heading {
}
.card-text {
    min-height: 150px;
}
    .card-text a {
        color: var(--cyan);
    }
.card-text a {
    text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    transition: background-size .3s;
}
.card-text a:hover, .card-text a:focus {
        background-size: 100% 2px;
        text-decoration: none;
        padding-bottom: 2px;
 }
.mdgov-footer__bottom {
    display: flex;
    justify-content: space-between;
}
.mdgov-footer__bottom p {
    margin-bottom: 0px;
    text-align:left;
    line-height:2.0;
}
.field-image {
    float: right;
    margin-left: 40px;
    margin-right: 0;
    margin-bottom: 40px;
}
.mdgov-social .fa-facebook-f {
    background: #3b5998;
    opacity: 0.7;
	padding: 6px 12px;
}

.mdgov-social .fa-youtube {
    background: #ed302f;
    opacity: 0.7;
}
.mdgov-social .fa-twitter {
    background: #55acee;
    color: #fff;
    opacity: 0.7;
}
.mdgov-social .fa-linkedin {
	background: #0a66c2;
    color: #fff;
    opacity: 0.7;
}
.mdgov-social .fa-facebook-f:hover,
.mdgov-social .fa-youtube:hover,
.mdgov-social .fa-twitter:hover,
.mdgov-social .fa-linkedin:hover,
.mdgov-social .fa-print:hover,
.mdgov-social .fa-facebook-f:focus,
.mdgov-social .fa-youtube:focus,
.mdgov-social .fa-twitter:focus,
.mdgov-social .fa-print:focus,
.mdgov-social .fa-linkedin:focus  {
   opacity: 1.0;
}
.mdgov-social i {
    color: #fff;
    border-radius: 10%;
    text-align: center;
    padding: 6px;
    margin-left: 4%;
    font-weight: bold;
}

.filterdiv {
    display: flex;
}
.btn-outline-primary {
    color: #fff;
    background-color: var(--cyan);
    border-color: var(--cyan);
}
#button-filter {
    padding: 15px 15px 15px 15px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    height: 50px;
    align-items: baseline;
    line-height: 1.2;
    font-family: "Montserrat",sans-serif;
}
.select-wrapper {
    position: relative;
    user-select: none;
    width: 100%;
    margin-bottom: 20px;
    align-items: baseline;
    max-height: 50px;
}
.image-container {
    display: flex; /* Flexbox centers the content */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    height: 100vh; /* Full height of the viewport */
    margin: 0;
    padding: 0;
}

/* Style for the image */
.image-container img {
    max-width: 100%; /* Makes the image responsive */
    height: auto; /* Maintains the aspect ratio */
    display: block; /* Removes extra space below the image */
    border: 2px solid #ddd; /* Optional styling (e.g., border) */
    border-radius: 8px; /* Optional: Rounded corners */
}
.custom_select {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 15px 18px 14.5px 20px;
    border-radius: 3px;
    background-color: #fff;
    border-top: solid 1px #e0e2e6;
    border-bottom: solid 1px #e0e2e6;
    border-right: solid 1px #e0e2e6;
    border-left: solid 1px #e0e2e6;
    color: #232a3d;
    font-family: "Montserrat",sans-serif;
    font-size: 1rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    
}
.select__trigger {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ffffff;
    cursor: pointer;
    font-family: "Montserrat",sans-serif;
    font-size: 1rem;
    color: #232a3d;
}
.custom-options {
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    right: 0;
    border: 1px solid var(--cyan);
    background: #fff;
    transition: all 0.5s;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 2;
}
ul.custom-list{
	margin-left:0px;
}
.custom_select.open .custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}
.custom-option {
    position: relative;
    display: block;
    padding: 15px 9px 13px 20px;
    font-family: "Montserrat",sans-serif;
    font-size: 1rem;
    font-weight: 300;
    cursor: pointer;
    transition: all 0.5s;
    color: #232a3d;
    /*border-bottom: 1px solid #f6921f;*/
}

    .custom-option:hover {
        cursor: pointer;
        background-color: rgba(23, 162, 184, 0.1);
    }

.custom_select:hover {
    border: 1px solid var(--cyan);
}

.custom-option.selected {
    background-color: rgba(23, 162, 184, 0.1);
}
.noborder_left {
    border-left: solid 0px #fff;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.arrow {
    position: relative;
    height: 10px;
    width: 10px;
}
.arrow::before, .arrow::after {
    content: "";
    position: absolute;
    bottom: 0px;
    width: 0.12rem;
    height: 100%;
    transition: all 0.5s;
}
.arrow::after {
    left: -3px;
    transform: rotate(-45deg);
    background-color: #b1b4bc;
}
.arrow::before {
    left: 3px;
    transform: rotate(45deg);
    background-color: #b1b4bc;
}
.open .arrow::before {
    left: 3px;
    transform: rotate(-45deg);
}

.open .arrow::after {
    left: -3px;
    transform: rotate(45deg);
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: var(--cyan);
    border-color: var(--cyan);
}
#LoadMore_1, #LoadMore_2, #LoadMore_3, #LoadMore_4 {
    color: var(--cyan);
    cursor: pointer;
    font-size: 1rem;
    line-height: 1.2;
    text-align: center;
}
#dnn_ctr1480_Document_grdDocuments tr.dnnGridItem,
#dnn_ctr1484_Document_grdDocuments tr.dnnGridItem,
#dnn_ctr1487_Document_grdDocuments tr.dnnGridItem {
    
	display: none;
}

a.btnround-socialmedia, a.btnround-socialmedia:visited
{
    color: var(--cyan);
    font-size: 16px;
}
a.btnround-socialmedia:hover,
a.btnround-socialmedia:focus {
    color: var(--white);
}
.btnround-socialmedia {
    margin-top: 0px;
    padding: 1rem 1rem;
}
#dnn_SEARCH_angle_ClassicSearch {
        display: flex;
}
 #dnn_SEARCH_angle_ClassicSearch .SearchButton{
     position:relative;
 }
 .opc-search {
     margin-left: auto;
     display:flex;
 }
@media (min-width: 1200px) {
    .mdgov-navBar__search {
        max-width: 571px;
    }
}

.mdgov-navBar__search {
  min-width: 700px;
}
.mdgov-masthead--angled .nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;

}
.navbar {
    padding: 8px 10px;
    align-items: self-end;
}
/*#logo {
    margin: -40px auto auto;
}*/
.mdgov-hero__heading {
    margin: 1.5rem 1rem;
    z-index: 1000;
}
.mdgov-social{
    padding:0;
}
.search {
    height: 32px;
}
a.mdgov-social__icon:hover{
    padding-bottom:0px;
}
#dnn_LOGO1_hypLogo:hover{
    padding-bottom:0;
    background-size:0;
}
.card {
    position: relative;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    /*box-shadow: 0 20px 50px 0 rgb(10 31 68 / 8%);*/
    height: 100%;
    padding: 20px;
    /*box-shadow: 0 0 10px rgb(0 0 0 / 11%);*/
    margin: 8px 0;
    display: block;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0,0,0,.125);
	border-radius: .25rem;
    box-shadow: 0 20px 50px 0 rgb(10 31 68 / 8%);
}
a:focus .card {
  transform: scale(1.03); /* Slight zoom effect */
  box-shadow: 0 6px 15px 0 rgba(130, 134, 145, 0.16); /* Add shadow for focus */
  text-decoration: none; /* Remove underline if applied */
  outline: 2px solid var(--gray); /* Add a visible focus outline */
  outline-offset: 4px; /* Create spacing between the outline and card */
}
.card:hover,.card:focus {
        transform: scale(1.03);
		box-shadow: 0 6px 15px 0 rgba(130, 134, 145, 0.16);
		text-decoration:none;
    }
a:hover .card {
	text-decoration:none;
}
#dnn_ctr1451_HtmlModule_lblContent{
    margin-bottom: 30px;
}
.card img {
        display: block;
        margin: 8% auto;
        width: 75px;
        height: 80px;
    }
.card i {
        display: block;
        margin: 8% auto;
        color: var(--cyan);
        font-size: 80px;
        
    }
.card h3 {
        font-weight: 700;
        color: #232a3d;
    }

    .card p {
        padding: 0% 10% ;
    }
.address_box {
    padding: 20px 30px 30px 30px;
    border-radius: 3px;
    box-shadow: 0 12px 15px 0 rgba(201, 203, 209, 0.2);
    position: relative;
    display: flex;
    flex-direction: column;
    word-wrap: break-word;
}

address {
    font-size: 1rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #232a3d;
    margin-bottom: 0px;
}
blockquote, q, address {
   
    border-left: 5px solid var(--cyan);
}
address:before {
 color: var(--cyan);
}
#breadcrumb, #breadcrumb a, #breadcrumb a:first-child {
    color: #232a3d;
    padding: 4% 0;
    font-family: "Montserrat",sans-serif;
    font-size: 1rem !important;
    line-height: 1.5;
    text-transform: initial;
    border: none;
}
#breadcrumb a:hover, #breadcrumb a:focus,#breadcrumb a:active{
    background-size:container;
	color:var(--cyan);
	text-decoration:underline;
	text-underline-offset: 3px;
}
 a.hoverelement,
 .hoverelement > p > a, .hoverelement > h3 > a,
 .hoverelement > p > xs > a, .hoverelement > a,
 .hoverelement > u > a, u > a, a > u,
#dnn_ContentPane a {
        text-decoration: underline;
        --background-image: linear-gradient(#a00e33, #a00e33);
        background-image: linear-gradient(var(--cyan), var(--cyan));
        background-position: 0% 100%;
        background-repeat: no-repeat;
        background-size: 0% 2px;
        transition: background-size .3s;
        color: var(--cyan);
    }
a.hoverelement:hover, a.hoverelement:focus,
.hoverelement > p > a:hover, .hoverelement > h3 > a:hover, .hoverelement > p > xs > a:hover, .hoverelement > a:hover, .hoverelement > u > a:hover, u > a:hover, a:hover > u,
.hoverelement > p > a:focus, .hoverelement > h3 > a:focus, .hoverelement > p > xs > a:focus, .hoverelement > a:focus, .hoverelement > u > a:focus, u > a:focus, a:focus > u,
#dnn_ContentPane a:hover, #dnn_ContentPane a:focus{
        background-size: 100% 2px;
        text-decoration: none;
        padding-bottom: 2px;
}
#dnn_ContentPane .TitleCell a {
    background-image: linear-gradient(#f8f9fb,#f8f9fb);
}
.text-white a:hover {
    padding-bottom: 8px;
}

/* MAKE IT CUTE ----- */
.ckeLinkButton::after {
  content: "\F054";
  font-family: FontAwesome;
  font-size: 15px;
  padding-left: 5px;
  text-decoration: none;
}
.tabs {
    position: relative;
    display: flex;
    min-height: 650px;
    border-radius: 3px 3px 0 0;
    overflow: hidden;
    box-shadow: 0 6px 15px 0 rgba(130, 134, 145, 0.16);
    margin-bottom: 50px;
    overflow-y: scroll;
    overflow-x: hidden;
}
#dnn_ctr2573_HtmlModule_lblContent .tabs {
    min-height: 650px;
}
.tabby-tab {
    flex: 1;
}

    .tabby-tab label {
        display: block;
        box-sizing: border-box;
        /* tab content must clear this */
        height: 70px;
        padding: 25px;
        text-align: center;
        background: var(--white);
        cursor: pointer;
        transition: background 0.5s ease;
        color: var(--opc-dark-gray);
        border-bottom: 1px solid #d9d9d9;
        border-right: 1px solid #d9d9d9;
        font-weight: 600;
        font-size: 1rem;
    }

.tabby-tab label:hover {
	background: #fff;
	color:#232a3d;
    border-bottom: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
}
#dnn_ctr2573_ModuleContent .tabby-content {
    padding: 0 40px;
}
/* Focus style for tabs */
.tabby-tab label:focus {
  outline: 3px solid var(--gray); /* Visible outline for focus */
  outline-offset: 2px;
  background-color: rgba(0, 120, 212, 0.1); /* Optional background color */
}

/* Add focus/hover transition for better user experience */
.tabby-tab label {
  transition: background-color 0.3s, outline 0.3s;
}
.tabby-content {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    /* clear the tab labels */
    top: 70px;
    padding: 0 10px;
    border-radius: 0 0 3px 3px;
    transition: opacity 0.8s ease,transform 0.8s ease;
    /* show/hide */
    opacity: 0;
    transform: scale(0.1);
    transform-origin: top left;
}

.tabby-content img {
	float: left;
	margin-right: 20px;
	border-radius: 3px;
}

 
.contentColumnImage {
  -ms-flex-preferred-size: 45%;
  flex-basis: 45%;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 2.5em;
}
 @media only screen and (min-width: 992px){
.contentColumnImage .image{
  min-height: 500px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0,0,0,1%);
}
.contentColumnRichText {
  font-size: 1em;
  -ms-flex-preferred-size: 55%;
  flex-basis: 55%;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 40px 40px 10px 0;
  text-align: left;
 
}
}
/* MAKE IT WORK ----- */

.tabby-tab [type=radio] { display: none; }
#dnn_ctr2591_Feedback_divCopy [type=radio]:checked ~ label {
    background: var(--white);
    color: var(--opc-dark-gray);
}
    [type=radio]:checked ~ label {
    background: var(--cyan);
    color: var(--white);
    z-index: 2;
}
.ca_gas-imagebackground {
    background-image: url("/Portals/0/Images/NaturalGas1.jpg");
    box-shadow: inset 0 0 0 1000px rgba(23, 162, 184, 0.3);
    position: relative;
    background-size: cover;
    height: 350px;
    background-position: center center;
    margin-bottom: 30px;
}
.ca_water-imagebackground {
    background-image: url("/Portals/0/Images/Water-Sawer-Maryland2.jpg");
    box-shadow: inset 0 0 0 1000px rgba(23, 162, 184, 0.3);
    position: relative;
    background-size: cover;
    height: 350px;
    background-position: center center;
    margin-bottom:30px;
}
.ca_electricity-imagebackground {
    background-image: url("/Portals/0/Images/Electricity-Maryland1.jpg");
    box-shadow: inset 0 0 0 1000px rgba(23, 162, 184, 0.3);
    position: relative;
    background-size: cover;
    height: 350px;
    background-position: center center;
    margin-bottom: 30px;
}
table {
    border-collapse: collapse;
}
.node-content table {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
    background-color: transparent;
    margin-bottom: 1rem;
    max-width: 100%;
    overflow-x: auto;
    width: 100%;
}
.node-content table, .node-content tbody, .node-content td, .node-content th, .node-content thead, .node-content tr {
    border: 0;
    box-sizing: border-box;
    margin: 30px 0;
    padding: 0;
}
.node-content th {
    background-color: var(--cyan);
    color: #fff;
    font-weight: 600;
    line-height: 1.5;
    vertical-align: bottom;
}
.node-content td, .node-content th {
    padding: 20px;
    text-align: left;
    font-size: 0.8rem;
    line-height: 1.5;
    font-weight: 600;
}
.node-content tbody tr:nth-child(2n+1) td {
    background-color: #d9d4c6;
}

.node-content tbody td {
    position: relative;
    vertical-align: middle;
}
.node-content tbody tr:nth-child(2n) td {
    background-color: #d1cbb9;
}
.water_company, .gas_companie_box, .electricity_companie_box {
    padding: 0 0 30px;
    border-radius: 3px;
    position: relative;
    display: flex;
    flex-direction: column;
    word-wrap: break-word;
}
    .water_company address, .gas_companie_box address, .electricity_companie_box address {
        padding: 30px;
    }

    .water_company address, .gas_companie_box address, .electricity_companie_box address {
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #232a3d;
        margin-bottom: 0px;
        margin-left: 0rem;
    }
    .water_company.noborder, .gas_companie_box.noborder, .electricity_companie_box.noborder {
        padding-bottom: 0px;
        border-bottom: none;
    }
    .water_company address::before, .gas_companie_box address::before, .electricity_companie_box address::before {
        content: '';
        font-family: "";
    }


[type=radio]:checked ~ label ~ .tabby-content {
	z-index: 1;
	
	/* show/hide */
		opacity: 1;
		transform: scale(1);
}
.mobileleftdropdownnav .title {
    color: #232a3d;
    position: relative;
    display: block;
    padding: 10px 15px;
    font-family: "Montserrat",sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 24px;
    letter-spacing: normal;
    border: 1px solid #e0e2e6;
}
.mobileleftdropdownnav .list-group {
    display: none;
}
.mobileleftdropdownnav .title i {
    float: right;
}
.cardLink {
    text-align: left;
    position: relative;
    padding-bottom: 30px;
    letter-spacing: 0;
    opacity: 1;
    font-weight: 600;
}

.cardLink i {
        font-size: 1rem;
        display: inline-flex;
        padding-left: 5px;
}
.cardLink span:after {
        content: "\F105";
        font-family: Font Awesome;
        padding-left: 5px;
        text-decoration: none;
 }
.card p a:visited, .Normal, .NormalDisabled, .NormalDeleted, .card h4 a:visited, .card h4 a:hover {
    color: var(--opc-dark-gray);
    text-decoration: none;
}
.mdgov-hero__logo img, .mdgov-hero__logo__brand__logo {
    max-height: 97px;
}
.goup a img {
    border-radius: 5px;
    background: var(--cool-gray);
}
.goup a:focus img, .fab.fa-facebook-f:focus,
.fab.fa-twitter:focus, .fab.fa-youtube:focus,
.fab.fa-linkedin:focus, .fa.fa-print:focus,
#dnn_SEARCH3_cmdSearch:focus, #dnn_SEARCH3_cmdSearch:focus .search-toggle-icon
{
  outline: 4px dashed var(--gold) !important;
  opacity: 1;
}
.mdgov-social__icon:focus i{
  outline: 4px dashed var(--gold) !important;
  opacity: 1;
}
#dnn_SEARCH3_cmdSearch:focus span.search-toggle-icon
{
  outline: 4px dashed var(--gold) !important;
  opacity: 1;
}
.modile-display {
    display: none;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: var(--opc-dark-gray);
}

.navbar-default .navbar-toggle {
    border-color: var(--white);
}
    .navbar-default .navbar-toggle .icon-bar {
        background-color: var(--white);
    }
.navbar-toggle .icon-bar {
    width: 30px;
    height: 3px;
   
}

/* BREAKPOINTS ----- */


@media screen and (max-width: 767px) {
	.tabs { min-height: 1000px;}
    .tabs {
        min-height: 700px;
        overflow-y: scroll;
        overflow-x: hidden;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
    
}
@media only screen and (max-width: 768px) {
    .tabs {
        min-height: 700px;
        overflow-y: scroll;
        overflow-x: hidden;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
    .tabby-tab {
        display: flex;
        flex-direction: column;
    }
        .tabby-tab label {
            height: auto;
            /* min-height: 80px;*/
        }

    
    .tabby-content {
        position: inherit;
        opacity: 100;
        transform: scale(1);
    }

        .tabby-content img {
            float: none;
            margin-right: 0;
            margin-bottom: 20px;
        }
    #dnn_ctr2568_HtmlModule_lblContent iframe {
       height: auto;
    }
    .mdgov-social {
       padding: 10px 0px;
    }
    #search-action{
        margin-top:10px;
    }
    .mdgov-hero__logo img, .mdgov-hero__logo__brand__logo {
        max-height: 120px;
    }
    .pt-10{
        padding-top:0px;
    }
    #search-action {
        display: block;
    }
    .mdgov-entNav__btn {
        display: none;
    }
    #header_container {
        height:0px;
        margin-top: 50px;
        position: relative;
        width: 100%;
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }
    #logo {
        padding: 0px 15px;
    }
    .mdgov-entNav {
        height: 50px;
        position: relative;
        top: -50px;
        box-shadow: -10px -10px 10px 10px rgba(0,0,0,.75);
        width: 100%;
        z-index: 1000;
        background-color: #fff;
    }
    .row, .mdgov-marketingIntro {
        margin:0px;
     }
    .OPC-signup .text-white {
        padding: 0px 15px;
    }
    #home-header .header-content {
        padding: 0px;
        width: 100%;
    }
    #search-top.active {
        padding:0px;
        /* background-color: var(--cyan); */
		background-color: rgba(0, 112, 120, 0.1);

    }
    #search-top a.SearchButton{top:3px;}
    .opc-titleText::before, .opc-titleText::after{
        display: none !important;
    }
    #home-header {
        margin-bottom: 0px;
    }
    .dnnpane > [class*="col-md"], .dnnpane > [class^="col-md"] {
        padding: 0 0px;
    }
    .tabby-content, #dnn_ctr2573_ModuleContent .tabby-content {
        padding: 0px;
    }
    .contentColumnImage {
        display: none;
    }
    .tabby-tab label {
        height: auto;
        padding: 20px 0px;
        background: var(--cyan);
        color: var(--white);
    }
    .contentColumnRichText{
        margin-top:20px;
        padding:20px;
    }
    tabby-tab label {
        height: auto;
        min-height: 80px;
    }
    .cardLink{
        font-size:16px;
        padding-bottom:0px;
    }
    #mdgovFooterMiddle .container{
        padding-left:0px;
        padding-right:0px;570
		
    }
    #mainContent-inner {
        padding: 0px;
    }
    #dnn_HeaderSummaryPane {
        padding:0px 16px;
    }
    .mdgov-footer__nav{
        margin-left:0px;
    }
 }
@media screen and (max-width: 480px) {
    .modile-display{
        display:flex;
    }
    .mobile-hidden {
        display: none;
    }
    a.btnround-socialmedia:hover{
        padding-bottom:15px;
    }
    .tabby-tab label {
        height: auto;
        /* min-height: 80px;*/
    }
    .tabs {
        min-height: 700px;
        overflow-y: scroll;
        overflow-x: hidden;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }

    .tabby-tab {
        display: flex;
        flex-direction: column;
    }
    .tabby-content {
        position: inherit;
        opacity: 100;
        transform: scale(1);
       
    }
	.tabby-content img {
		float: none;
		margin-right: 0;
		margin-bottom: 20px;
	}
}
#dnn_footer_100 a.hoverelement,
#dnn_footer_100 .hoverelement > p > a, #dnn_footer_100 .hoverelement > h3 > a, #dnn_footer_100 .hoverelement > p > xs > a, #dnn_footer_100 .hoverelement > a {
    text-decoration: none;
    --background-image: linear-gradient(#a00e33, #a00e33);
    background-image: linear-gradient(var(--white), var(--white));
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    transition: background-size .3s;
    color: var(--white);
}
#dnn_footer_100 a.hoverelement:hover, #dnn_footer_100 a.hoverelement:focus,
#dnn_footer_100 .hoverelement > p > a:hover, #dnn_footer_100 .hoverelement > a:hover,
#dnn_footer_100 .hoverelement > p > a:focus, #dnn_footer_100 .hoverelement > a:focus {
        background-size: 100% 2px;
        text-decoration: none;
        padding-bottom: 2px;
    }

.mdgov-csp p, .mdgov-csp h2 {
    color: var(--white);
}
strong {
    font-weight: 600;
    font-style: normal;
    color: var(--opc-dark-gray)
}


.gaw-card {
    padding: 28px 30px 20px 0px;
    border-radius: 0.4rem;
    border: solid 1px var(--gray);
    background-color: var(--white);
    margin-top: 1rem;
}

 .gaw-card:hover {
        padding: 28px 30px 25px 0px;
        border-radius: 0.4rem;
        box-shadow: 0 6px 15px 0 rgb(130 134 145 / 16%);
        background-color: var(--highlight);
        margin-top: 1rem;
    }
.ah-card {
    padding: 28px 30px 20px 0px;
    border-radius: 0.4rem;
    border: solid 1px var(--gray);
    background-color: var(--highlight);
}
.ah-card:hover {
        padding: 28px 30px 25px 0px;
        border-radius: 3px;
        box-shadow: 0 6px 15px 0 rgb(130 134 145 / 16%);
        background-color: var(--white);
}
.title-image-box {
    display: flex;
    padding-left: 40px;
}
.gaw-card .title-image-box {
    padding-left: 20px;
    align-items: center;
}
.title h5 {
    margin-bottom: 0.5rem;
}
.image img {
    position: absolute;
    left: 30px;
    display: block;
   /* width: 62px;
    height: 62px;*/
    padding: 4px 0 8px 1px;
}
.title-image-box div.title {
        padding: 0 0 0 20px;
    }
.mdgov-masthead--angled::before {
    width: 27%;
    background-color: var(--cyan);
    height: 420px;
    max-height: 420px;
    opacity:0.9;
}
mdgov-hero--shaded {
   /*background-color: rgba(23, 162, 184, 0.35);*/
	 background-color: rgba(0, 112, 120, 0.35);
}

.mdgov-masthead .mdgov-hero--shaded {
    /*background-color: rgba(23, 162, 184, 0.65);*/
	 background-color: rgba(0, 112, 120, 0.65);
}
.mdgov-navBar {
    /*background-color: rgba(23, 162, 184, 0.8);*/
	 background-color: rgba(0, 112, 120, 0.8);
 }
 .mdgov-navBar.opc-navBar-shade {
        /*background-color: rgba(23, 162, 184, 0.1);*/
		 background-color: rgba(0, 112, 120, 0.1);
}
.card a:link,
.card a:visited {
    color: var(--opc-dark-gray);
    text-decoration: none;
}

.search.search-open {
    width: 100%;
}
.mdgov-csp {
    text-align: center;
    margin: 0 auto;
}
.text-white p.bold{
	color: #fff !important;
}
/*faqs design*/
.panel-group .panel {
    margin-bottom: 10px;
    border-radius: 4px;
    padding: 10px 20px 10px 10px;
}
.panel-default {
    border-color: var(--cyan);
}
.panel-default > .panel-heading {
        color: #232a3d;
        background-color: var(--white);
        border-color: var(--cyan);
 }
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1rem;
    color: inherit;
}
#dnn_P2_75_2 .panel-title a {
    display: flex;
    text-decoration: none;
    background-color: #fff;
    background-image:none !important;
    color: #232a3d;
}

.panel-title a span {
    color: #232a3d;
    background-image: none !important;
 }
 .panel-title a:hover, .panel-title a span:hover, #dnn_P2_75_2 .panel-title a {
        padding-bottom: 0px;
        background-image: none;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
.panel-heading .fa-minus-square, .panel-heading .fa-plus-square,
.panel-heading .fa-minus, .panel-heading .fa-plus {
    float: right;
    height: 20px;
    line-height: 20px;
    margin-left: auto;
    color: var(--cyan);
}


.faq-toggle a::after {
    position: absolute;
    top: 2px;
    left: 2px;
    display: block;
    width: 20px;
    height: 20px;
    content: ' ';
    background-color: #232a3d;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.faq-toggle a.active::after {
    left: 28px;
    background-color: #fff;
}
.accordion-btn {
    position: relative;
}

 .accordion-btn:before {
        position: absolute;
        content: "+";
        right: 10px;
        top: 5px;
    }

.accordion-btn[aria-expanded="true"]:before {
        content: "-";
    }
.div100 {
    flex: 0 0 150px;
}
.stormimg{
    width:100%;
}
.table > thead > tr > th {
    background-color: var(--cyan);
    color: #fff;
}
.table-striped {
    border: 1px solid var(--gray);
}
/* FAQ Toggle */
.faq-toggle {
    display: block;
    float: left;
    margin: -30px 0 0px 0;
}
.faq-toggle + .panel-group {
        margin-top: 65px;
    }
.faq-toggle::after {
        clear: both;
        margin: 0;
        padding: 0;
        display: table;
        width: 0;
        height: 0;
        font-size: 0;
        line-height: 0;
        content: ' ';
        visibility: hidden;
        overflow: hidden;
}
 .faq-toggle a {
        position: relative;
        z-index: 2;
        margin: 0;
        padding: 0 0 0 65px;
        display: block;
        float: right;
        color: #232a3d;
        font-size: 16px;
        line-height: 24px;
        cursor: pointer;
        text-decoration: none;
}
#dnn_P2_75_2 .faq-toggle a:visited,
#dnn_P2_75_2 .faq-toggle a:active,
#dnn_P2_75_2 .faq-toggle a:hover,
#dnn_P2_75_2 .faq-toggle a:focus,
#dnn_P2_75_2 a.faq-toggle-link:visited,
#dnn_P2_75_2 a.faq-toggle-link:active,
#dnn_P2_75_2 a.faq-toggle-link:hover {
    color: #232a3d;
    background-size: 0;
}
.navbar {
    align-items: self-end;
}
        /* Slide */
.faq-toggle a::before {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            width: 50px;
            height: 24px;
            content: ' ';
            background-color: #e0e2e6;
            -webkit-border-radius: 16px;
            -moz-border-radius: 16px;
            border-radius: 16px;
            -webkit-transition: background-color 0.25s ease-in-out;
            -moz-transition: background-color 0.25s ease-in-out;
            -ms-transition: background-color 0.25s ease-in-out;
            -o-transition: background-color 0.25s ease-in-out;
            transition: background-color 0.25s ease-in-out;
}

        /* Handle */
 .faq-toggle a::after {
            position: absolute;
            top: 2px;
            left: 2px;
            display: block;
            width: 20px;
            height: 20px;
            content: ' ';
            background-color: #232a3d;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
            -webkit-transition: all 0.15s ease-in-out;
            -moz-transition: all 0.15s ease-in-out;
            -ms-transition: all 0.15s ease-in-out;
            -o-transition: all 0.15s ease-in-out;
            transition: all 0.15s ease-in-out;
}
.faq-toggle a.active::before {
            background-color: #232a3d;
        }
.faq-toggle a.active::after {
            left: 28px;
            background-color: #fff;
        }

/*table gray*/
table{
    font-size:1.0rem;
}
#customTable .table-striped > tbody > tr:nth-of-type(2n+1), #customTable .table-striped > thead > tr:nth-of-type(2n+1) {
    background-color: rgba(0, 0, 0, 0.05);
}
#customTable .table > tbody > tr > td,
#customTable .table > tbody > tr > th,
#customTable .table > thead > tr > td,
#customTable .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 0px solid #f8f9fb;
    padding: 12px;
    border-top: 0px solid #f8f9fb;
}
.mdgov-csp a.hoverelement, .mdgov-csp a.hoverelement:hover,
.mdgov-csp a.hoverelement:visited {
        color: var(--white);
    }

.highlight-box {
    background: var(--light-cyan);
    border: solid 1px var(--dark-cyan);
    border-radius: 3px;
    position: relative;
    padding: 30px 20px 20px 115px;
    margin-bottom: 20px;
}
 .highlight-box img {
        position: absolute;
        left: 30px;
        display: block;
        width: 52px;
        height:52px;
        padding: 4px 0 8px 1px;
    }
.highlight-box p {
        font-size: 0.9rem;
        font-style: italic;
    }
.skip-link {
    position: absolute;
    top: 40px;
    left: 10px;
    background-color:  var(--cyan); /* Accessible color contrast */
    color: var(--white);
    padding: 10px;
    text-decoration: none;
    font-size: 16px;
    z-index: 1000;
    border-radius: 5px;
    transform: translateY(-100%); /* Hide visually */
    transition: transform 0.3s ease;
}
a.skip-link, 
a.skip-link:focus,
a.skip-link:hover{
	 color: var(--white);
		
}

.skip-link:focus {
    transform: translateY(0); /* Reveal on focus */
    outline: 2px solid #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.goup a{
	 opacity: 0.8;
	 cursor: pointer;
}
.goup a:focus,.goup a:hover  {
  outline: 3px solid var(--white); /* Blue outline for focus visibility */
  outline-offset: 3px;
  opacity: 1; /* Highlight on focus */
}
/* hide cler search icon can make accessible go to Reasorce/Search folder in css file remove the icon */
.dnnSearchBoxClearText {
	display: none;
}
/* hide the search icon in mobile site */
#search-action{
  display: none;
}
/* Focus effect for keyboard and screen reader users */
.faq-toggle-link:focus {
  outline: 2px solid var(--dark-cyan); /* Blue outline for focus */
  outline-offset: 4px; /* Space between the element and the outline */
  background-color:var(--light-cyan); /* Light blue background on focus */
  border-radius: 4px; /* Rounded corners for a polished look */
  box-shadow: 0 0 6px rgba(0, 120, 212, 0.5); /* Glow effect */
}
#mdgovMainNavToggle{
	display:none;
}

@media (min-width: 992px) {
    .mdgov-masthead, .opc-masthead {
        min-height: 125px;
    }
    .mdgov-hero__logo {
        margin: -40px auto auto;
     }
    #logo {
        padding-left: 0px;
    }
    .mdgov-navBar {
        justify-content: space-between;
    }
    .mdgov-masthead--angled {
       /* background-image: url('/Portals/0/Images/OPC-Home_7.jpg');*/
        background-image: url('/Portals/0/Images/OPC-Home_10.jpg');
        margin-bottom: 50px;
    }

     .mdgov-hero--shaded .mdgov-navBar {
            /*background-color: rgba(23, 162, 184, 0.25);*/
			 background-color: rgba(0, 112, 120, 0.25);
        }

        .cardLink {
            overflow: hidden;
            display: block;
            text-align: center;
            width: 100%;
            padding-top: 2px;
            padding-bottom: 0px;
            font-size: 1rem;
        }


        .mdgov-masthead--angled .mdgov-hero__logo img {
            max-width: fit-content;
        }

    .mdgov-masthead--angled {
        background-size: auto;
        background-position: top right;
        max-height: 700px;
        width: 100%;
        background-size: cover;
        min-height: 500px;
    }
            .mdgov-masthead--angled::before {
                transform: skew(8.5deg, -15deg);
            }
    }
@media (min-width: 1366px) {
    .mdgov-hero__logo img, .mdgov-hero__logo__brand__logo {
        max-height: 110px;
    }
}
@media (min-width: 1666px) {
    .mdgov-hero__logo img, .mdgov-hero__logo__brand__logo {
        max-height: 120px;
    }
}
@media (max-width: 1366px) {
        .primary-header {
            font-size: 1vw;
            justify-content: flex-end;
        }
}

@media (max-width: 991.98px) {
        .primary-header {
            background: #fff !important;
        }

        .primary-header {
            height: auto;
        }

        #home-header {
            flex: 0 0 100%;
            width: 100%;
            max-width: 100%;
        }
    }

    @media (max-width: 767.98px) {
        .primary-header {
            flex-direction: row;
            flex-wrap: wrap;
            height: auto;
        }

        header.mdgov-masthead {
            position: relative !important;
            background: var(--cyan) !important;
            min-height: 145px !important;
        }

        .OPC-signup {
            position: relative !important;
            top: 0px;
            left: 0px;
            flex: 0 0 100%;
            max-width: 100%;
            height: auto;
            padding: 0;
            padding-bottom: 24px;
            clip-path: none;
            -webkit-clip-path: none;
            -moz-clip-path: none;
        }

        #home-header {
            position: relative;
            top: 0px;
            left: 0px;
            margin-top: 35px;
            order: 1;
        }
        
    }

    @media (max-width: 1427.2px) {
        #navbar {
            display: none;
        }
    }
/*@media (min-width:1080px)  {
    .nav > li > a {
        padding: 10px 5px;
    }
}*/
@media only screen and (min-width: 600px) and (max-width: 900px) {
    .contentColumnImage, .contentColumnImage .image{
        display: none;
    }
}
/* For general iPad layouts */
@media only screen and (min-device-width: 820px) and (max-device-width: 1024px)
{
    .mdgov-navBar {
        flex-flow: row nowrap;
    }
    .nav > li > a {
    padding: 10px 5px;
    }
   #dnnMenu .topLevel > li > a {
       font-size: 1.0rem;
    }
    .caret{
        margin-left:2px;
    }
}

@media screen and (min-device-width: 1087px) and (max-device-width: 951.500)   {
    .mdgov-navBar {
        flex-flow: row nowrap;
    }
        .nav > li > a {
            padding: 10px 5px;
        }

        #dnnMenu .topLevel > li > a {
            font-size: 1.0rem;
        }

        .caret {
            margin-left: 2px;
        }
}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
    .mdgov-masthead--angled::before {
        width: 37%;
    }
    .OPC-signup {
        flex: 0 0 36%;
        max-width: 36%;
        -webkit-clip-path: none;
    }
    #home-header {
        flex: 0 0 64%;
        max-width: 64%;
    }
    .mdgov-navBar {
        flex-flow: row nowrap;
    }
    .nav > li > a {
        padding: 10px 10px;
    }
  
    #dnnMenu .topLevel > li > a {
        font-size: 14px;
    }

    .caret {
        margin-left: 2px;
    }
    .mdgov-social__icon{
        font-size:20px;
    }
}
@media print {
    body {
        visibility: hidden;
    }

    .print {
        visibility: visible;
        margin:0px;
        
    }
    footer, header{
        margin:0px;
        height: 0px;
    }
}

 #dnn_SEARCH1_txtSearch:focus:focus-within,
#dnn_SEARCH1_cmdSearch:focus:focus-within,
#dnn_SEARCH3_txtSearch:focus {
  outline: 4px dashed var(--gold) !important;
  opacity: 1;
}
#dnn_SEARCH3_ClassicSearch
{
	margin-right:5px;
}

#dnn_dnnBreadcrumb_lblBreadCrumb [itemprop="itemListElement"]:last-of-type a span {
  font-weight: 600;
  color: var(--cyan);
}