/*---General---*/

/*---correct image margin---*/
.TwoColumnContainer3070 .Enh[data-align-center], .TwoColumnContainer7030 .Enh[data-align-center], .TwoColumnContainer5050 .Enh[data-align-center] {
	margin: 0px auto 50px auto;
}

/*---correct padding 3070 and 7030 column---*/

.TwoColumnContainer3070-column:first-of-type, .TwoColumnContainer7030-column:first-of-type {
	padding-right: 10px;
}
.TwoColumnContainer3070-column:nth-of-type(2), .TwoColumnContainer7030-column:nth-of-type(2) {
	padding-left: 10px;
}





/*---correct padding 5050 column---*/

.ThreeColumnContainer-column:first-of-type{   
	padding-right: 10px;
}

.ThreeColumnContainer-column:nth-of-type(2){
	padding-left: 5px;
	padding-right: 5px;
}

.ThreeColumnContainer-column:nth-of-type(3){
	padding-left: 10px;
}

/*---correct rich text module margin---*/
#newsletter-rich-margin-1, #newsletter-rich-margin-2, #newsletter-rich-margin-3, #newsletter-rich-margin-4, #newsletter-rich-margin-5, #newsletter-rich-margin-6{
	margin-bottom: 0px;
	padding-bottom: 40px;
}


/*---Style HTML buttons---*/
.akpm-button{
color: #fff;
background-color: #BA0C2F;
border-width: 0px;
border-radius: 3px;
padding: 10px 30px 10px 30px;
}

.akpm-button:hover{
cursor: pointer;
background-color: #c90909;
opacity: 0.8;
}

/*---Style links---*/
a, .RTB a, .RTB p a, .RTB p>ol a, .RTB p>ul a, .RTB>ol a, .RTB>ul a {
  text-decoration: none;
}


/*---NAVIGATION---*/
.DropdownNavigation-items > li:nth-child(7){
margin-left: auto;
}

.DropdownNavigation-items > li:nth-child(8) a{
color: #BA0C2F;
}

.DropdownNavigation-items > li:nth-child(9) a{
color: #2638C4;
}

.PH-donate-button{
justify-content: center;
margin-top: 3px;
}

/*---NAVIGATION ALASKA AT WORK---*/


/*---HOME PAGE--*/

.AlertBar {
   background-color: #eb751a;
}

.PromoC-media{
margin: 0 0 20px 0;
}

#homepage-sponsor-title, #homepage-sponsor-title-2, #homepage-sponsor-title-3{
	margin-bottom: 0px;
	padding: 0 15px 20px 25px;
}

#homepage-program-high{
	border-bottom: 1px solid #e6e6e6;
}

#homepage-program-high .ListH-items-item{
	width: 100% !important;
}

#homepage-program-high .ThreeColumnContainer-column:nth-of-type(2), #homepage-program-high .ThreeColumnContainer-column:nth-of-type(3){
	margin-top: 25px !important;
}

#homepage-program-high-1 .PromoA-title, #homepage-program-high-2 .PromoA-title, #homepage-program-high-3 .PromoA-title{
	font-size: var(--title-3);
	line-height: 1.136;
}

@media only screen and (max-width: 676px){
#homepage-program-high .ListH-items{
	grid-template-columns: repeat(1,100%) !important;
}

#homepage-program-high-1 .ListH-items{
	grid-template-columns: repeat(1,100%) !important;
}

#homepage-program-high .ListH-items-item{
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#homepage-program-high-1 .ListH-items-item{
	margin-bottom: 0px;
	padding-bottom: 0px;
}
}



/*-----------News-------*/

/*---Alaska Desk---*/

#alaskadesk-team{
margin-bottom: 30px;
}

#alaskadesk-cpb, #alaskadesk-cpb-story{
margin-top: 30px;
}




/*----------WATCH--------*/

/*----Ways to Watch----*/
.ways_to_watch{
	width: 100%;
	line-height: 1.7em;
	text-align: center;
}

.ways_to_watch th, .ways_to_watch td{
	font-family: 'Roboto';
	font-weight: 400;
	border: 1px solid #BA0C2F;
	padding: 5px;
}

.ways_to_watch th{
	background-color: #d3d3d3;
}

.ways_to_watch tr> td:nth-child(1){
	background-color: #e8e8e8;
}


/*----------ABOUT----------*/

#public-documents-spacing hr{
	margin: 10px auto 40px auto !important;
}

#public-documents-spacing .RichTextModule{
	padding-bottom: 0px;
}



/*----------LOGO EXPANDED - MARC SHERMAN ----------*/
/* Ensure the logo container can expand */
.PH-logo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: auto;
    max-width: none;
}

/* Allow the <picture> wrapper to scale */
.PH-logo picture {
    display: flex;
    width: auto;
    max-width: none;
}

/* Override inline width & height for the actual <img> */
.PH-logo img {
    width: 340px !important; /* Double the original display */
    height: auto !important; /* Maintain aspect ratio */
    max-width: 100%; /* Prevents it from overflowing */
    object-fit: contain; /* Ensures full image is displayed */
}

/* Ensure the surrounding containers do not limit height */
.PH-ham-m-top {
    min-height: 120px; /* Make room for larger logo */
}

.PH-ham-m-wrapper {
    min-height: 150px; /* Give enough space for the logo */
}

/* Responsive fix for smaller screens */
@media (max-width: 768px) {
    .PH-logo img {
        width: 267px !important; /* Adjusted for mobile */
        height: auto !important;
    }
}
.gray30 {
  color: #B3B3B3;
}
    
    
    
    
/*----------WAYS-TO-WATCH TOOLTIPS - MARC SHERMAN ----------*/
.tooltip-container {
    position: relative;
    display: inline-block;
    cursor: help;
}

.tooltip-container .tooltip-text {
    visibility: hidden;
    width: 300px;
    background-color: #333;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 8px;
    position: absolute;
    z-index: 9999;
    top: 120%; /* position below */
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
}

.tooltip-container:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

    
    
    



/*----------EVENT TABLES - MARC SHERMAN ----------*/
.responsive-table {
  width: 100%;
  border-collapse: collapse; /* Ensures clean grid lines */
  border: 1px solid #ddd; /* Restores the outer border */
}

/* Style table headers */
.responsive-table th {
  background-color: #ba0c2f; /* Dark red background */
  color: #ffffff; /* White text */
  padding: 12px; /* Add a bit more padding for readability */
  text-align: left;
  border: 1px solid #ddd; /* Ensures gridlines remain in headers */
}

/* Style table cells */
.responsive-table th,
.responsive-table td {
  padding: 12px; /* Slightly increased padding for better spacing */
  border: 1px solid #ddd; /* Restores full grid */
  text-align: left;
}

/* Style links inside table cells */
.responsive-table td a {
  color: #ba0c2f; /* Set text color */
  font-weight: bold; /* Make it bold */
  text-decoration: none; /* Optional: Remove underline */
}

/* Add underline when hovered for better UX */
.responsive-table td a:hover {
  text-decoration: underline;
}

/* Convert Table into Cards for Mobile */
@media (max-width: 768px) {
  .responsive-table thead {
    display: none; /* Hide table headers */
  }
  
  .responsive-table tbody,
  .responsive-table tr,
  .responsive-table td {
    display: block;
    width: 100%;
  }

  .responsive-table tr {
    margin-bottom: 15px;
    border: 1px solid #ddd;
    padding: 12px;
    background: #f9f9f9;
  }

  .responsive-table td {
    text-align: right;
    position: relative;
    padding-left: 50%;
    border: 1px solid #ddd; /* Ensure borders remain in card format */
  }

  .responsive-table td::before {
    content: attr(data-label);
    position: absolute;
    left: 10px;
    font-weight: bold;
    text-align: left;
  }
}