/* This file holds all styles associated with the HighWire Content Msite Features: 
 *			HW Feature: Content Lists
 *			HW Feature: Custom HTML Element
 * 			HW Feature: Image Slideshow (Type 1, 2, 3)
 * 			HW Feature: Content Slideshow 
 */

/* Library of Misc Row Classes
------------------------------ */
	.row-italicize, .row-italics { font-style: italic; }
	.row-bold { font-weight: 400; }
	.row-bolder { font-weight: 700; }
	.row-parenthesize::before{ content: "("; }
	.row-parenthesize::after{ content: ")"; }

/* HW Features
-------------- */
	/* Block/Pane and Row/Field Containers 
	-------------------------------------- */
		/* Outer wrappers */
		.hw-content-list 	{	}
		.hw-custom-html 	{	}
		.hw-img-slideshow {	}
		.hw-content-slideshow {	}
		
			/* Views list item wrappers */
			.hw-content-list .views-row {
				border-bottom: 1px solid; 
				margin-bottom: 15px;
				overflow: auto;
				padding-bottom: 15px;
			}
				.region-content .block-inner > .content > .hw-content-list .views-row,
				.panels-page .panel-region-content .hw-content-list .views-row {
					margin-left: 10px;
					margin-right: 10px;
				}
				
			.hw-img-slideshow .views-row {	}
			.hw-content-slideshow .views-row {	}
		
	/* Content/Custom HTMl "fields" classes
	-------------------------------------- */
		/* titles */
		.hw-content-list .row-title,
		.hw-content-slideshow .row-title, 
		.hw-img-slideshow .row-title, 
		.hw-custom-html .element-title {
			font-weight: 400;
		}
		/* descriptions and authors */
		.hw-content-list .row-desc, .hw-content-list .row-authors,
		.hw-img-slideshow .row-teaser, 
		.hw-content-slideshow .row-teaser, 
		.hw-custom-html .element-desc, .hw-custom-html .element-authors {
		
		}
		/* published info (date, journal, toc) and misc info */ 
		.hw-content-list .row-pub-info, .hw-content-list .row-misc,
		.hw-custom-html .element-pub-info, .hw-custom-html .element-misc {
			
		}
		
	/* Image Slideshow Slides 
	------------------------- */		
		.hw-img-slideshow .row-image {
			margin-top: 10px;
			text-align: center;
		}
		.hw-img-slideshow .row-image a {
			border-bottom: 0;
		}		
		.hw-img-slideshow .row-caption p {
			margin-bottom: 10px;
		}
		.hw-img-slideshow.slide-type-2 .views-row, .hw-img-slideshow.slide-type-3 .views-row {
			overflow: auto;
		}
		
		/* Set widths */
		.views_slideshow_slide {
			width: 100% !important; 
		}
		
		/* Slide Type 1 - Large Img, small text */
		.hw-img-slideshow.slide-type-1 .row-caption {
			margin-top: 10px;
			padding: 0 20px; 
		}
		/* Slide Type 2 - Balanced */
		.hw-img-slideshow.slide-type-2 .views-row {
			padding: 10px 10px 0 10px;
		}
		/* Slide Type 3 - Small Img, large text */
		.hw-img-slideshow.slide-type-3 .views-row {
			padding: 15px 15px 0 15px;
		}
		/* Slide types 2 & 3 image */
		.hw-img-slideshow.slide-type-2 .row-image,
		.hw-img-slideshow.slide-type-3 .row-image {
			float: left;
			margin: 0 15px 15px 0;	
		}
		
	
	/* Content list & Media Gallery pagers 
	---------------------- */
		/* pager wrapper */
		.hw-content-list ul.pager, .hw-media-gallery ul.pager {
			border: 0;
		}
			/* Omega, by default, positions next/last links on the right side. 
			 * Override these styles, so everything is compact.  
			 */
			.hw-content-list .pager li.pager-next, .hw-content-list .pager li.pager-last,
			.hw-media-gallery .pager li.pager-next, .hw-media-gallery .pager li.pager-last  {
				position: static;
			}
			.hw-content-list .pager li, .hw-content-list .pager li.pager-next,
			.hw-media-gallery .pager li, .hw-media-gallery .pager li.pager-next {
				border-right: 0;
				font-family: 'Lato', sans-serif;
			}
			/* fix border radius */
			.pager li.pager-next.last, .pager li.pager-next.last a {
				border-radius: 0 5px 5px 0; 
				 -moz-border-radius: 0 5px 5px 0;
				 -webkit-border-radius: 0 5px 5px 0;
			}
			.hw-content-list .pager a, 
			.hw-media-gallery .pager a {
				border-bottom: 0;
				font-weight: normal;
			}
			
	/* Views Slideshow Pagers - general 
	----------------------------------- */
		/* Pager wrapper */
		.views-slideshow-controls-top, .views-slideshow-controls-bottom {
			border-collapse: separate;
			border-spacing: 7px;
			display: table-row;
		}
		/* Pager Items */
		.views-slideshow-pager-field-item { 
			cursor: pointer;
			display: table-cell;
			vertical-align: middle;
		 }
	
	/* Slideshow Pagers 
	------------------- */
		.hw-img-slideshow .views-slideshow-pager-field-item > *[class*="views-field"], 
		.hw-content-slideshow .views-slideshow-pager-field-item > *[class*="views-field"] {
			height: 12px;
			overflow: hidden;
			text-indent: -999em;
			width: 10px;
		}
		
		/* Active Pager */
		.hw-img-slideshow .views-slideshow-pager-field-item.active, 
		.hw-content-slideshow .views-slideshow-pager-field-item.active {

		}		
		
		/* Inline-positioned pager */
		.pager-inline .views-slideshow-controls-top {
			float: right;
			position: relative;
			 top: -30px;
		}