/**
 * Visual styles for podcasts (currently for 'Look Who's Talking')
 *
 * This CSS file covers formatting for:
 * - individual nodes where specific overrides of the base elements in elements.css are required
 * - fields within the podcast views
 *
*/ 

/* Normally we don't use the Page Title (h1) format - we use h2 headers instead */
/* For the content node /we do need to use the h1 Page Title - format it like our h2 format for consistency */
.page-node-type-ccnm-podcast  h1.page-title {
  display: block;				/* To override the default display: none */
  text-transform: capitalize;	/* Capitalise each word in the title */
}

/* Para format needs zero LR margins - because of the 0.5rem padding on the node__content container */
/* The need for this could be removed by removing that padding - but we would then need to add margins to other the node fields */
.page-node-type-ccnm-podcast .node__content div.field--name-field-podcast-date,
.page-node-type-ccnm-podcast .node__content div.field--name-field-podcast-summary,
.page-node-type-ccnm-podcast .node__content p {
  margin: 1rem 0;
}

.view-look-who-s-talking .views-field  {
	padding: 0.25rem;
}

.view-look-who-s-talking .views-field-title  {
	width: 22.5%;
}

.view-look-who-s-talking .views-field-field-podcast-date  {
	width: 12%;
}

.views-field-field-podcast-audio-file {
	text-align: right;
}

/* Formatting specific for mobile and tablet (portrait) */
@media all and (max-width: 959px) { 

}

/* Formatting specific for desktops and large tablet */
@media all and (min-width: 960px) {

}

/* Formatting for small mobile screens, where the RL paragraph margins are smaller (1rem not 1.5rem) */
@media all and (max-width: 599px) {
	
}