@import url('https://fonts.googleapis.com/css?family=Martel:300,400|Roboto:400,500');


a.ce-lop-skipnav 
{
  -webkit-transition: top 1s ease-out, background 1s linear;
  transition: top 1s ease-out, background 1s linear;
  z-index: 100;
  padding: 10px 20px;
  border-bottom-right-radius: 8px;
}


a.ce-lop-skipnav:focus 
{
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  outline: 0;
  -webkit-transition: top 0.1s ease-in, background 0.5s linear;
  transition: top 0.1s ease-in, background 0.5s linear;
  color: #fff;
  background: rgba(38, 57, 134, 0.9);
}


body 
{
  font-family: 'Roboto', sans-serif;
  font-size: 1.4rem;
  /* 14 pixels */
  /* min-width: 300px; */
  color: #333;
  /* background: #f2f2f2; */
  width: 100% !important;
}


.LOPHeaderContainer
{
	/*padding-bottom: 10px;*/	/*2017-04-24 ML Removed the space between "SENATE | HOUSE OF COMMONS" and the LOP content. */
	width: 100% !important;
}


/* a:link,
a:hover,
a:visited,
a:focus,
a:active 
{
  color: #263986;
} */


.ce-lop-header 
{
  background-color: #333; 
  height: 30px;
}


.ce-lop-header .container 
{
  padding: 0;
}


.ce-lop-header .ce-lop-btn 
{
  font-family: Georgia, "Times New Roman", Times, serif;
}


.ce-lop-header ul 
{
  list-style-type: none !important;
  margin: 0;
  padding: 0;
  overflow: hidden;
}


.ce-lop-header ul li 
{
  float: left;
  border-left: solid 1px #000;
  font-family: 'Roboto', sans-serif;
  list-style-type: none !important;
}


.ce-lop-header ul li:last-child 
{
  border-right: solid 1px #000;
}


.ce-lop-header a 
{
  display: block;
  color: #fff !important;
  text-align: center;
  text-decoration: none !important;
  padding: 5px 10px;
  text-transform: uppercase;
  transition: background-color ease-in 0.3s;
  }


.ce-lop-header a:hover 
{
  background-color: #000;
}


.ce-lop-nav 
{
  background: #fff;
  border: none;
  height: 60px;
}


.ce-lop-nav ul.ce-lop-nav-list 
{
  list-style-type: none;
  margin: 0 -15px;
  padding: 0;
  overflow: hidden;
}

ul.ce-lop-nav-list li
{
	list-style-type: none !important;	
}

.ce-lop-nav ul.ce-lop-nav-list li 
{
  float: left;
  border-right: solid 1px #e5e5e5; 
  max-height:60px;
  min-height:60px;  
}

@media (max-width: 500px) {
	.ce-lop-nav ul.ce-lop-nav-list li 
	{  
	max-width: 150px;  
	}
}

.ce-lop-nav ul.ce-lop-nav-list li.right 
{
  float: right;  
}


.ce-lop-nav ul.ce-lop-nav-list li:last-child 
{
  border-left: solid 1px #e5e5e5;
}

.ce-lop-nav ul.ce-lop-nav-list li:first-child 
{
  border-left: solid 1px #e5e5e5;
}


.ce-lop-nav ul.ce-lop-nav-list li a 
{
  display: block;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color ease-in 0.3s;
  font-size: 1.15em;
}

@media screen and ( max-width: 500px ) {
.ce-lop-nav ul.ce-lop-nav-list li a 
{
  padding: 6px 10px 6px 10px;
}
}

.ce-lop-nav ul.ce-lop-nav-list li a.ce-lop-nav-lop-link  
{
	color:#006;
}

.ce-lop-nav ul.ce-lop-nav-list li a.ce-lop-nav-senate-link 
{
  color: #7f0116;
}

.ce-lop-nav ul.ce-lop-nav-list li a.ce-lop-nav-hoc-link 
{
  color: #427a26;
}


.ce-lop-nav ul.ce-lop-nav-list li a:hover 
{
  background: #eee;
}


/*
.ce-lop-footer 
{
  margin-top: 20px;
  color: #fff;
  background: #333 url('../Images/ce-parl-footer-background.jpg') no-repeat top center;
}


.ce-lop-footer .ce-lop-footer-top 
{
  background: rgba(0, 0, 0, 0.2);
}


.ce-lop-footer .ce-lop-footer-vc 
{
  display: flex;
  align-items: center;
  height: 100%;
  min-height: 300px;
}


.ce-lop-footer .ce-lop-footer-external-links,
.ce-lop-footer .ce-lop-footer-bottom-links,
.ce-lop-footer .ce-lop-footer-social-links 
{
  list-style: none;
  padding: 0;
  margin: 0;
}


.ce-lop-footer .ce-lop-footer-emblem img 
{
  max-width: 100%;
  height: auto;
}


.ce-lop-footer .ce-lop-footer-external-links 
{
  margin: 20px 0;
}

ul.ce-lop-footer-external-links li
{
	list-style-type:none !important;
}


.ce-lop-footer .ce-lop-footer-external-links a 
{
  display: block;
  text-align: center;
  padding: 10px 15px;
  text-decoration: none;
  color: #e4e4e4;
  background-color: rgba(50, 50, 50, 0.9);
  border: solid 1px rgba(255, 255, 255, 0.2);
  margin-bottom: 10px;
  transition: all ease-in 0.3s;
}


.ce-lop-footer .ce-lop-footer-external-links a:hover 
{
  background-color: #464646;
  color: #fff;
}


.ce-lop-footer .ce-lop-footer-external-links a.ce-lop-footer-senate-link 
{
  background-color: rgba(127, 1, 22, 0.8);
  border: solid 1px rgba(127, 1, 22, 0.9);
}


.ce-lop-footer .ce-lop-footer-external-links a.ce-lop-footer-senate-link:hover 
{
  background-color: #7f0116;
  border: solid 1px #7f0116;
}


.ce-lop-footer .ce-lop-footer-external-links a.ce-lop-footer-hoc-link 
{
  background-color: rgba(66, 122, 38, 0.8);
  border: solid 1px rgba(66, 122, 38, 0.9);
}


.ce-lop-footer .ce-lop-footer-external-links a.ce-lop-footer-hoc-link:hover 
{
  background-color: #427a26;
  border: solid 1px #427a26;
}


.ce-lop-footer .ce-lop-footer-bottom 
{
  background: rgba(0, 0, 0, 0.8);
}


.ce-lop-footer .ce-lop-footer-bottom .ce-lop-footer-bottom-links li 
{
  display: inline-block;
  margin-right: -4px;
}


.ce-lop-footer .ce-lop-footer-bottom .ce-lop-footer-bottom-links li a 
{
  display: block;
  color: #b3b3b3;
  padding: 10px;
  transition: all ease-in 0.3s;
}


.ce-lop-footer .ce-lop-footer-bottom .ce-lop-footer-bottom-links li a:hover 
{
  text-decoration: none;
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
}
*/


.ce-lop-footer {
  /*margin-top: 20px;*/
  color: #fff;
  background: #333 url('https://lop.parl.ca/staticfiles/PublicWebsite/assets/images/Footer/bg-footer.jpg') top center;
}
.ce-lop-footer .ce-parl-footer-top {
  background: rgba(0, 0, 0, 0.2);
}
.ce-lop-footer .ce-parl-footer-vc {
  display: flex;
  align-items: center;
  height: 100%;
  min-height: 270px;
}
.ce-lop-footer .ce-lop-footer-external-links,
.ce-lop-footer .ce-lop-footer-bottom-links,
.ce-lop-footer .ce-lop-footer-social-links {
  list-style: none;
  padding: 0;
  margin: 0;
}
.ce-lop-footer .ce-lop-footer-emblem img {
  max-width: 100%;
  height: auto;
}
.ce-lop-footer .ce-lop-footer-external-links {
  margin: 20px 0;
}

ul.ce-lop-footer-external-links li
{
	list-style-type:none !important;
}

.ce-lop-footer .ce-lop-footer-external-links a {
  display: block;
  text-align: center;
  padding: 10px 15px;
  text-decoration: none;
  color: #000;
  background-color: rgba(255,255,255, 0.8);
  border: solid 1px rgba(255,255,255, 0.9);
  margin-bottom: 10px;
  transition: all ease-in 0.3s;
}
.ce-lop-footer .ce-lop-footer-external-links a:hover {
  background-color: #fff;
  border: solid 1px #fff;
  color: #000;
}
.ce-lop-footer .ce-lop-footer-external-links a.ce-lop-footer-senate-link:hover {
  color:#600;
}

.ce-lop-footer .ce-lop-footer-external-links a.ce-lop-footer-hoc-link:hover {
  color:#060;
}
.ce-lop-footer .ce-lop-footer-external-links a.ce-lop-footer-lop-link:hover{
  color:#006;
}
.ce-lop-footer .ce-lop-footer-bottom {
  background: rgba(0, 0, 0, 0.8);
}
.ce-lop-footer .ce-lop-footer-bottom .ce-lop-footer-bottom-links li {
  display: inline-block;
  margin-right: -4px;
  /* Hack Fighting the Space Between Inline Block Elements */
}
.ce-lop-footer .ce-lop-footer-bottom .ce-lop-footer-bottom-links li a {
  display: block;
  color: #b3b3b3;
  padding: 10px;
  transition: all ease-in 0.3s;
}
.ce-lop-footer .ce-lop-footer-bottom .ce-lop-footer-bottom-links li a:hover {
  text-decoration: none;
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
}

div.ce-lop-footer-stay-connected:hover
{		
	background-color:rgba(0,0,0,0.75);
	transition:all ease-in .3s
}

div.ce-lop-footer-stay-connected
{
	border: 1px black solid;
	color: #b3b3b3;
	background:rgba(0, 0, 0, 0.3);	
	margin-top:25px;
	height: 195px;
	padding-left:0px;
	padding-right:0px;	
}

@media (max-width: 992px) {
	div.ce-lop-footer-stay-connected
	{
		margin-left: 15px;
		margin-right: 15px;
	}
}

div.ce-lop-footer-stay-connected-header
{
	border-bottom: 1px black solid;
	background:rgba(0, 0, 0, 0.55);	
	padding-bottom:20px;
}

div.ce-lop-footer-stay-connected-header p
{
	 padding-left: 20px;
	 padding-top:10px;
	 margin-bottom:-10px;		 
}

div.ce-lop-footer-stay-connected ul
{
	display:inline;
	list-style-type: none;
	overflow:hidden;
	padding-top: 10px;		
}

div.ce-lop-footer-stay-connected ul, div.ce-lop-footer-stay-connected ul li
{
	display:inline;
	list-style-type: none;
	float:left;
	padding-left: 10px;
	font-family: 'Open Sans',  sans-serif;
}

div.ce-lop-footer-stay-connected li
{
	line-height:2em;
	width:50%;
	padding-bottom:4px;	
}

div.ce-lop-footer-stay-connected #connectFlickr
{	
	width:100%;
}


@media (max-width: 380px) {
	div.ce-lop-footer-stay-connected li
	{	
		width:100%;	
	}
	div.ce-lop-footer-stay-connected
	{	
		height: 300px;	
	}	
}

div.ce-lop-footer-stay-connected li a
{
	color: #b3b3b3;
	text-decoration:none;
	font-size: 0.9em;
}

a.ce-hoc-footer-social-media{
	float:right;margin-top:160px;
	display:block;
	text-align:center;
	padding:5px 10px 10px 10px;
	text-decoration:none;
	background-color:rgba(255,255,255,0.3);
	border:solid 1px rgba(255,255,255,0.5);
	color:#000;margin-bottom:10px;transition:all ease-in .3s}
	
.ce-hoc-footer a.ce-hoc-footer-social-media:hover{
	background-color:rgba(255,255,255,0.75);
	border:solid 1px #fff
}
	






#main-section  /* To center content section of pages - this code taken from common_elements_lop.css line 140 */
{
	float: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
/*	margin-top:-30px;*/	/*2017-04-27 ML Add the space back following the addition of the Search bar. */ /* to remove the space between the header and the content on the following pages: About the Library, Parliamentary Librarian, Overview of the Organization, Corporate Documents, Corporate Documents Archives, Alpheus Todd, More Publications About Parliament, Research Publications, */
}
	
	/* Stragetic Outlook changes made in so2012.css style sheet */
	
	/* Photo Gallery has inline styles and margin has been changed to accomodate new LOP header (Feb. 2017) - notes also in index-e and index-f for Photo Gallery */
	
	/* Guide Program Common.css changed for .gpcontent to accomodate new LOP header (Feb. 2017) - notes also in Guide Program Common.css file */
	
	/* Youth Opportunities in Parliament Hill Boutique : lop-boutique.css modified to remove space between new LOP header and content (Feb. 2017) */


body.home-page #container  /* to center the Discover How Canadians Govern Themselves home page with the new LOP header - Feb. 2017) - code from site.css */
{
	margin-left: auto !important;
	margin-right: auto !important;
/*	margin-top:-30px !important;*/	/*2017-04-27 ML Add the space back following the addition of the Search bar. */
}


body.time-travel #container  /* to center the Discover How Canadians Govern Themselves page Time Travel with the new LOP header - Feb. 2017) - code from site.css */
{
	margin-left: auto !important;
	margin-right: auto !important;
/*	margin-top:-30px !important;*/	/*2017-04-27 ML Add the space back following the addition of the Search bar. */ 
}


body.inside-view #container  /* to center the Discover How Canadians Govern Themselves page Inside View with the new LOP header - Feb. 2017) - code from site.css */
{
	margin-left: auto !important;
	margin-right: auto !important;
/*	margin-top:-30px !important;*/	/*2017-04-27 ML Add the space back following the addition of the Search bar. */
}


body.touchpoints #container  /* to center the Discover How Canadians Govern Themselves page Touchpoints with the new LOP header - Feb. 2017) - code from site.css */
{
	margin-left: auto !important;
	margin-right: auto !important;
/*	margin-top:-30px !important;*/	/*2017-04-27 ML Add the space back following the addition of the Search bar. */ 
}


div#mainLayout   /* to center the Discover How Canadians Govern Themselves page Read the Book with the new LOP header - Feb. 2017) - code from site.css */
{
	float:none !important;
	margin-left: auto !important;
	margin-right: auto !important;
/*	margin-top:-30px !important;*/	/*2017-04-27 ML Add the space back following the addition of the Search bar. */
}


div#mainContainer
{
	margin: 0 auto 0 auto !important;  /* to center the Research Publications page with the new LOP header - Feb. 2017) - 2012pubs.css */
	font-size: 14px !important;  /* to increase the font size of the content */
}


#leftContainer h2
{
	margin-bottom: 0 !important;  /* to add space between the h2 headings and the text beneath them on Research Publications pages */
}


div.maincontent-nonav  /* To re-center content of some of the More Publications about Parliament : The Parliament Buildings, Speaker of the Senate,    */
{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-top:-30px;
	margin-bottom: 50px;
}

.site-section-row  /*  to remove space between content of Searching for Symbols page and hew LOP Header - Feb. 2017  */
{
/*	margin-top: -28px;*/	/*2017-04-27 ML Add the space back following the addition of the Search bar. */
}

#mainFrame  /* to remove space between content of Bill on the Hill page and new LOP Header - Feb. 2017 */
{
/*	margin-top: -9px !important;*/	/*2017-04-27 ML Add the space back following the addition of the Search bar. */
}