/* DO NOT SAVE WITHOUT CHECKING
 * LAST SAVED: 2026-01-09 2:09 ET
 * SAVED BY: Ruobing
 * IF THIS IS NOT YOU, STOP AND RELOAD
 */

/* CATEGORY PAGES */ 

	.ar-25-category-block {
		display: grid;
		grid-template-columns: 0.7fr 1fr;
		gap: 3rem;
		align-items: anchor-center;
		margin:3rem 0;
		padding:2rem;
		border-radius: var(--img-radius);
		background-color: white;
	}
	
	.ar-25-category-block img {
  	width: 100%;
  }
	
	.title-body a {
		font-family: var(--ar-25-font-title) !important;		
		padding:1rem 0;
	}
	
	.title-body p {
		padding:1.5rem 0;
		line-height: 1.5;
	}

  .ar-25-cat-1 .ar-25-category-block {
  	outline: 2px solid var(--ar-25-cat-1);
  }  
  
  .ar-25-cat-2 .ar-25-category-block {
  	outline: 2px solid var(--ar-25-cat-2);
  }  
  .ar-25-cat-3 .ar-25-category-block {
  	outline: 2px solid var(--ar-25-cat-3);
  }  
  .ar-25-cat-4 .ar-25-category-block {
  	outline: 2px solid var(--ar-25-cat-4);
  }  
  .ar-25-cat-5 .ar-25-category-block {
  	outline: 2px solid var(--ar-25-cat-5);
  }  
  .ar-25-cat-6 .ar-25-category-block {
  	outline: 2px solid var(--ar-25-cat-6);
  }  
  
  .ar-category-header-divider {
		border-top: 10px double var(--text-color); 
		width: 15%; 
  	margin: 1rem auto; 
	}
	
	.ar-25-story-teaser-mobile h5 {
		font-family: var(--ar-25-font-title) !important;
		font-weight:400 !important;
		line-height: 1.5;
		padding: 1rem 0;
	}
  
  /* HEADERS */
  /* story */
  .ar-25-story-main-header {
  	border-radius: var(--ar-container-radius);
  	background-color: #fff;
  	margin-bottom: 2rem;
  	padding: 2rem;
  	font-family: var(--ar-25-font-title) !important;
  }
  
  .ar-25-story-main-header div {
  	align-items: center;
  }
  
  .ar-25-story-main-header h5 {
		font-family: var(--ar-25-font-title) !important;
		font-weight:400 !important;
		line-height: 1.5;
		padding:2rem 0;
	}
  
  .ar-25-cat-1 .ar-25-story-main-header {
  	background-color: var(--ar-25-cat-1);
  }
  .ar-25-cat-2 .ar-25-story-main-header {
  	background-color: var(--ar-25-cat-2);
  }
  .ar-25-cat-3 .ar-25-story-main-header {
  	background-color: var(--ar-25-cat-3);
  }
  .ar-25-cat-4 .ar-25-story-main-header {
  	background-color: var(--ar-25-cat-4);
  }
  .ar-25-cat-5 .ar-25-story-main-header {
  	background-color: var(--ar-25-cat-5);
  }
  .ar-25-cat-6 .ar-25-story-main-header {
  	background-color: var(--ar-25-cat-6);
  }
  
  /* IMAGE CONTAINERS */
  .ar-25-1-col-image-container,
  .ar-25-2-col-image-container {
  	margin-bottom: 2rem;
  }
  .ar-25-1-col-image-container .field--name-field-media-image,
  .ar-25-2-col-image-container .field--name-field-media-image {
  	padding: 0;
  }
  .ar-25-1-col-image-container .field--name-field-media-image img,
  .ar-25-2-col-image-container .field--name-field-media-image img {
  	width: 100%;
  	height: 100%;
  }
  
  .full-width-image figure {
  	width: 100%;
  }
  
  .ar-image-hide-on-desktop { /*mobile image*/
  	display: none;
  }
  .ar-image-hide-on-mobile { /*desktop image*/
  	display: inherit;
  }
  
  /*PER CATEGORY*/
	.ar-25-cat-1 figcaption::before {
		background: var(--ar-25-cat-1);
	}
	
	.ar-25-cat-1 figcaption::after {
		background: var(--ar-25-cat-1-light);
	}
	
	.ar-25-cat-2 figcaption::before {
		background: var(--ar-25-cat-2);
	}
	
	.ar-25-cat-2 figcaption::after {
		background: var(--ar-25-cat-2-light);
	}
	
	.ar-25-cat-3 figcaption::before {
		background: var(--ar-25-cat-3);
	}
	
	.ar-25-cat-3 figcaption::after {
		background: var(--ar-25-cat-3-light);
	}
	
	.ar-25-cat-4 figcaption::before {
		background: var(--ar-25-cat-4);
	}
	
	.ar-25-cat-4 figcaption::after {
		background: var(--ar-25-cat-4-light);
	}
	
	.ar-25-cat-5 figcaption::before {
		background: var(--ar-25-cat-5);
	}
	
	.ar-25-cat-5 figcaption::after {
		background: var(--ar-25-cat-5-light);
	}
	
	.ar-25-cat-6 figcaption::before {
		background: var(--ar-25-cat-6);
	}
	
	.ar-25-cat-6 figcaption::after {
		background: var(--ar-25-cat-6-light);
	}
	
	
	  @media (max-width: 768px) { 
	  	.ar-25-story-main-header {
				aspect-ratio: 4 / 3;
        overflow: hidden;
        width: 100%;
				padding: 0;
				margin: 1rem 0;
			}
			
			.ar-25-story-main-header img {
				width: 80%;
				height: 80%;
				object-fit: cover;
			}

			.ar-image-hide-on-desktop h1 {
				padding: 1rem;
				/*border-bottom: 10px solid var(--ar-25-cat-1);*/
			}
			
			/*header images*/
			.header-image-mobile {
        aspect-ratio: 4 / 3;
        overflow: hidden;
        width: 100%;
      }
        
      .header-image-mobile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      
      .headline-divider {
      	border-top: 7px double var(--text-color);
      	width: 80%;
      	/*margin: 1rem auto;*/
      	margin: 1rem 1rem 2rem 1rem;
      }
      
      .ar-25-cat-header {
      	aspect-ratio: auto;
      }
      
	  }