﻿fieldset {
  margin-bottom: 0;
  padding: 0;
}

.search-form .form-item,
.search-form .form-actions {
  margin-bottom: 0;
  margin-top: 0;
}

.item-list ul li {
  margin: 0;
}

/*
*	all.css remains to be psd2html
*	modifications to that theme are here:
*/
.header-visual #nav .drop-container > ul > li:hover > a:after {
	background-image: url(../images/arrow03-green.png);
}
	/* lets preload this one... */
	.header-visual #nav .drop-container > ul > li > a:before {
		background-image: url(../images/arrow03-green.png);
		display: none;
		content: ' ';
		/* evil, hehehe */
	}

.header-visual #nav .drop-container > ul > li > a:hover {
	background-color: #538216;
	border-top: 4px solid #538216;
	color: #fff;
}

/*
*	Fix the search box.
*/
.search-form input[type="text"], 
.search-form input[type="search"] {
  
  border: 1px solid rgb(234, 234, 234);
  margin-left: 2px;
  width: 97%;
  border-radius: 4px;
  height: 24px;
  line-height: 1;
}

.search-form:hover input[type="text"] {

	border: 1px solid rgb(213, 213, 213)
}


.search-form input[type="submit"] {
	margin-top: 3px;
	margin-right: 3px;
}

.user-panel > li.leaf {
	margin-top: 5px;
}

/*
*	Fix the header...
*/

#header > .container-panel {
	z-index: 50;
}

#header > .header-visual {
	z-index: 25;
}

.header-visual .logo {
	margin: 0 0 0 -12.2%;
	top: 5px;
	width: 100%;


	margin: 0 0 0 0;
	top: 0px;
	width: 100%;
	left: 0px;
	background-image: url(../images/logo-chevron.png);
	height: 233px;
	margin-top: -15px;
	background-position: 50% 0%;
	background-repeat: no-repeat;

	/*
	*	Making a change to make the envelope smaller - previously a responsive breakpoint: max-width: 767px;
	*/
	background-image: url(../images/logo-chevron-smaller.png);
	background-size: auto auto;
	height: 185px; /*160px*/
	margin-top: 0px; /*-50px;*/

}


.header-visual a.scroll {
	background-image: url(../images/scroll-down.png);
	height: 56px;
	width: 30px;
	overflow: hidden;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	text-indent: -5000px;

	margin-left: -16px;
	bottom: 5.8%;
}

	.header-visual a.scroll:hover {
		background-image: url(../images/scroll-down-h.png);
	}

	.header-visual a.scroll:after {
		content: '';
		display: none;
		background-image: url(../images/scroll-down-h.png); 
	}


@media only screen and (max-width: 767px) {
	.header-visual .logo {
		
		background-size: auto 150px;

		height: 160px;
  		margin-top: -50px;

	} 
}

@media only screen and (max-width: 767px) {
	.container-panel {
	  padding: 19px 0 0px;
	}
}

.header-visual .logo img {
  display: block;
  width: auto;
}


.header-visual .logo a.logo-over {
	display: inline-block;
	position: absolute;
	height: 85px;
	width: 170px;
	z-index: 100;
	bottom: 35px;
	margin-left: -90px;
}

/*
*	Let's unfix the background, and add our envelope, and make sure it's centered ...
*/

.header-visual .bg-stretch {
	position: absolute;
	background-attachment: inherit;
	background-position: 50% 0%;
}


/*
*	eod theme mods
*/


/* front page content?? */
#node-3.node-page {
	margin-bottom: 65px;
}

	#node-3.node-page > p {
		max-width: 544px;
		margin: auto;
		font: 23px/1.42 'argusrr_lightregular', "Times New Roman", Times, serif;
		margin-bottom: 1.4em;
	}

	@media only screen and (max-width: 1024px)
	{
		#node-3.node-page {
			padding-top: 40px;
		}

		#node-3.node-page > p {
			font: 20px/1.42 'argusrr_lightregular', "Times New Roman", Times, serif;
		}
	}

	@media only screen and (max-width: 767px)
	{
		#node-3.node-page > p {
			font: 16px/1.42 'argusrr_lightregular', "Times New Roman", Times, serif;
		}
	}



	@media only screen and (min-width: 1024px)
	{
		#node-3.node-page > p {
			width: 48%;
			display: inline-block;
			vertical-align: top;
		}

		#node-3.node-page > p:nth-child(2) {
			margin-left: 3%;
		}
	}



  


/* Experience the Canadian Experience */

	#block-views-3c7500b72bb37218d9e991435f4f46ac {
		margin-bottom: 65px;
	}


	#block-views-3c7500b72bb37218d9e991435f4f46ac > h2 {
		text-align: center;
		font-size: 60px;
		line-height: 1.1;
		margin: 0 0 0px;
		margin-bottom: -15px;

		font-family: Lato, 'argusrr_boldregular', "Times New Roman", Times, serif;
	    text-transform: uppercase;
	    font-size: 37px;

	}

	@media only screen and (max-width: 767px)
	{
		#block-views-3c7500b72bb37218d9e991435f4f46ac > h2 {
			font-size: 25px;
		}
	}


	  

	.view-experience-the-canadian-experience:after {
		visibility: hidden;
	     display: block;
	     font-size: 0;
	     content: " ";
	     clear: both;
	     height: 0;
	}


	#block-views-3c7500b72bb37218d9e991435f4f46ac ul {
		padding: 0;
		margin: 0 -2.5% 68px 0;
		line-height: 24px;
	}

	#block-views-3c7500b72bb37218d9e991435f4f46ac li {
		list-style: none;
		padding: 15px 0 0;
		float: left;
		width: 23%;
		margin: 0 2% 21px 0;
	}

	@media only screen and (max-width: 767px){
		#block-views-3c7500b72bb37218d9e991435f4f46ac li {
		  margin-bottom: 20px;
		  width: 48%;
		}
	}


	#block-views-3c7500b72bb37218d9e991435f4f46ac li h2 {
		color: #5c6140;
		font-size: 24px;
		margin-top: 17px;
	}

	#block-views-3c7500b72bb37218d9e991435f4f46ac li p {
		margin-top: 13px;
	}


/*
*	Lets correct some content styles:;
*/

#twocolumns #content p {

	margin: 0.5em 0 1em;
	line-height: 1.4 !important;
}


#content ul > li {

	line-height: 1.3;
	padding-top: 3px;
	margin-bottom: 0.4em;

}

/*
*	Directory Contacts...
*/

#main .view-directory-contacts h2 {
	margin: 15px 0 18px;
  	font-family: 'argusrr_lightregular', sans-serif;

}

.view-footer .view-directory-contacts {
	padding-top: 18px;
}

/*
*	Home page, article masonry
*/

.views-field.views-field-field-image.image-container {
	margin-bottom: 20px;
	max-height: 169px;
	overflow: hidden;
}

	.views-field.views-field-field-image.image-container img {
		margin-bottom: 0px;
	}

/*
*	On actual article page:;
*/
#twocolumns #content .content-holder > img {
	float: right;
	margin-left: 25px;
}


/*
*	Sidebar SPORTS (green and black)
*/

#twocolumns #sidebar .sub-nav-holder .sub-nav .sub-nav {
	padding: 23px 35px 0px;
}

/*
*	Footer
*/

#footer .holder .copyright {
	padding-top: 25px;
	line-height: 1.4;
}

#footer .holder .copyright > img {
	float: left;
	margin-top: -12px;
	margin-right: 20px;
}


#footer .holder .by {
	padding-top: 2.6em;
}


#footer .holder {
	position: relative;
}

#footer #ftr-social-icons {
	position: absolute;
	margin: auto;
	width: 100%;
	text-align: center;
	padding-top: 20px;
}

@media only screen and (max-width: 978px)
{
	#footer #ftr-social-icons {
		position: relative;
	}
}


#footer #ftr-social-icons a {
	font-size: 20px;
	display: inline-block;
	padding: 5px;
	margin: 5px 1px;
	background-color: #4d4d4f;
	width: 32px;
	color: #dae8e7;
	text-align: center;
	border-radius: 32px;
	height: 32px;
	overflow: hidden;

	-webkit-transition: all 0.3s; /* Safari */
    transition: all 0.3s;
}

#footer #ftr-social-icons a:hover {
	background-color: #538216;
	color: #fcfdfd;
}




#footer #ftr-social-icons a.facebook {
	font-size: 16px;
	padding-top: 8px;
}

#footer #ftr-social-icons a.twitter {
	font-size: 23px;
}



/*	
*	Event and Notices HTML LIST Views
*/

.view-sport-center-events .item-list > ul,
.view-sport-center-events ul.post,
.view-sport-center-events ul.post,
.view-sport-center-notices-annoucements ul.post {
	padding-left: 0px;
  	list-style: none;
}

.view-sport-center-events .item-list > ul li,
.view-sport-center-notices-annoucements ul.post li,
.view-sport-center-notices-annoucements ul.post li,
.view-sport-center-notices-annoucements ul.post li {

  	list-style: none;
}

.view-sport-center-events .item-list > ul li > a > img,
.view-sport-center-notices-annoucements ul.post li > a > img,
.view-sport-center-notices-annoucements ul.post li > a > img,
.view-sport-center-notices-annoucements ul.post li > a > img{

	float: right;
	max-width: 150px;
	margin-left: 30px;
}




/*
*	Some modifications to change the way the envelope loooks. Let's place this at the bottom to override all the other iterations with out 
*	accidently changing anything else that we don't want to change.
*/

#header {

}

	#header > .container-panel {
		background-color: transparent;
		position: absolute;
  		width: 100%;
	}

	/*
	*	Change the top menu..
	*/

	.portal-header {
		position: absolute;
		z-index: 500;
		width: 100%;
		top: 48px;
	}

	.header-visual .portal-header #nav {
		  top: 100px;
		  bottom: auto;
	}


	.header-visual .portal-header  #nav.nav-style ul li.active:after {
		background: none;
	}


	.portal-header-visual {
		max-height: 494px;
		min-height: 284px !important;
	}

	.portal-header-visual > div {
		max-height: 494px !important;
		min-height: 284px !important
	}

	.portal-header-visual .bg-stretch {
		/*background-position: 50% 50%;*/
	}

	.portal-header #nav ul li a {
		font-size: 11px;
		letter-spacing: 6px;
	}

	

	.portal-header #nav ul li {
		margin: 0 0 0 12px;
	}
	 

	 .portal-header #nav.nav-style {
	 	border-bottom: 0px !important
	 }

	.portal-header #nav .nav-right > li {
	  margin: 0 21px 0 0px;
	}

	.portal-header #nav .nav-right {
	  padding: 0 52px 0 0;
	}

	.portal-header #nav.nav-style ul li.active:after {
		background: none;
	}

	@media only screen and (max-width: 1101px)
	{
		.portal-header #nav ul li a {
		  letter-spacing: 3px;
		}
	}

	@media only screen and (max-width: 990px)
	{
		.portal-header #nav ul li {
		  float: none;
		}

		.portal-header #nav.nav-style .drop-container > ul > li > a {
		  height: auto;
  		  margin-bottom: 10px;
		}

		.portal-header #nav .nav-right {
		  padding: 0 5px 0 0;
		}
		  
	}

	@media only screen and (max-width: 767px)
	{
		.portal-header  #nav .nav-opener {
		  top: 30px;
		}
	}

/*
*	Hide the child of child pages for portal page menus
*
*/

#block-menu-block-12 .item-list {
	/*display: none;*/
}

/*
*
* Directory Page
*
*/
.table-info .directory-phone {
  min-width: 6em;
}

.table-info td.function {
  font-weight: bold;
}

.table-info td.extension {
  font-weight: bold;
}