/* Support for IE8 */

@charset "UTF-8";


aside.left-off-canvas-menu,
nav.tab-bar,
.bttn_play_large{
	display: none;
}

 /*

 
    .top-bar-section UL { width:inherit !important; }
    .top-bar-section UL LI { float:left !important; }
    .top-bar { height:inherit !important; }
       .row, .grid-row { width: 1024px !important; }
       .row .row { width: 100% !important; }


*/


/* home styles */

#home_feature,
#support .landing-page-header,
#education .landing-page-header,
#explore .landing-page-header,
#nationalmoment .landing-page-header,
.polyfill-bgcover{
	-ms-behavior: url("/assets/css/backgroundsize.min.htc");
}


#support .landing-page-header,
#education .landing-page-header,
#explore .landing-page-header,
#nationalmoment .landing-page-header{
	min-height: 500px
}

@media screen and (min-width: 981px) {
	#support .landing-page-header,
	#education .landing-page-header,
	#explore .landing-page-header,
	#nationalmoment .landing-page-header{
		min-height: 520px
	}
}

#home_feature img{
	display: none;
}


div.image_caption{
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.caption_image .caption {
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}



/* other overrides */
*{ zoom: 1; }
.hide-text {
	text-indent: 110%;
}
.bttn{
	padding-top: 5px !important;
	padding-bottom: 7px !important;
}


#header_global #site-title {
	width: 320px;
	height: 61px;
	background-repeat: no-repeat;
	-ms-behavior: url("/assets/css/backgroundsize.min.htc");
}
.en #header_global #site-title {
	background-image: url("/assets/img/logos/nac_cna.png");
}
.fr #header_global #site-title {
	background-image: url("/assets/img/logos/cna_nac.png");
}

.inline-list li{
	display: inline;
	margin-right: 1em;
}


#nav_main {
	width: 600px;
}
#nav_main li a {
	padding: 0 1.0em;
}


#footer_global ul li .social-icon,
#wrapper ul li .social-icon:before{
	-ms-behavior: url("/assets/css/backgroundsize.min.htc");
}
#footer_global ul li .social-facebook,
#wrapper ul li .social-facebook:before{
	background-image: url("/assets/css/foundation-framework/svgs/facebook_square.png");
}
#footer_global ul li .social-twitter,
#wrapper ul li .social-twitter:before{
	background-image: url("/assets/css/foundation-framework/svgs/twitter_square.png");
}
#footer_global ul li .social-youtube,
#wrapper ul li .social-youtube:before{
	background-image: url("/assets/css/foundation-framework/svgs/youtube_square_color.png");
}
#footer_global ul li .social-instagram,
#wrapper ul li .social-instagram:before{
	background-image: url("/assets/css/foundation-framework/svgs/instagram_square_color.png");
}

#header_global #query-input {
	width: 0;
}
html.js #header_global #nav_utility{
	margin-right: 3em;
}
html.js #header_global .gsc-search-button{
	right: 1em;
}

#header_global  {
padding-top: 1.5em !important;
}
#header_global .wrapper {
max-width: 78em !important;
}

@media screen and (min-width: 981px) {

	#header_global  {
	padding-top: 0.5em !important;
	}
	#header_global .utilities {
	margin-top: 1em !important;
	margin-bottom: 1.8em !important;
	}
}

@media screen and (min-width: 1200px) {

	#nav_main li a {
		font-size: 1.05em;
		display: inline-block;
	}
	.fr #nav_main li a {
		font-size: 1em
	}
}







.small-1,  .row .small-1  { width: 8.33333%;  }
.small-2,  .row .small-2  { width: 16.66667%; }
.small-3,  .row .small-3  { width: 25%;       }
.small-4,  .row .small-4  { width: 33.33333%; }
.small-5,  .row .small-5  { width: 41.66667%; }
.small-6,  .row .small-6  { width: 50%;       }
.small-7,  .row .small-7  { width: 58.33333%; }
.small-8,  .row .small-8  { width: 66.66667%; }
.small-9,  .row .small-9  { width: 75%;       }
.small-10, .row .small-10 { width: 83.33333%; }
.small-11, .row .small-11 { width: 91.66667%; }
.small-12, .row .small-12 { width: 100%;      }

.medium-1,  .row .medium-1  { width: 8.33333%;  }
.medium-2,  .row .medium-2  { width: 16.66667%; }
.medium-3,  .row .medium-3  { width: 25%;       }
.medium-4,  .row .medium-4  { width: 33.33333%; }
.medium-5,  .row .medium-5  { width: 41.66667%; }
.medium-6,  .row .medium-6  { width: 50%;       }
.medium-7,  .row .medium-7  { width: 58.33333%; }
.medium-8,  .row .medium-8  { width: 66.66667%; }
.medium-9,  .row .medium-9  { width: 75%;       }
.medium-10, .row .medium-10 { width: 83.33333%; }
.medium-11, .row .medium-11 { width: 91.66667%; }
.medium-12, .row .medium-12 { width: 100%;      }

.large-1,  .row .large-1  { width: 8.33333%;  }
.large-2,  .row .large-2  { width: 16.66667%; }
.large-3,  .row .large-3  { width: 25%;       }
.large-4,  .row .large-4  { width: 33.33333%; }
.large-5,  .row .large-5  { width: 41.66667%; }
.large-6,  .row .large-6  { width: 50%;       }
.large-7,  .row .large-7  { width: 58.33333%; }
.large-8,  .row .large-8  { width: 66.66667%; }
.large-9,  .row .large-9  { width: 75%;       }
.large-10, .row .large-10 { width: 83.33333%; }
.large-11, .row .large-11 { width: 91.66667%; }
.large-12, .row .large-12 { width: 100%;      }

.row .small-offset-1  { margin-left: 8.33333%;  }
.row .small-offset-2  { margin-left: 16.66667%; }
.row .small-offset-3  { margin-left: 25%;       }
.row .small-offset-4  { margin-left: 33.33333%; }
.row .small-offset-5  { margin-left: 41.66667%; }
.row .small-offset-6  { margin-left: 50%;       }
.row .small-offset-7  { margin-left: 58.33333%; }
.row .small-offset-8  { margin-left: 66.66667%; }
.row .small-offset-9  { margin-left: 75%;       }
.row .small-offset-10 { margin-left: 83.33333%; }
.row .small-offset-11 { margin-left: 91.66667%; }
.row .small-offset-12 { margin-left: 100%;      }

.row .medium-offset-1  { margin-left: 8.33333%;  }
.row .medium-offset-2  { margin-left: 16.66667%; }
.row .medium-offset-3  { margin-left: 25%;       }
.row .medium-offset-4  { margin-left: 33.33333%; }
.row .medium-offset-5  { margin-left: 41.66667%; }
.row .medium-offset-6  { margin-left: 50%;       }
.row .medium-offset-7  { margin-left: 58.33333%; }
.row .medium-offset-8  { margin-left: 66.66667%; }
.row .medium-offset-9  { margin-left: 75%;       }
.row .medium-offset-10 { margin-left: 83.33333%; }
.row .medium-offset-11 { margin-left: 91.66667%; }
.row .medium-offset-12 { margin-left: 100%;      }

.row .large-offset-1  { margin-left: 8.33333%;  }
.row .large-offset-2  { margin-left: 16.66667%; }
.row .large-offset-3  { margin-left: 25%;       }
.row .large-offset-4  { margin-left: 33.33333%; }
.row .large-offset-5  { margin-left: 41.66667%; }
.row .large-offset-6  { margin-left: 50%;       }
.row .large-offset-7  { margin-left: 58.33333%; }
.row .large-offset-8  { margin-left: 66.66667%; }
.row .large-offset-9  { margin-left: 75%;       }
.row .large-offset-10 { margin-left: 83.33333%; }
.row .large-offset-11 { margin-left: 91.66667%; }
.row .large-offset-12 { margin-left: 100%;      }

.push-1  { position: relative; right: auto; left: 8.33333%;  }
.push-2  { position: relative; right: auto; left: 16.66667%; }
.push-3  { position: relative; right: auto; left: 25%;       }
.push-4  { position: relative; right: auto; left: 33.33333%; }
.push-5  { position: relative; right: auto; left: 41.66667%; }
.push-6  { position: relative; right: auto; left: 50%;       }
.push-7  { position: relative; right: auto; left: 58.33333%; }
.push-8  { position: relative; right: auto; left: 66.66667%; }
.push-9  { position: relative; right: auto; left: 75%;       }
.push-10 { position: relative; right: auto; left: 83.33333%; }
.push-11 { position: relative; right: auto; left: 91.66667%; }
.push-12 { position: relative; right: auto; left: 100%;      }

.pull-1  { position: relative; left: auto; right: 8.33333%;  }
.pull-2  { position: relative; left: auto; right: 16.66667%; }
.pull-3  { position: relative; left: auto; right: 25%;       }
.pull-4  { position: relative; left: auto; right: 33.33333%; }
.pull-5  { position: relative; left: auto; right: 41.66667%; }
.pull-6  { position: relative; left: auto; right: 50%;       }
.pull-7  { position: relative; left: auto; right: 58.33333%; }
.pull-8  { position: relative; left: auto; right: 66.66667%; }
.pull-9  { position: relative; left: auto; right: 75%;       }
.pull-10 { position: relative; left: auto; right: 83.33333%; }
.pull-11 { position: relative; left: auto; right: 91.66667%; }
.pull-12 { position: relative; left: auto; right: 100%;      }

.column.small-centered,
.columns.small-centered,
.column.medium-centered,
.columns.medium-centered,
.column.large-centered,
.columns.large-centered { margin-left: auto; margin-right: auto; float: none !important; }

.column.small-uncentered,
.columns.small-uncentered,
.column.medium-uncentered,
.columns.medium-uncentered,
.column.large-uncentered,
.columns.large-uncentered { margin-left: 0; margin-right: 0; float: left !important; }

.row { width: 1000px; }


.lt-ie9 .show-for-medium-down,
.lt-ie9 .show-for-medium,
.lt-ie9 .show-for-small,
.lt-ie9 .show-on-android,
.lt-ie9 #event_bg {
    display: none !important;
}

.lt-ie9 .show-for-large-up,
.lt-ie9 .hide-for-medium-down,
.lt-ie9 .hide-on-android {
    display: block !important;
}


/* Nicolas Gallagher's micro clearfix */
.row {
  *zoom: 1;
}

.row:before,
.row:after {
  content: " ";
  display: table;
}

.row:after {
  clear: both;
}

[class*=large-block-grid-] {
  margin-left: -8px;
  margin-right: -8px;
}

/* LARGE Block Grids */
.large-block-grid-2 {
  list-style: none;
}

.large-block-grid-2 > li {
  float: left;
  width: 50%;
  padding: 0 8px;
}

.large-block-grid-2 > li:first-child + li {
  float: right;
}

.large-block-grid-2 > li:first-child + li + li {
  clear: both;
}

.large-block-grid-3 {
  list-style: none;
}

.large-block-grid-3 > li {
  float: left;
  width: 33.3333%;
  padding: 0 8px;
}

.large-block-grid-3 > li:first-child + li + li {
  float: right;
}

.large-block-grid-3 > li:first-child + li + li + li {
  clear: both;
}

.large-block-grid-4 {
  list-style: none;
}

.large-block-grid-4 > li {
  float: left;
  width: 25%;
  padding: 0 8px;
}

.large-block-grid-4 > li:first-child + li + li + li {
  float: right;
}

.large-block-grid-4 > li:first-child + li + li + li + li {
  clear: both;
}

.large-block-grid-5 {
  list-style: none;
}

.large-block-grid-5 > li {
  float: left;
  width: 20%;
  padding: 0 8px;
}

.large-block-grid-5 > li:first-child + li + li + li + li {
  float: right;
}

.large-block-grid-5 > li:first-child + li + li + li + li + li {
  clear: both;
}

.large-block-grid-6 {
  list-style: none;
}

.large-block-grid-6 > li {
  float: left;
  width: 16.6667%;
  padding: 0 8px;
}

.large-block-grid-6 > li:first-child + li + li + li + li + li {
  float: right;
}

.large-block-grid-6 > li:first-child + li + li + li + li + li + li {
  clear: both;
}

.large-block-grid-7 {
  list-style: none;
}

.large-block-grid-7 > li {
  float: left;
  width: 14.2857142%;
  padding: 0 8px;
}

.large-block-grid-7 > li:first-child + li + li + li + li + li + li {
  float: right;
}

.large-block-grid-7 > li:first-child + li + li + li + li + li + li + li {
  clear: both;
}

.large-block-grid-8 {
  list-style: none;
}

.large-block-grid-8 > li {
  float: left;
  width: 12.5%;
  padding: 0 8px;
}

.large-block-grid-8 > li:first-child + li + li + li + li + li + li + li {
  float: right;
}

.large-block-grid-8 > li:first-child + li + li + li + li + li + li + li + li {
  clear: both;
}

.large-block-grid-9 {
  list-style: none;
}

.large-block-grid-9 > li {
  float: left;
  width: 11.111111%;
  padding: 0 8px;
}

.large-block-grid-9 > li:first-child + li + li + li + li + li + li + li + li {
  float: right;
}

.large-block-grid-9 > li:first-child + li + li + li + li + li + li + li + li + li {
  clear: both;
}

.large-block-grid-10 {
  list-style: none;
}

.large-block-grid-10 > li {
  float: left;
  width: 10%;
  padding: 0 8px;
}

.large-block-grid-10 > li:first-child + li + li + li + li + li + li + li + li + li {
  float: right;
}

.large-block-grid-10 > li:first-child + li + li + li + li + li + li + li + li + li + li {
  clear: both;
}

.large-block-grid-11 {
  list-style: none;
}

.large-block-grid-11 > li {
  float: left;
  width: 9.0909%;
  padding: 0 8px;
}

.large-block-grid-11 > li:first-child + li + li + li + li + li + li + li + li + li + li {
  float: right;
}

.large-block-grid-11 > li:first-child + li + li + li + li + li + li + li + li + li + li + li {
  clear: both;
}

.large-block-grid-12 {
  list-style: none;
}

.large-block-grid-12 > li {
  float: left;
  width: 8.333333%;
  padding: 0 8px;
}

.large-block-grid-12 > li:first-child + li + li + li + li + li + li + li + li + li + li + li {
  float: right;
}

.large-block-grid-12 > li:first-child + li + li + li + li + li + li + li + li + li + li + li + li {
  clear: both;
}


[class*=-block-grid-] li{
  padding-left: 8px;
  padding-right: 8px;
}