/* for /climate/enso/history /climate/iod/history/ */

.box-notice { font-size: 1.14em; padding: 2em;}
.ui-widget-content a { color: #3366CC; }
.images { 
display:flex; 
flex-flow: row wrap; 
/*flex-direction:row;*/
/*
justify-content: flex-start;
align-content: flex-start; 
*/
}

.images > figure {
	/* flex:1;
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis:393px; */ 
	flex-wrap: wrap;
	flex-shrink: 1;
	/*min-width: 25%;*/
	max-width: 221px;/**/
	
}
.soi, .sst, .dmi { font-weight: bold; color: #666;}

/* TODO reconcile OR REMOVE! loops loop in source html files */
.Xloops, .loop {display:none;}

.nino.ui-state-default, .ui-widget-content .nino.ui-state-default, .ui-widget-header .nino.ui-state-default {
    border: none;
	background: rgb(242, 221, 220, 0.8);
}
.nina.ui-state-default, .ui-widget-content .nina.ui-state-default, .ui-widget-header .nina.ui-state-default {
	background: rgba(195, 214, 238, 0.6);
	border: none; 
}

.positive.ui-state-default, .ui-widget-content .iodpos.ui-state-default, .ui-widget-header .iodpos.ui-state-default {
    border: none;
	background: rgb(254, 212, 181, 0.6);
}
.negative.ui-state-default, .ui-widget-content .negative.ui-state-default, .ui-widget-header .negative.ui-state-default {
	background: rgba(200, 226, 234, 0.6);
	border: none; 
}