/**
 * Formatting of views of content
 * As we have several Views defined, each should have its own css where there are sufficient view-specific statements to justify it
 * We will reference those css files here
 * ALL of the front page view settings need to be moved to front-page.css
 * LAYER2B of design - GENERIC FORMATTING FOR A SPECIFIC TYPE OF PAGE
 **/

/* The outer container of a view */
.views-element-container  {
  display: block;
  clear: both;
}

/* Formatting where tokens (usually the View Title) are used for the View Heading - format as h2 */
/* Where introductory information is needed, use a specific block and remove any Heading from the view */
/* (Note that this also overrided the standard para format - another reason for the above approach) */
/* ISSUE: CCNM Groups on News Page also affected */
/**
.view-header :not(p) {
  text-align: center;
  font-size: var(--font-size-h2);  				
  font-weight: bold;
  line-height: var(--line-height-heading); 		
  margin: var(--space-xl) 0; 
  padding: 0.5rem;								
  color: var(--colour-grey-x40);
}
**/

/* Formatting for the header section of the view, where h2 is used for the view page header */
.view-header h2  {
  text-align: center;
  margin-top: 1rem;
}

/* Formatting for the text footer as set up in the view configuration */
.view-footer  {
	padding: 0.25rem 0;
}

/* Not certain where this is used */
.view-grouping  {
  margin-bottom: 1rem;
}

/* The following elements of a standard view should - by default - NOT be displayed */
.block-views-blockposter-cycles-block-1 h2, 
.view-content h2,								/* the generated content node header */
.node__links,									/* node links ('read more') */
.node__submitted  {								/* 'Submitted by' text */
	display: none;
}

/* bottom margin on News Views header needs to be reduced to remove excessive white space */
#block-view-header-news h2  {
	margin-bottom: 0.5rem;
}

#block-shema-views-block-ccnm-news-block-low .view-content {
	border-bottom: 2px solid #585858;
}


/**
/* Formatting for views slideshows
/* Not generic though, only used in the footer section, so could be moved there - particularly if the height setting is key 
*/
.views_slideshow_cycle_teaser_section {
    margin-right: auto;
    margin-left: auto;
}

/**
/* Action Page poster slideshow view 
/* - These are all concerned with formatting of the slideshow controls (next or previous) 
/* - Retained here for possible reuse ~ where the Slideshow Settings have the Controls Widgets (Top or Bottom) enabled
*/
#views_slideshow_controls_text_next_action_poster_slideshow-page a,
#views_slideshow_controls_text_previous_action_poster_slideshow-page a { 
	display: inline-block;
	width: 32px;   
	font-size: 0px;
	padding: 0.5rem;    
	overflow: hidden; 
	z-index: 100;
} 

#views_slideshow_controls_text_next_action_poster_slideshow-page,
#views_slideshow_controls_text_previous_action_poster_slideshow-page {   
	display: inline-block;
	height: 48px;
} 

#views_slideshow_controls_text_previous_action_poster_slideshow-page {   
	background: url('arrow-left.svg'); 
	background-size: 100%;
	margin-left: 0.5rem;
} 

#views_slideshow_controls_text_next_action_poster_slideshow-page {   
	background: url('arrow-right.svg');   
	background-size: 100%;
	margin-right: 0.5rem;
} 

#views_slideshow_controls_text_pause_action_poster_slideshow-page {   
	display: inline-block; 
	width: calc(100% - 122px);
} 

#views_slideshow_controls_text_pause_action_poster_slideshow-page a {   
	display: inline-block; 
	width: 100%;
	padding: 0 0.5rem;
	text-align: center;
	line-height: 3rem;
} 

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

}

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

}

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

}