/**
 * custom javascript, initially created for course pages.
 * 
 * @created: 2015/10/01
 * @author : wislam
 * *** */

body {
	font-size:16px;
	line-height:1.6;
}

h1, h2, h3, h4 { font-weight:bold; }
h1 { font-size:1.5em; color:#2b2b2b; }
h2 { font-size:1.35em; margin-top:0; }
h3 { font-size:1.2em; }
h4 { font-size:1em; }
h5 { font-size:1em; }

.glyphicon, .fa { cursor:default; }
a .glyphicon, a .fa { cursor:pointer; }


/* BEGIN bootstrap overrides and fixes */
header .navbar-brand { height:auto; margin-left:0 !important; }
header .header-site-summary.row { margin:0; }
header button.navbar-toggle { margin:0; border:0; }
header button.navbar-toggle:hover,
header button.navbar-toggle:focus { background-color:transparent !important; }

.btn.btn-default { background-color:#d1cdbe; }
.btn.btn-default:hover { background-color:#bcb7a3; }

.modal               { -webkit-overflow-scrolling: auto; }
#Modal_Enquire.modal { -webkit-overflow-scrolling: touch !important; } /* fixes background scroll in iphone */
.modal-body > .row { margin:20px; }
@media (min-width: 992px) {
	.modal-body .row .col-md-5.col-md-offset-1 { margin-left:5%; width:44.9%; }
}
@media (min-width:768px) {
	.apply-info .col-sm-6 { width:48%; }
	.apply-info .col-sm-offset-1.col-sm-5 { width:48%; margin-left:3.9%; }
}
@media (max-width:480px) {
	.modal-body > .row { margin:0; }
}
@media print {
	/* accordions should be visible during print */
	.panel-group .panel .panel-collapse { display:block; height:auto !important; }
}
/* END of bootstrap overrides */


header.navbar *,
.btn {
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
header.navbar { background:#fff none; border:0; width:auto; padding:0; }
header .container-fluid { padding:0; }
header .header-row-1 { padding:15px; /*background-color:#935e9e;*/	/* not to use purple header */ }
header .header-row-1 a { }
header .header-row-1 .header-quicklinks { float:left; }
header .header-row-1 .header-search { text-align:right; }
header .header-row-1 .header-search form { /*display:inline;*/ margin:0; border:0; box-shadow:none; }
header .header-row-1 .header-search form input[name='query']:focus { margin-left:-25em; width:calc(100% + 25em); }
header .header-site-summary { clear:both; padding:15px; background-color:#ddd6d0; /*yellow:background-color:#fcd700;*/ }
header .header-site-summary .site-section-heading { font-size:1.8em; margin:0; }
header .header-site-summary .my-favourites { text-align:right; }


/* begin old header */
header.old-header {  font-size:12px; }
header.old-header .logo { border-right:1px solid #bebebe; float:left; padding:5px 15px; }
header.old-header nav.navbar-default { background-color:#f6f6f4; border:none; position:static; }
header.old-header nav .header-wrap { margin-left:245px; /* "hack" to clear logo */ }
header.old-header nav .header.cf { border-bottom:1px solid #bebebe; padding:5px 10px; margin-bottom:15px; }
header.old-header nav .header.cf > .left { float:left; }
header.old-header nav .header.cf > .right { text-align:right; }
header.old-header nav #basket-summary .ctaLink { background:#2aa1ff url("/css/images/ctaArrow.gif") no-repeat right top; padding:10px 45px 10px 10px; margin-right:15px; border-radius:3px; cursor:pointer; }
header.old-header nav #basket-summary .ctaLink[style] { background:#f1f1ed url("/css/images/submit-arrow.png") no-repeat right top; border:1px solid #ccc; } /* this applies when no item in basket */
header.old-header nav #basket-summary .ctaLink[style] a { color:#333 !important; }
header.old-header nav .ctaLink a:hover { text-decoration:none; }
header.old-header nav .staffstudent {}
header.old-header nav .staffstudent .ctaLink.student { float:right; margin-left:15px; }
header.old-header nav .staffstudent .ctaLink.student a,
header.old-header nav .staffstudent .ctaLink.staff a { background:#636 url("/css/images/cta-arrow-100x40-purple.gif") no-repeat right top; color:#fff; padding:10px 40px 10px 10px; border-radius:3px; }
header.old-header nav .nav.nav-main > li { float:left; border-bottom:5px solid transparent; border-right:1px solid #bebebe; transition:all 0.25s; }
header.old-header nav .nav.nav-main > li a { color:#333; padding:0 10px 5px 10px; display:block; text-decoration:none; }
header.old-header nav .nav.nav-main > li:hover { border-bottom:5px solid #636; }
header.old-header nav .nav.nav-main > li:hover a { color:#636; background-color:transparent; }
header.old-header form input.text-field.with-submit { border:1px solid #ccc; height:40px; padding:5px 40px 5px 10px; width:13em; border-radius:3px; transition:all 0.15s ease-in-out 0s; }
header.old-header form input.text-field.with-submit:focus { border-color:#66afe9; box-shadow:0 1px 1px rgba(0,0,0,0.075) inset, 0 0 8px rgba(102,175,233,0.6); }
header.old-header form input.submit.submit-arrow { background:transparent url("/css/images/submit-arrow.png") no-repeat 2px top; border:0; height:40px; width:40px; padding:0; margin-left:-40px; }

/* begin fix for webkit browsers */
@supports (-webkit-appearance:none) {
	@media (min-width:768px) {
		header.old-header form .text-field-with-submit { display:inline-flex; }
	}
	@media (max-width:767px) {
		header.old-header form .text-field-with-submit { position:relative; }
		header.old-header form input.submit.submit-arrow { position:absolute; top:0; right:0; }
	}
}
/* end of fix for webkit */

header.old-header .mobileHeader { display:none; }

@media (min-width:1200px) {
	header.old-header form input.text-field.with-submit:focus { width:450px; }
}
@media (min-width:992px) and (max-width:1199px) {
	header.old-header form input.text-field.with-submit:focus { width:250px; }
}
@media (min-width:768px) and (max-width:855px) {
	header.old-header form input.text-field.with-submit:focus { width:100%; }
	header.old-header form input.submit.submit-arrow {  }
	header.old-header nav .header.cf { position:relative; padding-bottom:55px; margin-bottom:10px; }
	header.old-header nav .header.cf .search { float:none; position:absolute; top:50px; width:95%; width:calc(100% - 15px); }
	header.old-header nav .nav.nav-main { border-left:1px solid #bebebe; }
}
@media (max-width:767px) {
	header.old-header .logo { border-right:0; }
	header.old-header button.navbar-toggle { margin-top:1em; margin-right:1em; transition:all 0.25s; }
	header.old-header button.navbar-toggle:hover,
	header.old-header button.navbar-toggle:focus { background-color:#666 !important; }
	header.old-header button.navbar-toggle:hover .icon-bar,
	header.old-header button.navbar-toggle:focus .icon-bar { background-color:#fff; }
	
	header.old-header nav .header.cf > .left { float:none; }
	header.old-header nav .nav.nav-main { margin-left:-15px; margin-right:-15px; }
	header.old-header nav .nav.nav-main > li { float:none; border-right:0; }
	header.old-header nav .nav.nav-main > li,
	header.old-header nav .nav.nav-main > li:hover { border-bottom:1px solid #bebebe; }
	header.old-header nav .nav.nav-main > li:first-child { border-top:1px solid #bebebe; }
	header.old-header nav .nav.nav-main > li a { padding:10px; background:#f1f1ed url("/css/images/submit-arrow.png") no-repeat right top; }
	header.old-header nav .navbar-collapse { border:0; }
	header.old-header nav .header-wrap { margin:0; }
	header.old-header nav .header.cf { border:0; padding:0; position:relative; }
	header.old-header nav .header.cf .search { position:relative; top:-40px; width:100%; background-color:#666; padding:10px 20px; }
	header.old-header form input.text-field.with-submit { width:100%; }
	header.old-header nav .header.cf .my-prospectus { position:relative; top:65px; }
	header.old-header nav #basket-summary .ctaLink { margin:0; }
	header.old-header nav .staffstudent { margin-top:10px; }
}
@media(max-width:480px) {
	header.old-header { padding:0; }
	header.old-header .logo { padding-right:0; padding-bottom:0; width:80%; }
	header.old-header .logo img { max-width:100%; }
	header.old-header nav .header.cf .search { margin-left:-15px; width:calc(100% + 30px); }
	header.old-header nav .staffstudent .ctaLink { width:45%; }
	header.old-header nav .staffstudent .ctaLink a { display:inline-block; width:100%; line-height:inherit !important; }
	header.old-header nav .staffstudent .ctaLink.student { margin-left:0; }
}

/* end of old header styling */


footer { font-size:14px; background-color:#2e2e2e; color:#ccc; padding:15px; }
footer .bottom.row { border-top:1px solid #666; }
footer a { transition:all 0.25s ease; color:#888; }
footer a:hover,
footer a.btn:hover { color:#fff; }
footer address { margin:0; }
footer .links,
footer .social-icons { text-align:right; }
footer .social-icons a { font-size:2em; padding-top:0; }

nav#SiteNav { background-color:#2e2e2e; font-size:14px; clear:both; }  /* clear required due to floating logo just above */
nav#SiteNav ul.navbar-nav .dropdown > a { color:#ccc; }
nav#SiteNav ul.navbar-nav .dropdown a:hover,
nav#SiteNav ul.navbar-nav .dropdown.open > a { background-color:#ddd6d0; color:inherit; }  /* important overrides the #ccc color, 1 line above */

/*nav#SiteNav ul.navbar-nav > li > a,
nav#SiteNav ul.navbar-nav > li > a:focus { color: #aaa; }
nav#SiteNav ul.navbar-nav > li > a:hover { color:#fff; }
nav#SiteNav ul.navbar-nav > li.open > a { color:#555; }*/

main.container-fluid {
	padding:0 35px;
}

.course-page .contact-buttons a,
section#KeyInfo .ki-buttons .btn {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.course-title { margin-bottom:1em; border-bottom:1px solid #ccc; }

.course-title .social-icons { text-align:right; cursor:default; margin:20px 0 10px 0; }  /* match margin of adjacent h1 */
/*
.course-title .social-icons a { text-align:center; display:inline-block; min-width:24px; min-height:25px; border-radius:15px; transition: all 0.15s ease-in-out 0s; }
.course-title .social-icons a:hover { color:#fff; }
.course-title .social-icons a.facebook:hover { background-color:#3a5795; }
.course-title .social-icons a.twitter:hover { background-color:#55acee; }
.course-title .social-icons a.bookmark:hover { background-color:#fc0; }
.course-title .social-icons a.email:hover { background-color:#dd4b39; }
.course-title .social-icons a.print:hover { background-color:green; }
*/

/* social icons using lmu brand-approved icons */
.course-title .social-icons a { display:inline-block; height:25px; width:25px; }
.course-title .social-icons a i { background:transparent url("/css/images/socialIcons.png") no-repeat; display:inline-block; min-height:25px; min-width:25px; }
.course-title .social-icons a.facebook i { background-position:9px -382px; }
.course-title .social-icons a.facebook:hover { background-color:#3a5795; }
.course-title .social-icons a.facebook:hover i { background-position:9px -449px; }
.course-title .social-icons a.twitter i { background-position:4px -923px; }
.course-title .social-icons a.twitter:hover { background-color:#55acee; }
.course-title .social-icons a.twitter:hover i { background-position:4px -987px; }
.course-title .social-icons a.bookmark i { background-position:9px 5px; }
.course-title .social-icons a.bookmark:hover { background-color:#fc0; }
.course-title .social-icons a.bookmark:hover i { background-position:9px -61px; }
.course-title .social-icons a.email i { background-position:5px -256px; }
.course-title .social-icons a.email:hover { background-color:#dd4b39; }
.course-title .social-icons a.email:hover i { background-position:5px -318px; }
.course-title .social-icons a.print i { background-position:5px -516px; }
.course-title .social-icons a.print:hover { background-color:green; }
.course-title .social-icons a.print:hover i { background-position:5px -582px; }


.course-page .apply-info { margin:20px 0; }
.course-page .intro-paragraph,
.course-page .apply-info section { background-color:#f6f6f6; padding:15px; }
.course-page .intro-paragraph h2,
.course-page .apply-info section h2 { margin:0 0 0.5em 0; /*color:#337ab7;*/ }
.course-page .accreditation-logos h3 { font-size:1em; border-top:1px dashed #ccc; margin-top:0.5em; padding-top:0.5em; }
.course-page .accreditation-logos img { width:150px; max-width:50%; }

/* 2016/05/20 - add space after icon, if an icon is pulled-in as part of content */
.course-page section p .fa,
.course-page section p .glyphicon,
#Modal_Apply section p .fa,
#Modal_Apply section p .glyphicon { margin-right:0.3em; }

.course-page .contact-buttons-container { min-height:4em; }
.course-page .contact-buttons { padding:15px 0; text-align:left; }
.course-page .contact-buttons a { margin-right:10px; }
.course-page .contact-buttons div > a:last-child,
.course-page .contact-buttons a.btn-favourites { margin-right:0; }
.course-page .contact-buttons a.logo,
.course-page .contact-buttons a.btn-apply { display:none; opacity:0; visibility:hidden; }
.course-page .contact-buttons .btn { color:#fff; background-color:#00aee0; border-color:transparent; width:23.4%; /*text-shadow:0 0 5px #fff;*/ } /* prev bg:#96c0e6; */
.course-page .contact-buttons .btn-chat .offline,
.course-page .contact-buttons .btn-chat .online { font-size:0.8em; vertical-align:super; }
.course-page .contact-buttons .btn-chat .offline { color:#ccc; }
.course-page .contact-buttons .btn-chat .online { color:yellow; }
.course-page .contact-buttons .btn:hover { border:1px solid #333; }
.course-page .contact-buttons .btn:hover,
.course-page .contact-buttons.affix .btn:hover { background-color:#23527c; } /* prev bg:#00aee0; */
.course-page .contact-buttons.affix { background-color:#333; background-color:rgba(0,0,0,0.8); text-align:left; padding:15px; z-index:1035; top:0; left:0; right:0; box-shadow:0 5px 15px rgba(0,0,0,0.8); }
.course-page .contact-buttons.affix .btn { /*background-color:#333;*/ color:#fff; padding:5px 10px; font-size:12px; border-radius:3px; width:auto; } /* prev border-color:#ccc; */
.course-page .contact-buttons.affix .btn:hover { /*background-color:#fcd700; color:#333; border:1px solid #333;*/ }
.course-page .contact-buttons.affix a.logo { background-color:#fff; }
.course-page .contact-buttons.affix a.logo img { height:20px; }
.course-page .contact-buttons.affix a.logo,
.course-page .contact-buttons.affix a.btn-apply { display:inline-block; opacity:1; visibility:visible; }
.course-page .contact-buttons.affix a.btn-apply { float:right; background-color:#ac193c; color:#fff; border-color:transparent; font-weight:bold; /* text-shadow: 0 0 15px #fff;*/ min-width:12em; } /* prev bg:#faa951; */
.course-page .contact-buttons.affix a.btn-apply:hover { background-color:#78122c; color:#fff; } /* prev bg:#fcd700; */
.course-page .contact-buttons .btn-favourites .fa-star { color:yellow; }

.course-page table > tr > td,
.course-page table > tbody > tr > td,
.course-page table > tbody > tr > th,
.course-page table > tfoot > tr > td,
.course-page table > tfoot > tr > th,
.course-page table > thead > tr > td,
.course-page table > thead > tr > th { line-height:1.6; vertical-align:top; padding:8px; border-bottom:1px solid #ddd; border-top:1px solid #ddd; }

#RightColumn > section { margin-bottom:1em; }
#RightColumn .faculty-link { margin-bottom:5px; }
#RightColumn .faculty-link a,
#RightColumn .useful-links a { font-size:inherit; text-align:left; white-space:normal; }
#RightColumn .faculty-link a .fa,
#RightColumn .useful-links a .fa { margin-right:0.5em; width:20px; text-align:center; }
#RightColumn .faculty-link a .fa  { display:table-cell; padding-right:0.8em; }
#RightColumn .faculty-link a span { display:table-cell; }
#RightColumn .course-video { padding:15px 0; border-bottom:1px solid #ccc; }

section#KeyInfo { margin-bottom:1.5em; padding:15px; box-shadow:1px 1px 5px #666; }
section#KeyInfo form { font-size:13px; }
section#KeyInfo form .form-group { margin:0 0 0.5em 0; }
section#KeyInfo form .form-group label,
#Modal_Apply #ApplyKeyInfo form .form-group label { margin-bottom:0; }
section#KeyInfo form .form-group select.col-sm-6 { width:50%; }
section#KeyInfo form .form-group.course-type { /*background-color:lightyellow;*/ }
section#KeyInfo form .form-group.start-year,
section#KeyInfo form .form-group.local-foreign-student,
section#KeyInfo form .form-group.course-length { margin-left:0; margin-right:0; }
section#KeyInfo form .form-group.variant-selection label { /*padding-top:5px; padding-bottom:5px;*/ }
section#KeyInfo form .form-group.variant-selection select,
#Modal_Apply #ApplyKeyInfo form select { font-size:1.2em; font-weight:bold; min-height:2.5em; }
section#KeyInfo form .form-group.cost a { color:#e17906; font-size:1.25em; line-height:normal; vertical-align:middle; }
section#KeyInfo form .course-discount p .glyphicon,
section#KeyInfo form .subject-to-validation p .glyphicon,
#Modal_Apply #ApplyKeyInfo form .course-discount p .glyphicon,
#Modal_Apply #ApplyKeyInfo form .subject-to-validation p .glyphicon { padding-right:0.5em; }
section#KeyInfo form .course-discount p .glyphicon,
section#KeyInfo form .course-discount p a,
#Modal_Apply #ApplyKeyInfo form .course-discount p .glyphicon,
#Modal_Apply #ApplyKeyInfo form .course-discount p a { display:table-cell; /*color:#e17906;*/ }
section#KeyInfo form .course-discount p,
section#KeyInfo form .subject-to-validation p { margin:0.5em 0; padding:0 30px; /* match padding with other form-group fields to align correctly */ }
section#KeyInfo form .subject-to-validation p .glyphicon,
#Modal_Apply #ApplyKeyInfo form .subject-to-validation p .glyphicon { color:#337ab7; }
section#KeyInfo form .ki-buttons a {  }
section#KeyInfo form .ki-buttons.affix { position:static; /* don't disturb layout while scrolling - instead just hide using visibility/opacity */ }
section#KeyInfo form .ki-buttons.affix a.btn-apply { opacity:0; visibility:hidden; }
section#KeyInfo form .ki-buttons a.btn-apply,
#Modal_Apply .modal-footer .btn-apply { opacity:1; visibility:visible; margin-top:0.5em; background-color:#ac193c; color:#fff; font-weight:bold; /*text-shadow: 0 0 15px #fff;*/ } /* prev bg:#faa951; */
section#KeyInfo form .ki-buttons a.btn-apply:hover,
#Modal_Apply .modal-footer .btn-apply:hover { background-color:#78122c; color:#fff; border:1px solid #333; } /* prev bg:#fcd700; */

#CourseAccordions { margin:0 0 20px 0; }
#CourseAccordions section.panel { border:0; box-shadow:none; }
#CourseAccordions .panel-heading { font-size:1.2em; padding:0; border:0; background-color:#cbc8c8; /*light blue: background-color:#96c0e6;*/ /*black: #fff; background-color:#444;*/ /*light yellow: background-color:#f5e880;*/ }
#CourseAccordions .panel-heading a { display:block; padding:10px 15px; }
#CourseAccordions .panel-heading a .glyphicon:last-child { float:right; }
#CourseAccordions .panel-heading a .glyphicon:first-child { margin-right:0.5em; }
#CourseAccordions .panel-body { border:0; background-color:#f6f6f6; }

#CourseAccordions .accordion-expand-collapse { margin:0; text-align:right; }
#CourseAccordions .accordion-expand-collapse a { font-size:12px; box-shadow:none; }
#CourseAccordions .accordion-expand-collapse a i { font-size:10px; }
#CourseAccordions #KISinfo { text-align:center; }
#CourseAccordions #KISinfo p.intro { text-align:left; }
#CourseAccordions #KISinfo [class^='kisinfo-'] { margin:1em 0; }
#CourseAccordions #KISinfo iframe { border:0; overflow:hidden; }
#CourseAccordions #KISinfo .kisinfo-ft-horizontal iframe,
#CourseAccordions #KISinfo .kisinfo-pt-horizontal iframe { width:615px; height:150px; }
#CourseAccordions #KISinfo .kisinfo-ft-vertical iframe,
#CourseAccordions #KISinfo .kisinfo-pt-vertical iframe { width:190px; height:500px; }

#course-structure h4 + p { font-size:0.85em; border-bottom:1px solid #ccc; }
#course-structure ul.course-modules { padding:0; }
#course-structure ul.course-modules > li { list-style:none; }
#course-structure ul.course-modules > li > h5 > a { color:#00a886; }

#Modal_Apply { }
#Modal_Apply .modal-header h4 { /*color:#337ab7;*/ }
#Modal_Apply .modal-footer .btn[data-dismiss] { float:left; margin-right:0.5em; }
#Modal_Apply .modal-footer .btn-apply { margin-top:0; text-shadow:none; display:none; /* hidden until shown by specific business logic in js function initApplyModal() */ }
#Modal_Apply .modal-footer .btn-apply-ucas { background-color:#ac193c; color:#fff; font-weight:bold; display:none; /* as above, hidden until shown by business logic in js */ /*text-shadow:0 0 5px #fff;*/ } /* prev bg: #96c0e6; #00aee0; */
#Modal_Apply .modal-footer .btn-apply-ucas .char-a { }
#Modal_Apply .modal-footer .btn-apply-ucas img { /* following is temporary until proper ucas logo... */ height:1.2em; }
#Modal_Apply .modal-footer .btn-apply-ucas:hover { background-color:#78122c; color:#fff; /*text-shadow:none;*/ border:1px solid #333; } /* prev bg: #0aee0; #23527c; */
#Modal_Apply .modal-footer .read-how-apply { font-size:0.8em; }
#Modal_Apply .modal-body h2 { /*color:#337ab7;*/ margin:0 0 1em 0; }
#Modal_Apply .modal-body h3 { margin:0 0 0.5em 0; }
#Modal_Apply .modal-body { color:#333; }
#Modal_Apply #ApplyKeyInfo form .form-group { margin-bottom:0.5em; }
#Modal_Apply .modal-body p,
#Modal_Apply #ApplyKeyInfo form label,
#Modal_Apply #ApplyKeyInfo form label + div { font-size: 0.9em; }
#Modal_apply #ApplyKeyInfo form .variant-selection { /*padding:0 15px;*/ }
#Modal_Apply #ApplyKeyInfo form select { font-size:1em; }
#Modal_Apply #ApplyKeyInfo form .course-discount p { margin:0.5em 0; }
#Modal_Apply #ApplyKeyInfo form .course-discount p .glyphicon,
#Modal_Apply #ApplyKeyInfo form .course-discount p a { /*display:table-cell; color:#e17906;*/ }
#Modal_Apply .modal-body .apply-how p { }

#Modal_Enquire { }
#Modal_Enquire.modal { z-index:1051; }
#Modal_Enquire .modal-footer { text-align:left; }

.debug-output .debug-mode {
	font-size:8px; letter-spacing:1px;
	background-color:red; color:#fff; border:1px dashed #000;
	position:fixed; bottom:0; left:0; z-index:2000;
	padding:0.3em 0.6em;
	min-height:1.6em; min-width:6em;
}
.debug-output .debug-vp {
	font-size:8px; letter-spacing:1px;
	background-color:red; color:#fff; border:1px dashed #000;
	position:fixed; bottom:0; right:0; z-index:2000;
	padding:0.3em 0.6em;
	min-height:1.6em; min-width:6em;
	display:none;
}


@media (min-width: 1200px) {
	.debug-output .debug-mode:before { content:"mode:>=1200"; }
	
	.course-page .contact-buttons.affix .contact-buttons-inner-container { width:1170px; margin-left:auto; margin-right:auto; }
}

/* style overrides for */
@media (max-width:1199px) {
	.debug-output .debug-mode:before { content:"mode:1199"; }
	
	.course-page .course-video iframe { width:auto; min-height:170px; }
	.course-page .contact-buttons .btn { width:auto; }
	/*.course-page .contact-buttons.affix .contact-buttons-inner-container { width:970px; margin-left:auto; margin-right:auto; }*/
}

@media (max-width:991px) {
	.debug-output .debug-mode:before { content:"mode:991"; }
	
	/*.course-page .contact-buttons.affix .contact-buttons-inner-container { width:750px; margin-left:auto; margin-right:auto; }*/
	.course-page .course-video { text-align:center; }
	.course-page .course-video iframe { width:360px; max-width:100%; }
	
	#Modal_Apply #ApplyKeyInfo { border-bottom:1px solid #ccc; padding-bottom:1em; }
	#Modal_Apply #ApplyHow { padding-top:20px; }
	
}

@media (min-width:992px) and (max-width:1199px) {
	
	#RightColumn .faculty-link a { font-size:13px;	}
	#RightColumn .useful-links a { font-size:16px; }
	
}

@media (min-width:768px) and (max-width:991px) {
	
	nav#SiteNav .header-nav .dropdown > a { padding:15px 5px; font-size:12px; }
	.course-page .contact-buttons .btn { width:23.4%; }
	
}

@media (min-width:768px) and (max-width:890px) {
	
	nav#SiteNav .header-nav .dropdown > a[href*="/faculties"] {	display:none; }
	
}

/* style overrides for bootstrap-defined "extra-small" (xs) devices - phones */
@media (max-width:767px) {
	.debug-output .debug-mode:before { content:"mode:767"; }
	
	h1 { font-size:1.4em; }
	h2 { font-size:1.2em; }
	
	header.navbar .navbar-header { float:left; margin:0; }
	header .header-row-1 .header-search form { padding-top:0; padding-bottom:0; width:auto; }
	header .header-row-1 .header-search form .input-group { display:input-table; vertical-align:middle; }
	header .header-row-1 .header-search form input[name='query']:focus { margin-left:0; width:100%; }
	header .header-row-1 .header-search form .input-group-btn { width:auto; }
	header .header-site-summary .site-section-heading { font-size:1.6em; }
	
	nav#SiteNav .header-nav .dropdown { margin-left:30px; }
	
	.course-page .contact-buttons.affix-top a { margin-bottom:10px; }
	.course-page .contact-buttons.affix { padding:13px; }
	/*.course-page .contact-buttons.affix .contact-buttons-inner-container { width:auto; }*/
	.course-page .contact-buttons.affix .btn { padding:3px 10px; margin-right:0; }
	.course-page .contact-buttons.affix .btn-chat,
	.course-page .contact-buttons.affix .btn-interested,
	.course-page .contact-buttons.affix .btn-favourites { display:none; }
	
	section#KeyInfo form .ki-buttons.affix { position:fixed; }
}

/* "phablets" - anywhere between 360px and 480px, including iPhone 6 (375px) and 6 Plus (414px) */
@media(max-width:480px) {
	.debug-output .debug-mode:before { content:"mode:480"; }
	
	.course-title h1 { margin-top:0; }
	.course-title .social-icons { margin-top:0; }
	.course-page .contact-buttons-container { min-height:190px; }
	.course-page .contact-buttons.affix-top a { display:block; margin:0.4em 0; }
	.course-page .course-video { padding-top:0 !important; margin-top:1em; }
	
	section.key-info form .variant-selection select option,
	section.key-info form .variant-selection select optgroup { font-size:13px; }
	
	#CourseAccordions .panel-heading a .glyphicon { font-size:0.8em; }
	#CourseAccordions .panel-heading a .glyphicon:last-child { display:none; }
	#CourseAccordions .panel-heading a .glyphicon:first-child { }
	
	#Modal_Apply .modal-footer .btn-apply { margin-bottom:0.5em; }
	
	/* bxslider carousel */
	.bx-wrapper { margin-bottom:1em !important; }
}

/* majority of phones are 320px or 360px viewport widths; while "phablets" can be up to 480px */
/* most high-end android phones fall in this range, including Galaxy >= S3, HTC One, OnePlus One, LG >= G2, Xiaomi, etc. */
@media (max-width:360px) {
	.debug-output .debug-mode:before { content:"mode:360"; }
	
	body { font-size:14px; }
	
	#RightColumn .faculty-link a,
	#RightColumn .useful-links a { font-size:14px; }
	
	.course-page .contact-buttons.affix a.btn-apply { min-width:10em; }
	.course-page .accreditation-logos img { max-width:none; }
	
	#CourseAccordions .panel-heading a { padding:7px 10px; }
}

/* (iPhones < 6 and most low-end and early Galaxy phones (inc S2))*/
@media (max-width:320px) {
	.debug-output .debug-mode:before { content:"mode:320"; }
}

@media print {
	.debug-output { display:none; }
	
	section#KeyInfo { border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
	section#KeyInfo form .ki-buttons { display:none; }
	
	/* don't output carousel */
	.owl-carousel,
	.course-owl-carousel,
	.wrap-promoslideshow,
	.wrap-course-news,
	.wrap-promocompact,
	.wrap-eventbrite { display:none; }
	
	a[href]:after { content:none; }  /* stop browsers outputting url after linked img */
}