/*insert css from old PIMC site */
/* depricated */

.IMG_floatRight{
margin-top:10px!important;
}
.pimc_IMG_Align, .pimc_IMG_Align img {
	position:relative;
	padding-left:0px;
	margin:0px;
	text-align:center;
}
.pimc_IMG_floatRight_nb img {
   	position:relative;
	padding:0;
	margin:0;
    float:right;
}

.pimc-cell_60pct {
	width:60%;
}
.pimc-cell_40pct {
	width:40%;
}


/* START ADD ICON FOR IMAGES */
.add-img-icon{
position:relative;
}

.add-img-icon:before{
font-family: FontAwesome;
position:absolute;
left:0px;
top:0px;
font-size: 2em;
text-decoration: none;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* background:rgba(0,0,0,0.3); */
color:white!important;
text-shadow: 0px 0px 2px rgba(0,0,0,0.8)!important;
/* pointer-events: none; */
}

.col-md-2.add-img-icon:before, .col-md-3.add-img-icon:before, .col-md-4.add-img-icon:before, .col-md-5.add-img-icon:before, .col-md-6.add-img-icon:before {
top:0px;
left:15px!important;
}
.pull-right.add-img-icon:before, .pull-left.add-img-icon:before, .center-block.add-img-icon:before{
top:16px;
left:16px!important;
}
.expand-img:before{
content: '\f0b2'; /* expand arrows */
padding:2px 4px;
}
.file-img:before{
content: '\f0f6'; /* expand arrows */
padding:4px 4px;
}
.link-img:before{
content: '\f0c1'; /* expand arrows */
padding:4px 4px;
}
.external-img:before{
content: '\f08e'; /* expand arrows */
padding:4px 4px;
}
/* END ADD ICON FOR IMAGES */

	
/* START UTILITY BOX CSS  modify padding for dev */
.panel-utility.col-md-3, .panel-utility.col-md-4, .panel-utility.col-md-5{
padding-right: 0px!important;
padding-left: 0px!important;
float:right;
margin-left:15px;
margin-bottom:10px;
}

.panel-utility{
border-color:rgba(0,0,0,0.1)!important;
}
.panel-utility > .panel-heading{
	background:rgba(0,0,0,0.1)!important;
	padding:5px 10px!important;
}
.panel-utility .panel-title{
	color:rgba(0,0,0,0.6)!important;
	font-weight:700;
	padding:0px;
}
.panel-utility .panel-body{
	padding:0px 10px;
}
.panel-utility .panel-body p{
	padding:0 10px 0 10px;
}
.panel-utility .panel-body ul{
	padding:10px 0px;
}
.icon-mail:before,.icon-link:before,.icon-info:before,.icon-calendar:before,.icon-survey:before,.icon-file:before,.icon-search:before,.icon-social:before{
	display: inline-block;
	font-family: FontAwesome;
	float:right;
	font-size: 1.25em;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin:7px 12px 0px 15px;
	color:rgba(0,0,0,0.6)!important;
}
.icon-mail:before {
	content: '\f0e0'; /* envelope */
}
.icon-link:before {
	content: '\f0c1'; /* link */
}
.icon-calendar:before {
	content: '\f073'; /* calendar */
}
.icon-info:before {
	content: '\f05a'; /* info-circle */
}
.icon-survey:before {
	content: '\f046'; /* info-circle */
}
.icon-file:before {
	content: '\f0f6'; /* info-circle */
}
.icon-search:before {
	content: '\f002'; /* info-circle */
}
.icon-social:before {
	content: '\f007'; /* info-user */
}

/* END UTILITY BOX CSS */

/* remove padding from pimc */
.no-padding { 
   padding:0 !important;
   }
.no-margin {
	margin:0 !important;
	}

/* responsive css plm */
.center {
   text-align: center !important;
   }
.center > div, .center > table /*  other block level elements */ {
  margin-right:auto !important;
  margin-left:auto !important;
}
	.faq-collapse .panel-title .faq, .panel-body .faq {
   color:#185394 !important;
   padding-right:3px;
   font-weight:bold;
}
.pull-right-custom {
    float: right;
    padding-left:15px;
    padding-bottom:15px;
    padding-right:0px !important;
}
.pimc-h3-spacing {
	margin-top:20px !important;
}
.pimc-space-top-18 {
	   margin-top:18px !important;
 }
.pimc-margin-top-18 {
	margin-top:18px !important;
}
.pimc-nopadding {
   padding: 0 !important;
 }
 /* pimc under panel buttons */
.pimc-margin-top-less {
	margin-top:-7px;
}
.margin-5 {
	
	margin:5px;
	}

.margin-10 {

margin:10px;
	
}
/* new style for new PIMC site Clinic Information */
.pimc-info-tbl {
    width: 100%;
    border-collapse: collapse;
}

.pimc-th, .pimc-td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: center;
    width: 33%;
}

.pimc-th {
    background-color: #f2f2f2;
    font-weight: normal;
    font-size: 20px;
}

.pimc-icon {
    display: inline-block;
    width: 24px;
    height: 20px;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
/*pimc panel color and border */
.panel .panel-heading {
	border-radius:none !important;
	background:#f2c333 !important;
    border-radius:0 !important;
	
}
.panel .panel-title {
	font-weight: 700 !important;
	color:#000000 !important;
	font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif !important;
    
}
.icon-mail:before,.icon-link:before,.icon-info:before,.icon-calendar:before,.icon-survey:before,.icon-file:before,.icon-search:before,.icon-social:before{
	color:#000000 !important;
}
.pimc-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.pimc-card {
    background-color: #f8f8f8;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 10px;
    text-align: center;
    transition: transform 0.2s, box-shadow 0.2s;
}

.pimc-card:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.pimc-card i {
    font-size: 1.5em;
    color: #000099;
    margin-bottom: 5px;
}

.pimc-card h3 {
    margin: 5px 0;
    font-size: 1em;
}

.pimc-card a {
    color: #000099;
    text-decoration: none;
    display: block;
}

.pimc-card a:hover {
    text-decoration: underline;
}

.pimc-card p {
    font-size: 0.8em;
    margin:0; 
    color: #666;
}

@media only screen and (max-width : 480px) {
    .pull-right-custom {
        float: none;
        margin-left:auto;
        margin-right:auto;
        padding-left:0px;
      
    }
}
/* review icons */
.icon-link {
  display: flex;             /* Flexbox for horizontal layout */
  align-items: center;       /* Vertically center icon and text */
  gap: 8px;                  /* Spacing between icon and text */
  margin: 0;                 /* Remove default paragraph margin */
}

.custom-icon {
  width: 28px;               /* Slightly bigger than normal text (~16px) */
  height: 28px;
  flex-shrink: 0;            /* Prevent shrinking in tight layouts */
}

ul.usa-accordion-bordered {
padding-left:0px;
}
.pimc-info-tbl {
  width: 100%;
  border-collapse: collapse;
}

.pimc-th, .pimc-td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: center;
  width: 33%;
  vertical-align: middle; /* center content inside the cell */
}

.pimc-th {
  background-color: #f2f2f2;
  font-weight: 400;
  font-size: 20px;
}

/* header content (icon + text) */
.pimc-th-content {
  display: inline-flex;          /* treats icon+text as a unit */
  align-items: center;           /* vertical-center the icon with the text */
  justify-content: center;       /* keep the whole unit centered */
  gap: .5rem;                    /* space between icon and label */
}

/* icon */
.pimc-icon {
  width: 24px;
  height: 24px;
  display: block;                /* removes baseline whitespace from <img> */
  object-fit: contain;
}
/* make only the Telehealth icon appear larger without changing layout */
.pimc-icon--telehealth {
  transform: scale(1.2);          /* tweak 1.1–1.3 to taste */
  transform-origin: center center; /* keeps it centered */
}
/* Make columns behave on small screens */
.pimc-info-tbl {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;            /* equal column widths + predictable wrapping */
}

.pimc-th, .pimc-td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: center;
  vertical-align: middle;
  width: 33.333%;
  word-break: normal;
  overflow-wrap: anywhere;        /* allow long words to wrap if needed */
}

/* header content (icon + text) */
.pimc-th-content {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
}

/* allow the text inside the flex header to actually wrap */
.pimc-th-content > span {
  min-width: 0;                   /* critical for text wrapping in flex items */
}

/* icon */
.pimc-icon {                      /* keep your desktop size */
  width: 24px;
  height: 24px;
  display: block;
  object-fit: contain;
}
/* PIMC */
.panel-heading > .panel-title{ 
font-size: .8em !important;
}


/* --- phones (Bootstrap 'sm' and down) --- */
@media (max-width: 575.98px) {
  /* override the inline 440px / 251px widths */
  .pimc-info-tbl .pimc-th,
  .pimc-info-tbl .pimc-td {
    width: 33.333% !important;
  }

  .pimc-th { font-size: 18px; }   /* slightly smaller heading text */
  .pimc-icon { width: 22px; height: 22px; }
  .pimc-th-content { gap: .25rem; }

  /* Optional: stack icon above label to free horizontal space */
  /* comment these two lines out if you prefer icon-left layout on phones */
  .pimc-th-content { flex-direction: column; }
  .pimc-th { padding-top: 10px; padding-bottom: 10px; }
}

[id] {
  scroll-margin-top: 70px; /* Adjust this value based on your navbar height */
}