/* ==============================================================
   Widget Downloads
   style declarations for widget_downloads.xhtml
   ==============================================================*/
#widgetDownloads {}
.widget-downloads {
	&__topbar {}
	&__title {}
	&__body {}
	&__license-text {}
	&__subtitle {}
	// BADGE CONTAINER STYLING
	&__page-download,
	&__image-fragment-wrapper,
	&__work-downloads {
	}

	&__page-downloads {
	}
	&__page-download-pdf {}
	&__page-download-jpeg {}
	&__page-download-alto {}
	&__page-download-tei {}
	&__page-download-fulltext {}
	&__download-image-size-form {}
	&__download-image-size-option-wrapper {}
	&__download-image-size-radio-label {}
	&__download-image-size-radio-size {}
	&__download-image-size-radio-format {}
	&__download-image-size-button-wrapper {
				color: @fg-general;
	}
	&__work-downloads {}
	&__work-download-ris {}
	&__work-download-alto {}
	&__work-download-tei {}
	&__work-download-fulltext {}
	&__work-download-pdf {}
	&__work-download-epub {}
	&__work-download-toc {}

	&__image-fragment-wrapper {
		display: none;
	}
 
	&__image-fragment {}
	&__image-fragment-page {}
	&__image-fragment-image {}
	&__download-image-size-form {}
	&__download-image-size-button {}
	
	// ADDITIONAL FILES DOWNLOADS
	&__additional-files-wrapper {}
	&__additional-files-text {}
	&__additional-files-list {}
	
	// PAGE RANGE STYLES
	&__page-range-downloads {}
	&__page-range-downloads-box {}
	&__page-range-downloads-inputs-wrapper {
	} 
	&__page-range-downloads-inputs-wrapper-inner {}
	&__page-range-pdf-link {}
	&__page-range-downloads-select-from {}
	&__page-range-downloads-select-to {}
	&__page-range-pdf-link {}

	// MEDIA FILES DOWNLOADS
	&__media {}
	&__media-video-download-link {}
	&__media-audio-download-link {}
	&__media-model-download-link {}
	
	// SET TO TRUE TO ALWAYS SHOW THIS WIDGET
	@alwaysShowDownloadWidget: false;
	// SET ABOVE TO TRUE TO ALWAYS SHOW THIS WIDGET
    & when (@alwaysShowDownloadWidget = true) {
		.detachedRuleSetTopLevel ({
	        &__topbar {
				pointer-events: none;
				.fa-angle-down {
					display: none !important;
				}
			}
			.widget__body {
				display: block !important;
			}
		});
	} 
}

/* BREAKPOINT FOR LARGE DESKTOPS */
@media screen and (max-width: @largeBreakpoint) {} 

/* BREAKPOINT FOR DESKTOPS */
@media screen and (max-width: @mediumBreakpoint) {}

/* BREAKPOINT FOR TABLETS */
@media screen and (max-width: @smallBreakpoint) {}

/* BREAKPOINT FOR SMARTPHONES */
@media screen and (max-width: @xSmallBreakpoint) {}