/*
* 2021 A&A Partners WebMuseo common CSS specs for CollectionBuilder pages, for a default and common Responsive Design
* This file manages the elements style - decorative - specs
* Author: J�r�me Chauvin for A&A Partners
*/


/* ****************** */
/* Adaptative Design  */
/* ****************** */


@media (max-width: 992px) {

	#mainContent td,
	#mainContent th {
	    border: none;
	}
		
	.nav.primary div, 
	.nav.primary table, 
	.nav.primary .navLeft, 
	.nav.primary .navRight, 
	.searchBody .cont1, 
	.searchBody .cont1 .cont2, 
	.ficheBody .textContent {
	    background-image: none !important;
	}
}

/* Tablet and smaller */
@media (max-width: 800px) {

	/*
	nav * {
		font-size: 11px;
	}
	*/
	
	.MenuModule .menuBody.subVertical .menuItem {
	    border-top: none !important;
	}
	
	
	/* --- Search Page  --- */
	#mainContainer.ws_searchPage .searchBody .searchFields * {
	    font-size: 12px;
	}	
	

	#mainContainer.ws_searchPage #mainContent .searchBody .cont1 {
		background-color: transparent; 
	}
	
	.call-action .share-tab {
	    border-left: 1px solid #a79687;
	}
	
	.nav .menuBody.subHorizontal.menuCollection > .menuItem.has-sub > .menuHeader .menuTxt {
	    /*text-shadow: 0.1em 0.25em 0.2em;*/ /* no color, it will take the defined color for the text */
	    font-weight: bold;
	}
}


#copyright.aa-partners.webmuseo {
	white-space: normal;
}

/***********************************************
 **      WM responsive mode table 
 ***********************************************/
@media screen and (max-width: 750px) and (orientation: portrait) {
	#mainContainer.wm_resultsPage #mainContent .wide .noPrint .navLeft .navLeftButtons.topNavLeftButtons .menuItem.rootMenu.has-sub:after {
	   content: var(--tableModeInformation);
       background: var(--lightGrey);
       border-radius: 15px;
       box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
       font-size: 18px;
       color: var(--redFontColor);
       text-wrap: pretty;
       background-image: url(../../img/mobile-icon.svg);
       background-repeat: no-repeat;
       background-position: top;
       background-position-y: 0.3em;
	}
}

@media screen and (max-width: 821px) {
	#mainContainer.wm_resultsPage #mainContent .viewBody thead tr {
		border-bottom: 1px solid var(--black)!important;
	}
}