/* @override 
	https://rs.stephensuess.com/plugins/col-lacroix/css/style.css?css_reload_key=115 */
	
	/* Generated by Font Squirrel (https://www.fontsquirrel.com) on June 11, 2016 */
	
	
	
	@font-face {
	    font-family: 'ralewaybold';
	    src: url('../gfx/lacroix/fonts/raleway-bold-webfont.woff2') format('woff2'),
	         url('../gfx/lacroix/fonts/raleway-bold-webfont.woff') format('woff');
	    font-weight: normal;
	    font-style: normal;
	
	}
	
	
	
	
	@font-face {
	    font-family: 'ralewaybold_italic';
	    src: url('../gfx/lacroix/fonts/raleway-bolditalic-webfont.woff2') format('woff2'),
	         url('../gfx/lacroix/fonts/raleway-bolditalic-webfont.woff') format('woff');
	    font-weight: normal;
	    font-style: normal;
	
	}
	
	
	
	
	@font-face {
	    font-family: 'ralewayitalic';
	    src: url('../gfx/lacroix/fonts/raleway-italic-webfont.woff2') format('woff2'),
	         url('../gfx/lacroix/fonts/raleway-italic-webfont.woff') format('woff');
	    font-weight: normal;
	    font-style: normal;
	
	}
	
	
	
	
	@font-face {
	    font-family: 'ralewaylight';
	    src: url('../gfx/lacroix/fonts/raleway-light-webfont.woff2') format('woff2'),
	         url('../gfx/lacroix/fonts/raleway-light-webfont.woff') format('woff');
	    font-weight: normal;
	    font-style: normal;
	
	}
	
	
	
	
	@font-face {
	    font-family: 'ralewaylight_italic';
	    src: url('../gfx/lacroix/fonts/raleway-lightitalic-webfont.woff2') format('woff2'),
	         url('../gfx/lacroix/fonts/raleway-lightitalic-webfont.woff') format('woff');
	    font-weight: normal;
	    font-style: normal;
	
	}
	
	
	
	
	@font-face {
	    font-family: 'ralewayregular';
	    src: url('../gfx/lacroix/fonts/raleway-regular-webfont.woff2') format('woff2'),
	         url('../gfx/lacroix/fonts/raleway-regular-webfont.woff') format('woff');
	    font-weight: normal;
	    font-style: normal;
	
	}
	
	
	
	
	@font-face {
	    font-family: 'ralewaythin';
	    src: url('../gfx/lacroix/fonts/raleway-thin-webfont.woff2') format('woff2'),
	         url('../gfx/lacroix/fonts/raleway-thin-webfont.woff') format('woff');
	    font-weight: normal;
	    font-style: normal;
	
	}
	
	
	
	
	@font-face {
	    font-family: 'ralewaythin_italic';
	    src: url('../gfx/lacroix/fonts/raleway-thinitalic-webfont.woff2') format('woff2'),
	         url('../gfx/lacroix/fonts/raleway-thinitalic-webfont.woff') format('woff');
	    font-weight: normal;
	    font-style: normal;
	
	}

#Header {border-bottom: 1px solid #d0d0d0;background: #fff url(../gfx/whitegry/titles/title.gif) no-repeat 25px 12px;margin:0 0 25px 0;padding:5px 25px 0 25px;}
#Header.slimheader_darken {
	background-color: black !important;
	background-image: none !important;
}
#Header.slimheader_darken a:link, #Header.slimheader_darken a:visited, #Header.slimheader_darken a:active {color: #E1E8F0;}
#Header {color: #373737;background: #FFF;
	padding-top: 8px;
}
#Header a:link, #Header a:visited, #Header a:active {color: #373737;}

/* Increase header height from 50px to 55px for better vertical spacing */
#Header { min-height: 52px; }
.HeaderImgLink { height: 55px; display: flex; align-items: center; }
#HeaderImg { max-height: 48px; height: auto; width: auto; object-fit: contain; margin-top: -4px; }

#HomeSiteText.dashtext, 
#SearchBoxPanel, 
#ResearchBoxPanel, 
.HomePanelIN
{border: 1px solid #d0d0d0;	background: rgba(238, 238, 238, 0.8);}

.HomePanel h2 {background: url(../gfx/whitegry/interface/HomeArrow.gif) no-repeat 1px 10px; color:#373737;}
#HomeSiteText h2, #HomeSiteText h1, #HomeSiteText.dashtext h2, #HomeSiteText.dashtext h1 {color:#373737;}
.HomePanel p, #HomeSiteText p,#HomeSiteText.dashtext p,.HomePanelIN {color:#373737;}
.HomePanel a:link, 
.HomePanel a:visited, 
.HomePanel a:active, 
.HomePanel a:hover,
#HomeSiteText a:link, 
#HomeSiteText a:visited, 
#HomeSiteText a:active, 
#HomeSiteText a:hover 
{color: #373737;}

.HomePanel h2 {background: url(../gfx/whitegry/interface/HomeArrow.gif) no-repeat 1px 10px;}
.HomePanelThemes h2, .HomePanelMyCollections h2, .HomePanelHelp h2 {padding-left: 43px;}
.HomePanelThemes h2 {background: url(../gfx/whitegry/interface/themes.png) no-repeat 0 0;}
.HomePanelMyCollections h2 {background: url(../gfx/whitegry/interface/my_collections.png) no-repeat -2px 0;padding-left:36px;}
.HomePanelHelp h2 {background: url(../gfx/whitegry/interface/help.png) no-repeat 0 0;}

/* Black versions of the dash icons */
.HomePanel .collection-icon { background: url("../../../gfx/dash/black-non-collection.png") no-repeat; }
.HomePanel .theme-icon { background: url("../../../gfx/dash/black-non-theme.png") no-repeat; }
.HomePanel .shopping-icon { background: url("../../../gfx/dash/black-non-my_collections.png") no-repeat; }
.HomePanel .search-icon { background: url("../../../gfx/dash/black-non-search.png") no-repeat; }
.HomePanel .help-icon { background: url("../../../gfx/dash/black-non-help.png") no-repeat; }
.HomePanel .clock-icon { background: url("../../../gfx/dash/black-non-clock.png") no-repeat;}

#ThemeBoxPanel h2, #ResearchBoxPanel h2 {color: #fff;}

.CollectBack{background: rgba(0, 0, 0, 0.75);}

#login_box {
	background: rgba(0, 0, 0, 1);
	border: 1px solid #000000;
}

#login_box, #login_box h1,  #login_box a{
	color: #ededed;
}



div#SearchBoxPanel.FilterBox {
		border-top: none !important;
	
}

img.ImageBorder {
	border: 0px solid silver;
}

#ThemeBoxPanel, #ResearchBoxPanel, .HomePanelIN, .RecordPanel .RecordDownload, .RecordPanel, .ResourcePanel, .ResourcePanelSmall, .ResourcePanelLarge
	{
	border-radius:0px !important;
	background-color: white;
	border: 1px solid silver;
}

/* SearchBoxPanel matches Browse tab styling */
#SearchBoxPanel,
#SearchBoxPanel.FilterBox {
	border-radius: 0px !important;
	background: #757575 !important;
	border: none !important;
	color: #fff !important;
}
#SearchBoxPanel h2,
#SearchBoxPanel a:link,
#SearchBoxPanel a:visited,
#SearchBoxPanel a:hover,
#SearchBoxPanel a:active,
#SearchBoxPanel label,
#SearchBoxPanel p,
#SearchBoxPanel span,
#SearchBoxPanel .Question {
	color: #fff !important;
	border: none !important;
}

/* Button styling moved to PHP hook to use system $button_colour_override */
	
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button,
.ui-widget, body, input, textarea, select,p {
    font-family: ralewaylight, sans-serif !important;
}

select#collection.SearchWidth {
	background: none;
}

div#HomeSiteText {
border:none !important;
	border-radius: 0px;
	max-width: 100%;
	background: none !important;
	opacity: 1;
	padding-left: 0 !important;
	margin-left: 0 !important;
}

div#HomeSiteTextInner {
	padding-left: 0;
}

#FooterNavRightBottom {
	display: none;
}

#FooterLanguages{margin-left:0px;}

#UICenter {
	background: #eef6fb !important;
	background-repeat: repeat !important;
	background-position: -25px !important;
	opacity: 1;
}

.bcdivclass {
	padding-top: 10px !important;
	background-color: white;
	margin-top: 10px;
	width:360px !important;
	border: 1px solid silver;
}

h2,h3,strong {
	font-family: ralewayregular;
}

.RecordPanel h2 {
	font-weight: normal;
}

.RecordPanel .RecordDownloadSpace .DownloadDBlend .DownloadButton {
	font-weight: normal;
}

@media(max-width:380px) {
    #Header {
        padding: 10px !important;
    }
    #HeaderImg {
        max-width: 261px !important;
        margin-top: 5px !important;
        height:auto !important;
    }
    .HeaderImgLink {
        clear: both !important;
        display: block !important;
        width: 100% !important;
        text-align: center !important;
    }
    
    a#account_apply,a#account_pw_reset {
    		font-size: 10px !important;
    	}
    #CentralSpaceLogin h1 {
    	font-size: 12px !important;
    }
    	
    	#CentralSpaceLogin {
    		margin-top: 0 !important;
    		position: relative;
    		top: 250px;
    	}
    	
    	#HeaderResponsive {
    		width: 261px !important;
    		margin-right: auto;
    		margin-left: auto;
    		display: block;
    	}
    	
    	img#HeaderImg {
    		margin-left: -40px !important;
    	}    	
    
}


@media(max-width:570px) {


.TopInpageNavLeft {
    padding: 0;
    margin: 10px 0 0 0;
    width:100% !important;
}

#HeaderNav1,#HeaderNav2 {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	float: none !important;
}

#Header {
	display: block;
	margin-bottom: 20px !important;
	clear: both !important;
	height: auto !important;
}

div.InpageNavLeftBlock {
	padding-top: 10px;
	margin-left: 0px !important;
}

div.InpageNavLeftBlock.icondisplay,#searchSortOrderContainer {
	float: none !important;
	clear: left !important;
	width: 100% !important;
	margin-right: 20px;
	margin-left: 0px !important;
}
#resultsdisplay {
	position: relative;
	top: 2px;
	margin-left: 0px !important;
}

div.ActionsContainer.InpageNavLeftBlock {
	float: left !important;
	clear: left !important;
	width: auto;
	margin-right: 20px;
	margin-left: 0px;
}


    	
	#HeaderNav1Click span.glyph:before {
		margin-left: -10px !important;
	
}
	
	#HeaderNav2Click span.glyph:before {
		margin-left: -10px !important;
		
	}
	
	#HeaderButtons {

		width: 80% !important;
		clear: left;
	}
	
	#HeaderResponsive {
		width: 261px;
		margin-right: auto;
		margin-left: auto;
		display: block;
	}
	
	img#HeaderImg {
		padding-left: 40px;
	}
	
#CentralSpaceLogin p  {
		font-size: 12px !important;
		line-height: 14px !important;
	}
#CentralSpaceLogin h1 {
	font-size: 14px !important;
}
	
#CentralSpaceLogin {margin: 20px auto 0 !important;padding:0;width: 90% !important;text-align:left;}
	
	#HeaderResponsive a.HeaderImgLink {
		text-align: center !important;
		display: block !important;
		margin-right: auto !important;
		margin-left: auto !important;
		margin-bottom: 10px;
	}
	
	.ResourcePanelShell {
width: 45% !important;
	}
	
	.ResourcePanelShell:nth-of-type(odd) {
		margin-right: 10px;
	}
	
	div.ResourcePanel {
		margin-bottom: 20px !important;
		width: 160px !important;
	}
	
	.ResourceAlign {width:160px;height:177px;text-align: center;vertical-align: middle;}
	
	#Whereabouts th.note,#Whereabouts td.note {
		display:none
	}
	
	#Whereabouts .whoto, #Whereabouts .mylocation,#Whereabouts .datetime{
		width: 33% !important;
	}
	
	.RecordPanel {
		margin-bottom: 10px;
	}
								
}

@media(max-width:700px) {
	#HeaderButtons {
	    display: block !important;
	    vertical-align: top;
		margin-right: 0px !important;
		width: 40%;
	}
}

@media(max-width:900px) {
    #Header {
        min-height: 40px !important;
    }
    #HeaderButtons {
        display: block !important;
        vertical-align: top;
		margin-right: auto !important;
		margin-left: auto !important;
		width: 60%;
	}
	
	#HeaderNav1Click {
	    float:right !important;
	}
	#HeaderNav2Click {
	   float: left !important;
	   margin-right: 5px;
	}
	
	#HeaderButtons {
	    padding-left: 0px !important;
	}
.ResponsiveHeaderButton {
    margin-bottom: 5px;
    width: 45% !important;
}	

#HeaderResponsive a.HeaderImgLink {
	margin-right: 0px !important;
}
	
	}



@media(max-width:1100px) {

.TopInpageNavLeft {
    padding: 0;
    margin: 10px 0 0 0;
    width:100% !important;
}

div.InpageNavLeftBlock {
	padding-top: 10px;
}

div.InpageNavLeftBlock.icondisplay,#searchSortOrderContainer,#resultsdisplay {
	float: left !important;
	clear: none !important;
	width: auto;
	margin-right: 20px;
	margin-left: 0px;
}
#resultsdisplay {
	position: relative;
	top: 2px;
}

div.ActionsContainer.InpageNavLeftBlock {
	float: left !important;
	clear: left !important;
	width: auto;
	margin-right: 20px;
	margin-left: 0px;
}



input {
    display: inline-block;
    height: 27px !important;
    padding: 3px;
    border-radius: 0px !important;
    line-height: 1em;
    font-size: 1em;
	border: 1px solid silver !important;
}

input#ssearchbox.SearchWidth.ui-autocomplete-input {
	position: relative;
	top: 1px;
}
#UICenter {
	bottom: 0px !important;
	margin-bottom: 0 !important;
	height: 100% !important;
}

/* CollectionDiv visibility controlled by responsive toggle at narrow widths */

div.ui-layout-resizer {
	display: none !important;
}

.FilterBox{
display: none !important;
}


}

@media(max-width:1200px) {
    #Header {
        min-height: 40px !important;
    }
    #HeaderButtons {
        display: block !important;
        vertical-align: top;
		margin-right: auto !important;
		margin-left: auto !important;
		width: 40%;
	}
    #HeaderNav1Click {
        float:right !important;
    }
    #HeaderNav2Click {
        float: left !important;
        margin-right: 5px;
    }
    .ResponsiveNav1Username {
        display:none !important;
    }
    #Header #HeaderNav1 li {
        border:none;
    }
    #HeaderNav1 {
        display:none;
        margin:0;
        height: auto;
        float: none;
        clear: both;
    }
    #HeaderNav2 {
        display:none;
        margin:0;
        height: auto;
        float: none;
        width: auto !important;
        clear: none !important;
    }
    #Header .HorizontalNav ul li {
        display: inline-block;
        padding:0;
        border:0;
    }
    
    .HorizontalWhiteNav li, .HorizontalNav li {border-left:1px solid #737373 !important;}
    .HorizontalWhiteNav li:first-of-type, .HorizontalNav li:first-of-type {border-left:0px solid #737373 !important;}
    
    #Header .HorizontalNav ul li a,
    #Header.slimheader_darken .HorizontalNav ul li a:link,
    #Header.slimheader_darken .HorizontalNav ul li a:active,
    #Header.slimheader_darken .HorizontalNav ul li a:hover,
    #Header.slimheader_darken .HorizontalNav ul li a:visited{
        color: white !important;
        display:inline !important;
        text-align: center;
        background: none !important;   
        border: 0px solid white !important;
        height: auto !important;
        line-height:40px !important;
        min-width:auto !important;
        padding:0 5px;
        border-radius:0px !important;
        margin-bottom:5px;
    }
    #Header.HeaderMenu {
        height:auto;
    }
    .HeaderMenu #HeaderImg {
        height:40px !important;
    }
    #HeaderImg {
        height:40px !important;
		margin-right: 20px;
	}
    #Header.slimheader_darken a:link, #Header.slimheader_darken a:visited, #Header.slimheader_darken a:active {
        color: #565656;
    }

}

.ResponsiveButton {
    height: 40px !important;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    border-radius: 6px;
    vertical-align: top;
    margin: 0;
    padding: 0;
    box-shadow: 1px 1px 8px -2px;
}

/* Responsive collection toggle - allow to show on narrow screens */

/* Button colors now use system $button_colour_override - see PHP hook */

#FilterForm .QuestionSubmit input {
	margin-left: 0;
}


.CollectImageBorder {border: 1px solid silver;}

#HeaderNav1Click span.glyph:before {
	font: 20px FontAwesome;
	content: '\f007';
	color: white !important;
	margin-left: 5px;
	position: relative;
	top: -19px;
}

#HeaderNav2Click span.glyph:before {
	font: 20px FontAwesome;
	content: '\f0c9';
	color: white !important;
	margin-left: 5px;
position: relative;
	top: -19px;
}

#HeaderNav1Click span.rbText,#HeaderNav2Click span.rbText {
	margin-left: -15px;
}

#HeaderNav1Click span.glyph,#HeaderNav2Click span.glyph {
	background: url(../css/images/1pix.png) -25px repeat !important;
	width:0px !important;
	height: 0px !important;

}

#HeaderNav1Click:hover,#HeaderNav2Click:hover {
	background-color: #444444;
}

#previewdiv {
	top: -100px !important;
	border: 0px solid #333 !important;
}

#HeaderNav1Click,#HeaderNav2Click {
	color: white !important;
	background-color: black;
	box-shadow: 0 0 0 !important;
}

a#Responsive_ResultDisplayOptions.ResourcePanel.ResponsiveButton {
		box-shadow: none !important;
	
}

a#Responsive_ResultDisplayOptions.ResourcePanel.ResponsiveButton.RSelectedButton {
	box-shadow: none !important;
}

#annotateform div.QuestionSubmit input[name='save'] {
	float: right;
}

#annotateform div.QuestionSubmit input[name='preview'] {
	float: left;
	margin-left: 270px;
}

#HeaderResponsive a.HeaderImgLink {
	margin-right: 20px;
}

#sort_selection_chosen {
	margin-left: 20px;
}

#lightbox-secNav-btnClose img {
	margin-left: 50px;
}

div.TopInpageNavLeft a.chosen-single {
	width: calc(100% + 20px) !important;
}

div.TopInpageNavLeft {
	padding-right: 120px !important;
}

/* HIDE ORIGINAL FILENAME FIELD */

#question_1 {
	display: none;
}
#question_copyfrom {
	display: none;
}

/* ============================================
   ALTERNATIVE FILE THUMBNAIL GALLERY
   ============================================ */

/* Wrapper to position preview and thumbnails side by side */
.lacroix-preview-wrapper {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 0;
}

/* Image group keeps preview and thumbnails together */
.lacroix-image-group {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	flex: 0 1 auto;
	min-width: 0;
	max-width: 100%;
	overflow: hidden;
}

/* Allow preview image to shrink but stay tight to content */
.lacroix-image-group #previewimagewrapper {
	flex: 0 1 auto;
	min-width: 0;
	max-width: 100%;
	width: auto !important;
	margin-right: 0 !important;
	padding-right: 0 !important;
	text-align: left !important;
}

.lacroix-image-group #previewimagewrapper img,
.lacroix-image-group #previewimage {
	max-height: 528px !important;
	height: auto !important;
	width: auto !important;
	display: block;
}

.lacroix-alt-thumbnails {
	margin: 0 15px 0 20px;
	padding: 0;
	flex: 0 0 auto;
}

/* Tools panel in the flex wrapper - 50px gap from thumbnails */
.lacroix-preview-wrapper .RecordDownload {
	flex: 0 0 auto;
	margin-left: 50px;
}

/* When tools wrap below (detected via JS), center everything */
.lacroix-preview-wrapper.wrapped {
	justify-content: center;
}

.lacroix-preview-wrapper.wrapped .lacroix-image-group {
	justify-content: center;
}

.lacroix-preview-wrapper.wrapped .RecordDownload {
	flex: 1 1 100%;
	max-width: 500px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
}

.lacroix-thumb-strip {
	display: flex;
	flex-direction: column;
	gap: 8px;
	max-height: 528px;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0 5px 0 0;
}

.lacroix-thumb {
	flex: 0 0 auto;
	width: 70px;
	height: 70px;
	border: 2px solid #ccc;
	border-radius: 0;
	overflow: hidden;
	cursor: pointer;
	transition: border-color 0.2s ease;
}

.lacroix-thumb:hover {
	border-color: #666;
}

.lacroix-thumb.active {
	border-color: #000;
	border-width: 3px;
}

.lacroix-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* ============================================
   FEATURED COLLECTIONS / DASH TILES
   ============================================ */

/* Make featured collection tiles more readable */
.FeaturedSimpleTile {
	background: rgba(80, 80, 80, 0.85) !important;
}

.FeaturedSimpleTile .FeaturedSimpleTileContents h2 {
	background-color: transparent !important;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.8) !important;
}

.FeaturedSimpleTile .FeaturedSimpleTileContents h2,
.FeaturedSimpleTile .FeaturedSimpleTileContents h2 span {
	color: #fff !important;
	font-size: 1.1em;
}

/* Full width tile style (list view) */
.FeaturedSimpleTile.FullWidth {
	background: rgba(60, 60, 60, 0.9) !important;
}

.FeaturedSimpleTile.FullWidth .FeaturedSimpleTileContents h2,
.FeaturedSimpleTile.FullWidth .FeaturedSimpleTileContents h2 span {
	color: #fff !important;
}

/* ==========================================
   Header Navigation Cursor Fix
   Forces pointer cursor on all header links
   ========================================== */
#HeaderNav1 a,
#HeaderNav1 a *,
#HeaderNav2 a,
#HeaderNav2 a *,
.TileNav a,
.TileNav a *,
.TileNav li,
.VerticalNav a,
.VerticalNav a * {
	cursor: pointer !important;
}

/* ==========================================
   Sidebar Search Button Alignment Fix
   Fixes vertical displacement and equalizes padding
   ========================================== */
.search-icon {
	padding: 6px !important;
	margin-top: -34px !important;
}

.search-icon:hover {
	padding: 6px !important;
	margin-top: -34px !important;
	filter: brightness(1.1);
	cursor: pointer;
}

/* ==========================================
   Search Results Toolbar Fix
   Removes shadow and makes background transparent
   ========================================== */
.BasicsBox.SearchSticky {
	background-color: transparent !important;
	border-bottom: none !important;
	box-shadow: none !important;
}

/* ==========================================
   Header Search Toggle Button
   Styled to match Create New button
   ========================================== */
#HeaderSearchToggle .toggle-text {
	font-weight: 600;
}

/* Fix UploadButton opacity and color - override global.css */
.UploadButton a {
	opacity: 1 !important;
	color: #fff !important;
}

/* ==========================================
   Edit Metadata Button - Make it first
   ========================================== */
/* Use flex when visible to enable reordering, but don't override display:none */
#ResourceToolsContainer[style*="block"],
#ResourceToolsContainer.active {
	display: flex !important;
	flex-direction: column;
}

#ResourceToolsContainer li {
	display: block;
}

/* Move Edit metadata to first position and make label bold */
#ResourceToolsContainer li:has(a[id^="edit_link_"]) {
	order: -1;
}

#ResourceToolsContainer li:has(a[id^="edit_link_"]) a {
	font-family: ralewaybold, sans-serif !important;
}