h1.title {font:normal 300 36px 'Open Sans';}
h2, h2.title {font:normal 600 24px 'Open Sans';}
nav h2 {font-size:2.571em}
h3, dt {font:normal 600 18px 'Open Sans';}
h4 {font:normal 700 14px 'Open Sans';}
h5 {font:normal 400 14px 'Open Sans';}
h6 {font:normal 300 14px 'Open Sans';}
p, li, dd, .ac-table td, .ac-table p, .ac-table li, .ac-table dd {font:normal 400 14px 'Open Sans';}
small {font:normal 400 12px 'Open Sans';}
.img-center {margin:5px auto 5px; display:block;}

h4.footer-nav-title { font-weight:300;}

a.btn.btn-primary { padding-top:8px;}
a.btn.btn-primary.btn-full-slim { padding:0; font-size: 18px; line-height: 38px; min-height: 20px; width:100%;}
a.btn.btn-primary.btn-full-slim.btn-longtext { font-size:14px;}

a.btn.btn-primary.btn-rouge {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a40930+0,780232+100 */
background: #a40930; /* Old browsers */
background: -moz-linear-gradient(top,  #a40930 0%, #780232 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #a40930 0%,#780232 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #a40930 0%,#780232 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a40930', endColorstr='#780232',GradientType=0 ); /* IE6-9 */
}

.tabs.standard .tabs-header .tab-title { font-weight:600;}

.responsive-text h1.title {font:normal 300 36px 'Open Sans';}
.responsive-text h2,
.responsive-text h2.title {font:normal 600 24px 'Open Sans';}
aside.side-trail .title.section h2,
aside.side-trail .title.section h2.title,
aside.side-trail .responsive-text h2,
aside.side-trail .responsive-text h2.title,
section.tabs .tabs-header-container .tabs-header .tab-title h2,
section.tabs .tabs-header-container .tabs-header .tab-title h2.title,
.responsive-text h3, .responsive-text dt {font:normal 600 18px 'Open Sans';}
.responsive-text h4 {font:normal 700 14px 'Open Sans';}
.responsive-text h5 {font:normal 400 14px 'Open Sans';}
.responsive-text h6 {font:normal 300 14px 'Open Sans';}
.responsive-text p, .responsive-text li, .responsive-text dd {font:normal 400 14px 'Open Sans';}
.responsive-text small {font:normal 400 12px 'Open Sans';}

/*Tabs and accordions*/
.accordion .accordion-unit.accordion-title > h2, .accordion .accordion-unit.accordion-title > h3,
.accordion .accordion-unit.accordion-title > h4, .accordion .accordion-unit.accordion-title > h5,
.accordion .accordion-unit.accordion-title > h6,
.tabs-header .tab-title > h2, .tabs-header .tab-title > h3, .tabs-header .tab-title > h4,
.tabs-header .tab-title > h5, .tabs-header .tab-title > h6 {font:normal 400 16px 'Open Sans';}

/*Fix for lighboxes / pop-ups on the "About" section for bios etc.*/
article.ac-ngdialog header.modal-header h1.modal-title.text-left.ng-binding {line-height:24px !important;padding-top: 18px !important;}
article.ac-ngdialog header.modal-header h1.modal-title.text-left.ng-binding span {display: block;font-size: 16px;}
article.ac-ngdialog h3{font-weight: 300; line-height: inherit; font-size: inherit; }

a:not([href*='aircanada.com']).link-external:after,
a[href*='altitude.aircanada.com'].link-external:after,
a[href*='vacances.aircanada.com'].link-external:after,
a[href*='vacations.aircanada.com'].link-external:after,
a[href*='altitude.aircanada.com'].jwt-button:hover:after,
a[href*='altitude.aircanada.com'].btn.btn-primary.link-external:after,
a[href*='altitude.aircanada.com'].btn.btn-primary.link-external:hover:after {content:'';}

a.link-external:after,
a[href*='flyrouge.com'].link-external:after,
a[href*='voyagezrouge.com'].link-external:after {content: url(/content/dam/aircanada/portal/images/icons/icon-external-link-grey.png); margin: 0 2px 0 5px; /*background-color: #00DD0B;*/}
.altitude-index .jwt-button:hover:after,
a.btn.btn-primary.link-external:after {content: url(/content/dam/aircanada/portal/images/icons/icon-external-link-white.png); margin: 0 2px 0 5px; /*background-color: #00DD0B;*/}

a.link-pdf:after {content: url(/content/dam/aircanada/portal/images/icons/icon-pdf.png); margin: 0 2px 0 5px;  /*background-color: #00DD0B;*/}
li > a.link-pdf:before {content: url(/content/dam/aircanada/portal/images/icons/icon-pdf.png); margin: 0 2px 0 5px; margin: 0 5px 0 0;  /*background-color: #00DD0B;*/}
li > a.link-pdf:after {content:''; margin:0;}

.scripttag ul,
.responsive-text ul {list-style: square;}
.datepicker-wrapper ul.list-unstyled { list-style:none;}
.responsive-text dd { margin-bottom:15px;}
.scripttag ul.ac-gallery, .scripttag ul.slides, ul.ac-bio { list-style:none;}
ol[type='a'] { list-style:lower-alpha;}
ol[type='i'] { list-style:lower-roman;}
.scripttag li ul,
.scripttag li ol,
.responsive-text li ul,
.responsive-text li ol {margin-top:10px; margin-bottom:10px;}

.side-trail ul, .side-trail ol {list-style: none; padding-left:0;}

.text.section + .table.section {margin-top:25px;}

.accordion .accordion-unit .accordion-content[aria-hidden="false"],
.accordion, .accordion-unit, .accordion-content[aria-hidden="false"]{max-height: none;}

.highlight {background-color:#f9f9f9;  border:#e6e6e6 1px solid; padding:10px; margin:20px 0;}
.promocode {background-color:#f9f9f9;  border:#e6e6e6 1px solid; padding:10px; margin:0 auto; display:inline-block; font-size:18px; font-weight:bold;}

.rss-feed li { border-top:1px solid #e6e6e6; padding-top:10px;}
.rss-feed li:first-child { border-top:none; padding-top:0;}

/* RESPONSIVE VIDEO */
.video-container {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}

/* FORMS */
form span.form-control-label { text-transform:uppercase;} /*Tempo*/
form span small { font-size:14px;} /*Tempo*/
.ac-form .assistance-content { padding:5px 0 10px 25px;}
.ac-form .form-container-standard.form-wrapper { padding:0;}
.ac-form .content-wrapper { border:none; padding:0;}
.ac-form .glyph-input-wrapper .ac-icon.glyph,
.ac-form .glyph-input-wrapper .default,
.ac-form .glyph-input-wrapper .value { top:calc((100% + 20px)/2);}
.ac-form .glyph-input-wrapper .glyph-holder { background-color:#E6E6E6;}
.ac-form .form-container-standard .select-dropdown-wrapper>select optgroup {font-weight:700}

/* TABLES */
.ac-table { border:1px solid #e6e6e6; /*margin-left:auto; margin-right:auto;*/}
.ac-table-full-width { width:100%;}

.ac-table-columns {}
.ac-table-columns thead tr th { background-color:#4A4F55; color:#ffffff; border-left:1px solid #ffffff; /*padding:4px 8px;*/ padding:20px; text-align:left;}
.ac-table-columns thead tr th:first-child { border-left:none;}
.ac-table-columns thead .ac-table-row-colspan th { border-bottom:1px solid #ffffff;}

.ac-table-columns tr td { border-left:1px solid #e6e6e6; border-top:1px solid #e6e6e6; /*padding:4px 6px 26px;*/ padding:20px; }
.ac-table-columns tr td:first-child { border-left:none;}

.ac-table-rows tr:first-child th,
.ac-table-rows tr:first-child td { border-top:none;}
.ac-table-rows tr th { background-color:#e6e6e6; /*padding:4px 8px;*/ padding:20px;  border-top:1px solid #ffffff; text-align:left;}
.ac-table-rows tr th:first-child { border-left:none;}

.ac-table tr.ac-table-row-colspan th { border-bottom:1px solid #ffffff; background-color:#4A4F55; /*padding:10px;*/ padding:20px; text-align:left;}
.ac-table-light-header thead tr th,
.ac-table tr.ac-table-row-colspan + tr th { background-color:#e6e6e6; color:#2a2a2a; text-align:left;}

.ac-table tr th.no-content-cell { border-top:2px solid !important; border-left:2px solid !important; background-color:transparent !important;}

.ac-table-rows td { border-left:1px solid #e6e6e6; border-top:1px solid #e6e6e6; /*padding:4px 6px 26px;*/ padding:20px;}

.ac-table-columns.ac-table-rows thead tr th { background-color:#4A4F55; color:#ffffff; border-top:none; text-align:left;}
.ac-table-columns.ac-table-rows tbody tr:first-child th,
.ac-table-columns.ac-table-rows tbody tr:first-child td { border-top:1px solid #e6e6e6;}

/* TABLES HELPER CLASSES */
.ac-table .no-wrap { white-space:nowrap;}
.ac-table .note { /*background-color:#e6e6e6; margin:-4px -6px -26px; padding:10px;*/}
.ac-table caption { display:block; margin:0; padding:0;}
.ac-table caption h3 { color:#2a2a2a; background-color:#ffffff; margin:-1px; padding-bottom:10px;}

.ac-table tr td p.note + .ac-table tr td p { margin-top:40px;}

h3 > label.checkbox{position:relative;padding-left:30px;}
h3 > label.checkbox span:before {content:"";height:25px;width:25px;position:absolute;left:0;top:0;background:0 0,url(https://beta.aircanada.com/etc/designs/aircanada/images/checkmark_unchecked.png);background:0 0,url(https://beta.aircanada.com/etc/designs/aircanada/images/checkmark_unchecked.svg);}
h3 > label.checkbox input[type="checkbox"]{display:none}
h3 > label.checkbox input[type="checkbox"]:checked + span:before {background:url(https://beta.aircanada.com/etc/designs/aircanada/images/checkmark_checked.png);background:0 0,url(https://beta.aircanada.com/etc/designs/aircanada/images/checkmark_checked.svg);}


.ac-ads{text-align: center;}

/* CONTACT US - CLASSES */
.white-7-24 {border:#e6e6e6 1px solid; padding:10px 0 7px 65px; background:#FFFFFF url(/content/dam/aircanada/portal/images/icons/icon-7-24-lg.png) 10px no-repeat; margin-bottom:10px;}
.white-7-24 p { margin-bottom:0;}
.help-topics { border-bottom:1px dotted #E6E6E6; padding-bottom:10px; margin-bottom:10px;}
.help-topics .animate-if{animation: fade-out .5s 1;}

.ac-icon.ac-cu-reservations:before {content:url(/content/dam/aircanada/portal/images/icons/icon-square-chat-lg.png); position:relative; top:15px;}
.ac-icon.ac-cu-email:before {content:url(/content/dam/aircanada/portal/images/icons/icon-email-lg.png); position:relative; top:5px;}
.highlight.box { padding:20px 25px 0;}
.highlight.box h2 { margin-top:-10px;}

/* TEMPORARY FIX FOR NON-HERO IMAGE PAGES */


.page-heading-section {margin-top: 0 !important;}
.template-basic .section-wrapper {margin-top: 25px;}
.template-basic .content-body .page-content-top{
	overflow: hidden !important;
}

@media (min-width: 1400px) {
	.template-basic .page-content-top .bannerStyle {overflow:hidden; min-height: auto !important;max-height: auto !important;}
	.bannerStyle img.img-responsive  {width: 1400px !important;margin-left:auto; margin-right:auto;margin-top:-15px;}
}

@media (min-width: 1299px) and (max-width: 1399px) {
	.template-basic .page-content-top .bannerStyle {overflow:hidden; min-height: auto !important;max-height: auto !important;}
	.template-basic .page-content-top .bannerStyle .image.section {width: auto !important; margin-left:auto; margin-right:auto;margin-top:-15px;}
}

@media (min-width: 1024px) and (max-width: 1298px) {
	.template-basic .page-content-top .bannerStyle {min-height:auto !important;max-height:auto !important;}
	.template-basic .page-content-top .bannerStyle .image.section {width: 100% !important; margin-left:auto; margin-right:auto;margin-top:-15px;}
}

@media (min-width: 768px) {
	.image.section .component-wrapper { padding-bottom:0;}
}


/********************************************************************* MOBILE CLASSES *********************************************************************/
@media (max-width: 1263px) and (min-width: 1024px) {
.page-heading-section h1.title {padding-left:32px;}

}

@media (max-width: 1263px){
/*MOBILE MENU ITEMS*/
.nav-secondary-unit ul.nav-secondary li.nav-secondary-unit {line-height: 2.857em !important;font-size: 1.286em !important; font-weight:300 !important;}

}

@media (max-width: 1023px){
section.page-content-body.section-wrapper { margin-top:30px; padding:0 20px;}
.page-heading-section h1.title {padding-left:10px;}

}

@media (max-width:767px){

h1.title {font:normal 600 24px 'Open Sans';}
h2, h2.title {font:normal 600 18px 'Open Sans';}
h3, dt {font:normal 700 14px 'Open Sans';}
h4 {font:normal 400 14px 'Open Sans';}
h5 {font:normal 300 14px 'Open Sans';}
h6 {font:normal 300 12px 'Open Sans';}
p, li, dd, .ac-table td, .ac-table p, .ac-table li, .ac-table dd {font:normal 400 12px 'Open Sans';}
small {font:normal 400 10px 'Open Sans';}

.responsive-text h1.title {font:normal 600 24px 'Open Sans';}
.responsive-text h2,
.responsive-text h2.title {font:normal 600 18px 'Open Sans';}
aside.side-trail .responsive-text h2,
aside.side-trail .responsive-text h2.title,
.responsive-text h3, .responsive-text dt {font:normal 700 14px 'Open Sans';}
.responsive-text h4 {font:normal 400 14px 'Open Sans';}
.responsive-text h5 {font:normal 300 14px 'Open Sans';}
.responsive-text h6 {font:normal 300 12px 'Open Sans';}
.responsive-text p, .responsive-text li, .responsive-text dd {font:normal 400 12px 'Open Sans';}
.responsive-text small {font:normal 400 10px 'Open Sans';}

/*MOBILE MENU ITEMS*/
.nav-secondary-unit ul.nav-secondary li.nav-secondary-unit {line-height: 2.857em !important;font-size: 1.167em !important; font-weight:300 !important;}

}


/* MEDIA QUERIES FOR TABLES - MOBILE */
@media screen and (max-width : 767px) {
	/* Force table to not be like tables anymore */
	.ac-table, .ac-table thead, .ac-table tbody, .ac-table th, .ac-table td, .ac-table tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	.ac-table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.ac-table tr td {
		/* Behave  like a "row" */
		border-left: none !important;
		position: relative;
		text-align:left;
	}
	.ac-table tr td:first-child {
		/*border-top: none !important;*/
		margin-top:-1px;
	}
	.ac-table tr td:before {
		/* Now like a table header */
		position: relative;
		display:inline-block;
		font-weight:bold;
		/*white-space: nowrap;*/
		content:attr(data-label);
		text-align:left;
		float:left;
	}
	.ac-table tr td.ac-table-colspan { padding-left:10px;}
	.ac-table tr td.ac-table-colspan .note { /*margin-left:-10px;*/}

	/* FLIGHT SCHEDULE */
	.location-options .location-result.active { display:block;}
	.time-table-results tbody td { padding:30px 2px; margin:0;}

	/*************************************************** MOBILE FIXES ***************************************************/
	.content-wrapper { margin:0; border-left:none; border-right:none;}
	section.page-content-body.section-wrapper { margin:0 auto; padding:10px 0;}
	.page-content-top .image.section .component-wrapper { padding-bottom:0;}
	.template-basic .section-content { padding-right:10px; padding-left:10px;}
	.tabs .tab-content { padding:20px 10px;}
	.accordion .accordion-unit .accordion-content .accordion-content-spaced { padding:20px 10px;}
	.template-basic .side-trail { padding-right:15px; padding-left:15px;}
	.page-heading-section { margin-top:0;}
	.page-heading-section h1.title {padding-left:5px;}
	.image.section .component-wrapper { padding-bottom:5px;}
	.md-img-responsive, .sm-img-responsive, .xs-img-responsive { width:100%;}
	/*************************************************** END: MOBILE FIXES ***************************************************/
}
@media screen and (min-width : 321px) and (max-width : 767px) {
	.md-img-responsive, .sm-img-responsive, .xs-img-responsive { width:100%;}

	.ac-table-columns tr td { padding-left:200px;}
	.ac-table .note { /*margin-left:-200px;*/}
	.ac-table-columns tr td:before {width: 190px; margin-left: -190px;}

	.ac-td-height{height:90px;}

}
@media screen and (max-width : 320px) {
	.md-img-responsive, .sm-img-responsive, .xs-img-responsive { width:100%;}

	.ac-table-columns tr td { padding-left:150px;}
	.ac-table .note { /*margin-left:-150px;*/}
	.ac-table-columns tr td:before { width: 135px; margin-left: -144px; line-height:1.2; padding-top:4px;}

	.ac-td-height{height:120px;}

}