/*
 *
 *		COMMON PAGE STRUCTURE DEFINITION, HEADER, FOOTER, ETC.  
 *
 */

	/*
	 * "Tip Panel" top background (Europe's image)
	 * added by: Slava 
	 */
	 
	.wide-title-frame {
		margin-top: 0px;
		min-height: 251px;
		background-color: #f4f4f4 !important;
		background: url('../images/rio-header-2016-updated.jpg') repeat-y center right;
	}
	.pane-page-header {
		overflow: auto; /* push the rest of the page always under the page-header */
	}
			
	
	/*
	 * blue-bar in top left corner on top of the "Tip Panel"
	 * added by: Slava
	 */
	 
	.wide-tip-header {
		background: #022b5b;
		text-transform: uppercase;
		padding: 0 2em;
		color: white;
		float: left;
	    position: relative;
	    top: -2em;
	}
	
	/*
	 * body of "Tip Panel" (white area with padding which includes title and description inside) - FOR HOMEPAGE
	 * added by: Slava
	 */
	 
	.wide-tip-content-homepage {
		/*
		position: absolute;
		top: -16em;
		*/
		padding: 2em;
		background: white;	
	}
	
	/*
	 * body of "Tip Panel" (white area with padding which includes title and description inside)
	 * added by: Slava
	 */
	 
	.wide-tip-content-new {
		padding: 50px;
		background: white;	
		width: inherit;
		float: left;
		border-bottom: #00aeef 5px solid;
	}
	
	/*
	 * bar behind "Tip Panel" and lower then Europe's map. Color should change in relation to site's section
	 * added by: Slava
	 */
	 
	.wide-title-colorbar {
		background-color: #00aeef;
		height: 150px; /* 240 was too big for pages with only a short highlight or a short moreInfoText */
		margin-bottom: 1em; /* a space under the blue bar before the next block*/
	}
	
	/********** Visual identity of each section / content type ********/
	.page-country-analysis .wide-title-colorbar { background-color: #acd373 }
	.page-country-analysis .wide-title-frame h1:before { color: #acd373; content: "\f0ac\A" }
	.page-country-analysis .wide-tip-content-new { border-color: #acd373 }
	
	.node-type-data-catalogue .wide-title-colorbar,
	.page-stats .wide-title-colorbar { background-color: #f26522 }
	.node-type-data-catalogue .wide-title-frame h1:before,
	.page-stats .wide-title-frame h1:before { color: #f26522; content: "\f1ec\A" }
	.node-type-data-catalogue .wide-tip-content-new, 
	.page-stats .wide-tip-content-new { border-color: #f26522 }
	
	.page-library .wide-title-colorbar { background-color: #6e81bd }
	.page-library .wide-title-frame h1:before { color: #4b5c94; content: "\f02d\A" }
	.page-library .wide-tip-content-new { border-color: #6e81bd }

	.node-organisation .wide-title-colorbar { background-color: #acd373 }
	.node-organisation .wide-title-frame h1:before { color: #86bb38; content: "\f0e8"; /* which icon : an organigram*/}
	.node-organisation .wide-tip-content-new { border-color: #acd373 }
	
	.node-news .wide-title-colorbar { background-color: #acd373 }
	.node-news .wide-title-frame h1:before { color: #86bb38; content: "\f1ea"; /* which icon : a newspaper*/}
	.node-news .wide-tip-content-new { border-color: #acd373 }

	.node-riowatch-country-report .wide-title-colorbar { background-color: #acd373 }
	.node-riowatch-country-report .wide-title-frame h1:before { color: #86bb38; content: "\f02d"; /* which icon : a big book*/}
	.node-riowatch-country-report .wide-tip-content-new { border-color: #acd373 }	

	.node-type-exercice .wide-title-colorbar { background-color: #00aeef }
	.node-type-exercice .wide-title-frame h1:before { color: #00aeef; content: "\f1cb"; /* which icon : a kind of box*/}
	.node-type-exercice .wide-tip-content-new { border-color: #00aeef }

	.node-document .wide-title-colorbar { background-color: #6e81bd }
	.node-document .wide-title-frame h1:before { color: #4b5c94; content: "\f02d\A" }
	.node-document .wide-tip-content-new { border-color: #6e81bd }

	/********** Visual identity of each section / content type - ends ********/
	
	/*
	 * wide-screen blue bar (initially used only for section-switcher on homepage)
	 * added by: Slava
	 */
	 
	#section_switcher_bluebar {
		min-height: 142px;
		color: white;
		background: #004494;
		margin: 2em 0;
	}
	
	#section_switcherer_hint { /* to vertically align text inside the bluebar */
	  display: table-cell; 
	  vertical-align: middle; 
	  text-align: left; 
	  height: 170px;
	  width: 100%;
	  font-family: 'Arial';
	  font-weight: bold;
	  color: white;
	  font-size: 24px;
	}	
	
	/*********************************** Responsivness of the narrow part ***********************************/
		/*  Why a specific definition for this section? Because we try a new look n feel: Wide title panel, with a narow box inside, and no more sidebar */
		.narrow-panel {
		    margin: 0 auto !important;
		    /* padding: 20px 0 20px 0; {temp-roll-back-for-third-country-pages} */
		}

		@media screen and (min-width :1183px) {
			.narrow-panel {
				width: 1170px
			}
			.narrow-panel-tip {
				width: 1170px /* {it was 1070px, why? 27/09} */
			}
		}
		/* We don't need wide white bar on the left and on the right of the central area, so I replace the fix width by this dynamic value: 95% of the view-port width*/ 
		@media screen and (max-width :1182px) {
			.narrow-panel-tip {
				width: 95vw;
			}
			.narrow-panel {
				width: 95vw;
			}
		}
		
		
		
		/******** Header tip area is smaller then normal content width, need another class for it ***************************/
		.narrow-panel-tip {
		    margin: 0 auto !important;
		}
			
	/*********************************** Responsivness of the narrow part - END ***********************************/
	
	
	/*
	 * News listing view. Common to homepage, country profile page
	 * added by: Slava
	 */
	
	.view-display-id-country_news_pane .news-item.views-row-first,
	.pane-view-news-items-homepage-pane .news-item.views-row-first { padding-top: 4em }

	.view-display-id-country_news_pane .news-item.views-row-last,
	.pane-view-news-items-homepage-pane .news-item.views-row-last { padding-bottom: 1em; margin-bottom: 0px }

	.view-display-id-country_news_pane .news-item,
	.pane-view-news-items-homepage-pane .news-item  { margin-bottom: 4em }
	
	/* 
	 * View filter box 
	 *
	 */
	 
	.view-filters {
		background:#004494;
		border:1px solid #DDDDDD;
		color:white;
		margin:1em 0;
		padding:0.8em;	
	}
	
/*
 *
 *	TOP MENU  
 *
 */
	/* responsiveness: menu apparence on smaller screens, when the menu is collapsed */
	@media (max-width: 979px) {
		.tb-megamenu .nav-collapse .dropdown-menu a {
		    padding: 0px 20px;
		}
		.tb-megamenu .nav-collapse .sub-menu-title {
			color: white;
		}
		.country-list {min-width:0px; } /* removed min width for responsive version of mobile menu */
		 
		/* level 1 menus are highlighted */
		li.tb-megamenu-item.level-1.mega {
			border-bottom: 1px solid #fff; 
	    	background-color: #0065a2;
		}
	}