/****************** Weglot ***********************************/

/*Restrict form width to remain within parent container 
   - form set to cover full width of pg. (used for translation purposes)*/
   .guideContainerNode {
    max-width: 100%;
}
/*WeGlot Keyboard Focus*/
.wg-drop.wg-mouse-click>div:focus 
{ 
    outline: 3px solid #1CA6DF; 
}

/******************* GLOBAL ***************************************/
/*Hide "More" Ellipsis on left-side site bar */
.sz-share-item.sz-more {display: none;}
.sz-share-item.sz-email {border-radius: 0px 0px 6px 0px;}

/* Agency Logo Sizing */
.cmp-agency-header__logo {
    height: 2.875rem;
    width: auto;
}

/* Removes width restraints on text components */
.cmp-text {
    max-width: 100%;
}

/* Centers Text in Container */
.text-center {
    text-align: center !important;
}

/* Decrease white space in-between image cards */
.cmp-image-card {
    margin: 0;
}

/* */
.cmp-image-card .button .cmp-button:hover {
    background: black;
}

/* Set attributes for color bar above H1 title text */
.title .cmp-title h1::before {
    width: 5.9375rem;
    content: " ";
    height: .375rem;
    position: absolute;
    top: 0;
    left: 0;
}

/* Set color of bar above H1 Title here */
.title h1::before {
    background-color: #003E62;
    /* Uncomment the code below to remove the bar above the h1 title */
    /*display: none;*/
}

/* Set Agency Footer Color */
.cmp-agency-footer {
    background-color: #005180;
}

/* Set Global Footer Color */
.cmp-global-footer {
    background: #003E62;
}

/* Set color of border for event date icon */
.cmp-news-feed__event-date {
    border: 1px solid #C3371E;
}

/* Set color of background for month portion of event date icon */
.cmp-news-feed__event-date__month {
    background: #C3371E;
}

/* Set color of background for year portion of event date icon */
.cmp-news-feed__event-date__year {
    background: #C3371E;
}

/* Agency Logo Sizing MQ */
@media (min-width: 1101px) {
    .cmp-agency-header__logo {
        height: 5.25rem;
    }
}

@media (min-width: 1101px) {
    .dcfs-large-header .cmp-agency-header__logo {
        height: 7rem;
        margin-bottom: -20px;
    }
}
/******* Home Page *******/
/* Adjust container padding of Guardian Consent Portal container to match neighbor container height */
.gcp-video-container .dynamicmedia {
    padding-bottom: 19px;
}


/* Remove whitespace between image card and button */
/*.cmp-image-card__cta {
    position: relative;
    margin-top: -30px;
}*/

.cmp-image-card__text.cmp-image-card__text--no-desc {}

/* Commenting out below code, as it is improper and causing issues with image card rendering (3/20/2023)*/
/*.cmp-image-card__body {
    margin-top: -100\[;
    margin-top: -100\[x;
    margin-top: -55px;
    min-width: 100%;
    height: 60px !important;
    background-image: linear-gradient(to bottom, rgba(255, 0, 0, 0), rgba(0, 0, 0, 255));
}*/

/*.button .cmp-button {
    background: rgba(255, 0, 0, 0);*/
    /*basically you want to clear this property 
}*/

.cmp-image-card__image {
    min-height: 300px;
}

.cmp-image-card__cta .button .cmp-button:hover {
    background-color: none;
    text-decoration: underline;
}

/* Hide Spanish and Polish from the Google Translate dropdown */
.google-translate .cmp-google-translate select option[value="es"] {
    display: none !important;
}
.google-translate .cmp-google-translate select option[value="pl"] {
    display: none !important;
}


/* used to make the description block in image cards non-bold */
.card-description-plain {
	font-weight: normal;
}

.dcfs-fp-zebralist UL > li {}

.dcfs-fp-zebralist UL > li:nth-child(even) {
    background-color: lightgray;
}

/*.cmp-image-card__cta .button .cmp-button {
    margin-top: -0.0625rem;
    margin-bottom: 0;
}*/

/* round icon size on mobile */
@media (min-width: 769px){
   
    .round-icon-card .cmp-round-icon-card{
        height: 11.7rem;
        width: 11.7rem;
    }
}
@media (max-width: 768px){
    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: none;
        width: 100%;
    }
    .round-icon-card .cmp-round-icon-card{
        height: 10.125rem;
        width: 10.125rem;
    }
    /* social icons in center  */
    .dcfs-footer .cmp-agency-footer__links-wrapper:nth-child(4){
        width:100% !important;
    }
}

/***************************************FOIA Form**************************************/
/*Make font-weight bold for all form labels*/
.cmp-form-text__label
{
	font-weight: bold;
    font-size: 17px;
    margin-bottom: 2px;
}

/*italicize and resize all short descriptions*/
.short-description {
    font-size: 12.5px;
    color: #595959;
    font-style: italic;
    margin-top: 1px;
    margin-bottom: 2px;
}

/*round the corners of the all buttons*/
.cmp-button {
    border-radius: 5px;
   
}

.textarea, .body-text, .cmp-form-text--input{
    border-style: solid;
border-top-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
height: 2.5rem;
color: #555;
font-size: .875rem;
padding-bottom: 0.625rem;
padding-left: 0.625rem;
padding-top: 0.625rem;
padding-right: 0.625rem;
background: #fff;
border-bottom: 3px solid #005180;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
}

.multiline-form{
height: 80px;
}

.multiline-description{
    height: 200px;
}

/* new homepage concept css classes */
.cta-orange {
color: #F8A51B !important;
border-left: 5px solid #F8A51B !important;
}

.cta-orange .cmp-text-cta__font-icon {
 padding-left:3px;
}

.cta-blue {
color: #2860AB !important;
border-left: 5px solid #2860AB !important;
}

.cta-blue .cmp-text-cta__font-icon {
 padding-left:3px;
}


.cta-aqua {
color: #33B7BB !important;
border-left: 5px solid #33B7BB !important;
}

.cta-aqua .cmp-text-cta__font-icon {
 padding-left:3px;
}


.cta-purple {
color: #906BB0 !important;
border-left: 5px solid #906BB0 !important;
}

.cta-purple .cmp-text-cta__font-icon {
 padding-left:3px;
}


.cta-lightred {
color: #EE4524 !important;
border-left: 5px solid #EE4524 !important;
}

.cta-lightred .cmp-text-cta__font-icon {
 padding-left:3px;
}


.cta-red {
color: #DD2B27 !important;
border-left: 5px solid #DD2B27 !important;
}

.cta-red .cmp-text-cta__font-icon {
 padding-left:3px;
}


.cta-darkred {
color: #C82327 !important;
border-left: 5px solid #C82327 !important;
}

.cta-darkred .cmp-text-cta__font-icon {
 padding-left:3px;
}


.cta-green {
color: #2DB376 !important;
border-left: 5px solid #2DB376 !important;
}

.cta-green .cmp-text-cta__font-icon {
 padding-left:3px;
}

.cta-darkblue {
color: #262465 !important;
border-left: 5px solid #262465 !important;
}

.cta-darkblue .cmp-text-cta__font-icon {
 padding-left:3px;
}

.cta-lightblue {
color: #005DBE !important;
border-left: 5px solid #005DBE !important;
}

.cta-lightblue .cmp-text-cta__font-icon {
 padding-left:3px;
}

.cta-pink {
color: #DE167C !important;
border-left: 5px solid #DE167C !important;
}

.cta-pink .cmp-text-cta__font-icon {
 padding-left:3px;
}

.iconcard-orange .cmp-icon-card__font-icon,.iconcard-orange .cmp-icon-card__title  {
color: #F8A51B !important;
}

.iconcard-blue .cmp-icon-card__font-icon,.iconcard-blue .cmp-icon-card__title {
color: #2860AB !important;
}

.iconcard-aqua .cmp-icon-card__font-icon,.iconcard-aqua .cmp-icon-card__title {
color: #53BFC9 !important;
}

.iconcard-purple .cmp-icon-card__font-icon,.iconcard-purple .cmp-icon-card__title {
color: #906BB0 !important;
}

.iconcard-lightred .cmp-icon-card__font-icon,.iconcard-lightred .cmp-icon-card__title {
color: #EE4524 !important;
}

.iconcard-red .cmp-icon-card__font-icon,.iconcard-red .cmp-icon-card__title {
color: #DD2B27 !important;
}

.iconcard-darkred .cmp-icon-card__font-icon,.iconcard-darkred .cmp-icon-card__title {
color: #C82327 !important;
}

.iconcard-green .cmp-icon-card__font-icon,.iconcard-green .cmp-icon-card__title {
color: #5ABF95 !important;
}

.iconcard-darkblue .cmp-icon-card__font-icon,.iconcard-darkblue .cmp-icon-card__title {
color: #262465 !important;
}

.iconcard-lightblue .cmp-icon-card__font-icon,.iconcard-lightblue .cmp-icon-card__title {
color: #005DBE !important;
}

.iconcard-pink .cmp-icon-card__font-icon,.iconcard-pink .cmp-icon-card__title {
color: #DE167C !important;
}

/* header link */
/* .cmp-agency-header__links-desktop > a:first-child {
    background-color: #CA4C12;
    color:white !important;
    padding:10px;
    font-size: 25px;
    text-decoration: none;
} */

/* main icon card button color */
.dcfs-main-icon-card .icon-card:first-child .cmp-button{
    background: #e81355 !important;
    color:white
}
.dcfs-main-icon-card .icon-card:nth-child(2) .cmp-button{
    background: #58821C !important;
    color:white
}
.dcfs-main-icon-card .icon-card:nth-child(3) .cmp-button{
    background: #AC6406 !important;
    color:white
}
.dcfs-main-icon-card .icon-card:nth-child(4) .cmp-button{
    background: #327BA9 !important;
    color:white
}

/* kind act learn more button  */
.kind-act-learn-more{
    background: #e81355 !important;
}

/* kind act column center */
.kind-act-column .table-container {
    display: flex !important;
    align-items: center;
}

/* footer second column texts center  */
.dcfs-footer .cmp-agency-footer__links-wrapper:nth-child(2) .cmp-agency-footer__text p{
    display: flex;
    justify-content: center; 
    align-items: center; 
    flex-direction: column; 
}
/* footer second column reporting form button color   */
.dcfs-footer .cmp-agency-footer__links-wrapper:nth-child(2) .cmp-agency-footer__text p:nth-child(2) > strong {
    background: #e41d1d !important;
    padding: 10px ;
    display: inline-block;
    /* width: 14rem; */
}

/* online reporting form underline removed */
.dcfs-footer .cmp-agency-footer__links-wrapper:nth-child(2) .cmp-agency-footer__text p:nth-child(2) a {
    text-decoration: none;
}

.dcfs-footer .cmp-agency-footer__links-wrapper:nth-child(2) p:first-child {
    word-spacing: -1.5px;    
}

/* footer second column background color   */
.dcfs-footer .cmp-agency-footer__links-wrapper:nth-child(2) {
    background-color:#5068AF ; 
    padding-top: 3px;
}

.dcfs-footer .cmp-agency-footer__links-wrapper:nth-child(2) p:last-child{
    background-color: #5e74b5 !important;
    margin-bottom: 0 !important;
    /* height:5.4rem; */
}

.dcfs-footer .cmp-agency-footer__links-wrapper:nth-child(3) img{
    width:12rem;
}

/* footer fourth column image size */
/* .dcfs-footer .cmp-agency-footer__links-wrapper:nth-child(4){
        width:14rem;
} */

/* Position phone icons absolutely to the left */
.dcfs-footer .cmp-agency-footer__links-wrapper:nth-child(2) p:nth-child(4) img {
    position: absolute;
    left: -65px;
    top: 95%;
    transform: translateY(-50%); /* Center vertically */
    width: 37px; /* Control icon size */
    height: auto;
}
  
.dcfs-footer .cmp-agency-footer__links-wrapper:nth-child(2) p:nth-child(4) a {
    display: inline-block;
    position: relative; /* Set reference for absolute positioning */
}

/* navigation dropdown arrow icon hide */
.dcfs-large-header .cmp-header-navigation__dropdown-arrow {
    display:none !important;
}

/* search & hamburger menu icon color change in header for mobile view*/
.dcfs-large-header .cmp-agency-header__mobile-icons em{
    color: #262465 !important; 
}

/* Header links color */
.dcfs-large-header .cmp-agency-header__links-desktop > a{
    color:#0365C0 !important;
}