/* Style sheet created by Flower-webdesign, unless otherwise noted*/
/*When using Grove build in anchor, please note the syntax of the anchor name sometimes automaticly changes and don't forget to turn on the anchor*/


/*---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;
}

/*----correct auto capitalize photo credit----*/
.Figure-credit, .Figure-divider, .Figure-source {
   text-transform: none; 
}


/*---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;
}

/*---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;
}

/*----Indie Alaska----*/
 .OneOffPage-aside-content:has(#sidebar-indiealaska){
	margin-top: 90px;
 }

 #indiealaska-header .OneColumnContainer{
   margin-bottom: 0px;
 }
 

/*----Alaska Insight----*/
 #alaskainsight-header, #alaskainsight-header .OneColumnContainer{
   margin-bottom: 0px;
 }

  #alaskainsight-hostname{
	color: var(--primaryTextColor);
  }

/*----Media Manager pages----*/

 .TVShowEpisodePage-background picture{
	display:none;
 }

 .VideoPlayer-showTitle, .VideoPlayer-title, .VideoPlayer-info-wrapper, .VideoPlayer-description, .VideoPlayer-details, .VideoPlayer-franchise-logo{
 color: #333 !important;
}
 


   
    
/*----------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;
}

    

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

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

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



/*----------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;
  }
}

/*----------EDUCATION----------*/

/*----Alaska at Work----*/
@media only screen and (min-width: 1279px){  
  #akatwork-footer-1, #akatwork-footer-2, #akatwork-footer-3, #akatwork-footer-4{
    margin-left: -500px;
    margin-right: -500px;
  }
    }

 #akatwork-footer-rich1 img, #akatwork-footer-rich2 img{
   max-width:60%;
   margin: auto;
 }
    
  #akatwork-footer .ThreeColumnContainer{
    padding-bottom: 0px;
    margin-bottom: 0px;
  }  


  #akatwork-footer .ThreeColumnContainer-column, #akatwork-footer .ThreeColumnContainer-column .HtmlModule{
    display:flex;
    justify-content: center;
  }
    
 #akatwork-footer-rich1, #akatwork-footer-rich2, #akatwork-footer-html1{
    align-content: center;
  }

/*---AKPM Programs----*/
#akpm-programs-promo-title .PromoB-title{
	text-align:center;
}

#oddsquad-header .Enh, #readyjetgo-header .Enh{
	margin: 0px auto 0px auto;
}


/*---TROUBLE AT SEA----*/
#tas-hatcheries-img, #tas-pink-img, #tas-climate-img, #tas-forward-img, #tas-bigdeal-img, #tas-yukon-img{
	margin-top: 75px;
}

.tas-caption{
	color: var(--secondaryTextColor);
    font-family: var(--secHlFont), Arial, Helvetica, sans-serif;
    font-size: var(--label-1);
    font-style: italic;
    line-height: 1.27;
    margin: 5px 0;
    text-align: right;
}

#tas-david-name, #tas-ayktc-name{
	font-size: 2em;
	test-align: center;
	padding-top: 5-px;
}

 #tas-footer-rich1 img, #tas-footer-rich5 img, #tas-footer-rich7 img{
   max-width:60%;
   margin: auto;
 }

#tas-footer-rich2 img, #tas-footer-rich3 img, #tas-footer-rich4 img, #tas-footer-rich6 img{
   max-width:90%;
   margin: auto;
 }

#tas-footer-rich4 img{
   max-width:80%;
   margin: auto;
 }



 #tas-footer-rich1, #tas-footer-rich2, #tas-footer-rich3, #tas-footer-rich4, #tas-footer-rich5, #tas-footer-rich6, #tas-footer-rich7{
   align-content: center;
 }
    
#tas-footer .ThreeColumnContainer{
    padding-bottom: 0px;
    margin-bottom: 0px;
  }  

a.NavI-text-link[href="https://alaskapublic.org/programs/trouble-at-sea/about"] {
  color: inherit !important;
}

.DropdownNavigation-items > li.tas-nav-custom{
	margin-left: 0px;
}

@media only screen and (max-width: 767px){  
#tas-footer .ThreeColumnContainer-column:first-of-type, #tas-footer .ThreeColumnContainer-column:nth-of-type(2){
	padding-bottom: 0px;
	padding-right: 0px;
}
}
    






