@import url('fonts.css');

@import url('main-style-vars.css');

@import url('../app/collection/rsrc/importantFrontColorOverriding.css');
/* if needed to override it locally, just add and import a new file, with the same name or not: */
/* @import url('importantFrontColorOverriding.css'); */


/* /!\ Now all is in common resources. If needed, for overriding or new specs regarding a particular project,
just keep those imports and add some local ones, conserving the same directory/file structure and organization (including the names): */
@import url('/rsrc/css/siteBuilder/common/header/header-style.css');

@import url('/rsrc/css/siteBuilder/v3/blocks/UIs/common-style.css');

@import url('/rsrc/css/siteBuilder/v3/blocks/UIs/as-mosaic/style.css');
@import url('/rsrc/css/siteBuilder/v3/blocks/UIs/as-polaroid/style.css');
@import url('/rsrc/css/siteBuilder/v3/blocks/UIs/as-slider/style.css');
@import url('/rsrc/css/siteBuilder/v3/blocks/UIs/as-slider-frieze/style.css');

/* @import url('/rsrc/css/siteBuilder/common/collection/showcaseList/showcaseList-style.css'); */
@import url('/rsrc/css/siteBuilder/common/collection/common-style.css');


@import url('/rsrc/css/siteBuilder/common/footer/footer-style.css');
@import url('cms/common/footer/footer-style.css');
@import url('cms/common/header/header-style.css');
@import url('cms/v3/blocks/UIs/common-style.css');
@import url('cms/v3/blocks/as-polaroid/style.css');


*:not([class*="fa"]){
	font-family: 'switzer-regular';
}
.defaultFontColor {
    color: var(--mainContentFontColor) !important;
}

.fas.fa-solid.fa-bars.navbar-toggler-icon {
	color: var(--white)!important;
}

.defaultBgColor {
    background-color: var(--mainContentBgColor) !important;
}

td.attribName, 
td.pad.wmLinkTypeInputJoin,
td.pad
.dContent {
    font-family: 'switzer-regular';
}

body, td, th, a, input, textarea, select, option {
	font-size: inherit;
}


b, strong {
	font-weight: bold;
}

a {
	text-decoration: none !important;
}

li{
	list-style-type: none!important;
}

/***********************************************
 **                HEADER
 ***********************************************/
#wmSpaceHome {
	color:  var(--headerFontColor) !important;
	font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'switzer-regular';
}


@media screen and (max-width: 800px) {
	#wmSpaceHome {
		font-size: 20px;
	}
}

/***********************************************
 **                BREADCRUMB
 ***********************************************/
 
#breadcrumb span.separator {
    font-weight: bold;
}

#breadcrumb span.breadcrumb_last {
    font-style: italic;
}


/***********************************************
 **                MAIN CONTENT
 ***********************************************/
 
/* Only useful if there is a Watermark in the middle of the image, defined in the WebManager */ 
/*
#main #pageTitleContainer {
    background-position-y: 33% !important;
}
*/

#main #pageTitleContainer.defaultBg {
    background-color: var(--slightGrey);
    
    background-image: url(../img/Logo-Webmuseo-sigle-big.svg);
    background-position-x: 100%;
    background-position-y: 50%;
    
    background-repeat: no-repeat;
    background-size: cover;
}

#main #pageTitleContainer h1 {
    color: var(--fontColorLogo);
}
 
/* .wm_pageSite.type-pageBlocks.wm_pageHome section .container:not(:last-child){ */
/* 	border-bottom: 4px solid black; */
	
/* } */


.h2, h2 {
    color: var(--mainContentFontColor);
}


/***********************************************
 **   COLLECTION PAGES // ADV. SEARCH PAGE etc.
 ***********************************************/
 @media screen and (max-width: 800px) {
    #pageTitleContainer h1 {
        font-size: 35px!important;
    }
}

 .wmFacetedFieldGroupWrapper__optionWrapper {
    border-bottom-width: var(--border-1x);
    border-bottom-style: solid;
    border-bottom-color: var(--lightGrey);
}
 
 
.mosaicViewContainer:not([data-countFacetedField="0"]) .wmFacetedSearchPanel .wmFacetedFieldGroupWrapper .wmFacetedFieldGroupWrapper__fieldLabel {
    color: var(--facetedFieldGroupLabelFontColor);
    background: var(--facetedFieldGroupLabelBgColor);
}


#openSharingTools::before {
	background-image: url("/rsrc/img/page_go.png?thumbc=E2E2E2");
}

 
.displayContainerOuter {
    background: transparent !important;
}
 
.mosaic .tableBody .displayContainerOuter .click {
    box-shadow: var(--lightGrey) 0px 2px 5px;
}

.mosaic .tableBody .displayContainerOuter .imageLink {
    /* border-bottom: 1px var(--lightGrey) solid; */
    box-shadow: var(--lightGrey) 0px 1px 5px;
}

/*
#mainContainer.ws_searchPage #mainContent .searchBody {
	font-size: 0.8rem !important;
}
*/


body.detailView #mainContainer.wm_detailsPage .showcaseObjetInfo .conInfo .textContent .nameValuePairContainer.pos0
/*,
body.detailView #mainContainer.wm_detailsPage .showcaseObjetInfo .conInfo .textContent .nameValuePairContainer.pos1*/ {
	font-weight: bold;
	text-transform: uppercase;
}

body.detailView #mainContainer.wm_detailsPage .showcaseObjetInfo .conInfo .textContent .nameValuePairContainer.pos0 {
	font-size: 3em;
	line-height: 100%;
}

/*
body.detailView #mainContainer.wm_detailsPage .showcaseObjetInfo .conInfo .textContent .nameValuePairContainer.pos1 {
    font-size: 2.5em;
}

body.detailView #mainContainer.wm_detailsPage .showcaseObjetInfo .conInfo .textContent .nameValuePairContainer.pos1 {
    border-bottom: 1px solid #000;
}
*/


/* image was displaying on thickbox  */
body.detailView .isDisplaying .imageContainer {
	border-width: var(--border-3x);
	border-style: solid;
    border-color: var(--mainContentFontColor);
    
	box-shadow: var(--lightGrey) 0px 3px 3px 1px;
}



.mosaic .tableBody .displayContainerOuter .displayContainer .thumbTitle {
    text-align: left;
}

#mainContent .mosaic .displayContainer .thumbTitle {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
/*     text-transform: uppercase; */
    font-size: 10px;
    line-height: 16px;
}


.mosaic .tableBody .displayContainerOuter .displayContainer .thumbTitle .field .titre,
.mosaic .tableBody .displayContainerOuter .displayContainer .thumbTitle .field.titres .infosSuppl {
    font-weight: bold;
    text-transform: uppercase;
}

.mosaic .tableBody .displayContainerOuter .displayContainer .thumbTitle .field .titre {
    font-style: italic;
    
}
.mosaic .tableBody .displayContainerOuter .displayContainer .thumbTitle .field .titre,
.mosaic .tableBody .displayContainerOuter .displayContainer .thumbTitle .field.titres .infosSuppl {
    font-style: normal;	
}


body.detailView #mainContainer.wm_detailsPage #mainContent .ficheBody .showcaseObjetInfo .conInfo .textContent.text-white.bg-black .nameValuePairContainer {
	border-top: none;
}


.nameValuePairContainer:not(:first-child) {
	border-top: none !important;
	border-bottom-width: var(--border-3x);
	border-bottom-style: solid;
    border-bottom-color: var(--mainContentFontColor);
}

.fas {
	color: var(--mainContentFontColor) !important;
	text-shadow: var(--mainContentBgColor) 0.05em 0.05em 0.05em;
}


#thumbs .imageContainer:hover {
    transform: scale(1);
    cursor: pointer;
    transition: transform 0.3s;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

#thumbs .imageContainer {
    transform: scale(0.9);
    transition: transform 0.3s;
}



/* -- Display Table  -- */

/* #mainContainer.wm_resultsPage #mainContent .viewBody caption.searchSummary:after{
	content: "test";
} */

#mainContainer.wm_resultsPage #mainContent .viewBody .wide tbody td .TxtViewHold {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 15;
    -webkit-box-orient: vertical;
    white-space: normal;
    line-height: 16px;
}

#mainContainer.wm_resultsPage #mainContent .viewBody .wide tbody td,
#mainContainer.wm_resultsPage #mainContent .viewBody .wide tbody tr{
	border: none!important;
	vertical-align: middle !important;
}

#mainContainer.wm_resultsPage #mainContent .viewBody .wide .odd td,
#mainContainer.wm_resultsPage #mainContent .viewBody .wide .even td{
	border-bottom: 1px solid var(--mainContentFontColor)!important;
}
.viewBody caption {
    border-bottom: none;
}

/* -- End Display Table  -- */


/* .type-contenu{ */
/* 	background: var(--bgColorGreyCard); */
/* } */


#mainContent .searchBody #btSubmit {
    background-color: var(--facetedFieldGroupLabelBgColor) !important;
}