/* CONTENTS 

01- GENERAL STYLES
02- HEADER/NAV
03- DIVIDERS
04- FOOTER
05- SLIDER
06- HOME PAGE
07- SUB PAGES
08- SUB PAGE HEROES
09- WHY MERCER
10- REWARD/MOBILITY
11- STRATEGIC PARTNERING
12- REGISTER
13- FEES
14- TERMS
15- CONTACT

*/

/**********************************************/
/*************01- GENERAL STYLES***************/
/**********************************************/

/* General text styles */

html {
	font-size:18px;
}

body, h1, h2, h3, h4, h5, h6, p, ul, li, td {
	font-family: 'Source Sans Pro', Arial, sans-serif;
}

p, ul, li {
	color:#2F3940;
	font-size:1rem;
}

.text-color {
  color:#2F3940;
}

a {
  color:#006d9e;
}

a:hover, a:hover {
  color:#002c77;
  text-decoration:underline; 
}

.uppercase {
  text-transform:uppercase;
}

/* General formatting styles */

.row {
	max-width:68rem;
}

.fullWidth {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   max-width: initial;
}

.textArea {
	padding:2rem 0rem 1.25rem 0rem;
}


a.btSapphire:hover, a.btSapphire:focus {
  color:#006d9e;
}

a.btCitrine:hover, a.btCitrine:focus {
  color:#c45f24;
}

a.btAmethyst:hover, a.btAmethyst:focus {
  color:#560054;
}

a.dkSapphire:hover, a.dkSapphire:focus {
  color:#001944;
}

/* General button styles */

.button {
  font-size:1rem;
}

.rubyButton .button {
  background-color: #ed2c67;
}

.rubyButton .button:hover, .rubyButton .button:focus {
  background-color: #a9194f;
  color: #fff; 
}

.rubyButton a {
  text-decoration:none;
}


/**********************************************/
/***************02- HEADER/NAV*****************/
/**********************************************/

/* All menu styles */

.menu a {
	color:#2F3940;
}

.top-bar, .top-bar ul {
	background-color:#fff;
}

.active p, .active a {
	color:#ed2c67;
}

.menu p {
  margin-bottom:0;
  cursor:pointer;
}

.menu p:hover {
  background-color:#ed2c67;
  color:#fff;
}

.menu > li:not(.menu-text) > a {
	padding:0.4rem .9rem;
}

.off-canvas-content, .off-canvas-content {
}

.subHead li {
	color:#fff;
	text-transform:uppercase;
	padding:.25rem 0rem .25rem 1rem;
}

.logo {
  margin-bottom:1rem;
}

/* Off-canvas menu styles */

.off-canvas {
	background:#fff;
	border-left:1px solid #cecece;
}

.off-canvas li {
	font-size:.85rem;
}

.off-canvas .menu p {
	padding:0.2rem .9rem;
  font-size:.85rem;
}

.off-canvas a:active, .off-canvas a:focus, .off-canvas a:hover {
	background-color:#ed2c67;
	color:#fff;
  text-decoration:none;
}

.is-drilldown-submenu-parent > a::after {
	border-color: transparent transparent transparent #2F3940;
}

.js-drilldown-back::before {
    border-color: transparent #2F3940 transparent transparent;
    margin-top: 11px;
}

.ocWidth {
  width: 245px;
}

/* Small/med title bar */

.title-bar {
	background:#fff;
	border-bottom:1px solid #cecece;
	color:#2F3940;
	padding:1rem;
}

.menu-icon::after {
	background:#2F3940;
	box-shadow: 0 7px 0 #2F3940, 0 14px 0 #2F3940;
}

.title-bar-right {
  line-height:1;
}

/* Large menu */

#widemenu li {
	font-size:.9rem;
}

#widemenu p {
	padding:0.5rem .9rem;
  font-size:.9rem;
  line-height:1;
}

.dropdown.menu .is-dropdown-submenu-parent.is-down-arrow > a::after {
	border-color: #2F3940 transparent transparent;
	top:0.615rem;
	right:8px;
}

.top-bar-right a:active, .top-bar-right a:focus, .top-bar-right a:hover {
	background-color:#ed2c67;
	color:#fff;
  text-decoration:none;
}

.top-bar {
	padding:.75rem 0.5rem;
}

#widemenu .menu-text {
  padding: 0.6rem 0rem 0rem 1rem;
}

.top-bar-right {
  padding-top:.2rem;
}


/**********************************************/
/****************03- DIVIDERS******************/
/**********************************************/

.divider1 {
  	background-color: #f0f0f0;
		text-align:center;
		padding:1.25rem 0rem;
		text-transform:uppercase;
}

.triangleDivider {
	  background: #f0f0f0 url("https://www.imercer.com/uploads/Europe/HTML/landing_pages/MercerLearning/img/content/triangles.png") no-repeat center top;
    background-size: cover;
		text-align:center;
		padding:1.25rem 0rem;
		text-transform:uppercase;
}

.triangleDivider p, .divider1 p {
		margin-bottom:0;
}

.triangleDivider h2, .divider1 h2 {
		margin-bottom:0;
}


/**********************************************/
/*****************04- FOOTER*******************/
/**********************************************/

#back-top {
    position: fixed;
    bottom: 1rem;
    right: 2%;
    z-index: 100;
}

.fa-chevron-circle-up {
    color: #808080;
}

footer {
	padding:2rem 0rem;
	font-size:0.9rem;
  margin-top:1rem;
}

footer a, footer p {
	font-size:0.9rem;
  color:#fff;
}

footer a:hover, footer a:focus {
	color:#a6e2ef;
}

footer i {
	margin-right:.5rem;
}

.bottomRow {
	margin-top:2rem;
}


/**********************************************/
/******************05-SLIDER*******************/
/**********************************************/

/* Caption style */

.flex-caption { 
	bottom: 100px; 
	background-color: rgba(0, 0, 0, 0.8); 
	color: #fff; 
	margin: 0; 
	padding: 25px; 
	position: absolute; 
	right: 0; 
	max-width: 700px !important;
	z-index:99;
	}

.flex-caption h3 {
	color: #fff; 
	letter-spacing: 1px; 
	margin-bottom: 8px; 
	text-transform: uppercase;
	font-size:1.2rem;
	line-height:1;
	}
	
.flex-caption p {
	display:none;
}

/* 'Medium' device caption style */

@media screen and (min-width: 40em) {
  
.flex-caption { 
	bottom: 40px !important; 
	background-color: rgba(0, 0, 0, 0.7) !important; 
	color: #fff; 
	margin: 0; 
	padding: 25px 25px 25px 30px; 
	position: absolute; 
	right: 0; 
	width: 400px !important;
}

.flex-caption h3 {
	font-size:1.4rem;
	}
  
}

/* 'Large' device caption style */

@media screen and (min-width: 64em) {
  
.flex-caption { 
	bottom: 50px !important; 
	background-color: rgba(0, 0, 0, 0.7) !important; 
	color: #fff;
	margin: 0; 
	padding: 25px 25px 25px 30px; 
	position: absolute; 
	right: 0; 
	width: 600px !important;
}

.flex-caption p {
	display:block;
	margin: 0 0 15px;
  color:white;
}

.flex-caption h3 {
	font-size:1.6rem;
	}
  
}

/* Button style */
	
.flex-caption .button {
	margin-bottom:0;
	background-color:#ed2c67;
}

.flex-caption .button:hover, .flex-caption .button:focus {
	margin-bottom:0;
	background-color:#a9194f;
}

.flex-caption .button:hover {
	margin-bottom:0;
	background-color:#a9194f;
}


/**********************************************/
/***************06- HOME PAGE******************/
/**********************************************/

/* Text styles */

.homePage h1 {
		font-size:1.4rem;
		line-height:1;
		font-weight:700;	
}

.homePage h2 {
		font-size:1.4rem;
		line-height:1;
		font-weight:700;	
}

.homePage h4 {
		font-size:1.2rem;
		line-height:1;
		margin-bottom:0;
}

/* 'Medium' device text styles */

@media screen and (min-width: 40em) {
  
	.homePage h1 {
		font-size:1.8rem;
}

	.homePage h2 {
		font-size:1.8rem;
}

}

/* 'Large' device text styles */

@media screen and (min-width: 64em) {
  
	.homePage h1 {
		font-size:2.2rem;
}

	.homePage h2 {
		font-size:2.2rem;
}

}

/* Courses section styles */

#courses {
	background-color:#ccc;
	padding:3rem 0rem 1.5rem 0rem;
}

.box {
	background-color:#fff;
	margin-bottom:1.75rem;
	text-align:center;
	text-transform:uppercase;
}

.boxTop {
	padding:1rem;
}

.boxMiddle {
	padding:0rem 1rem 1rem 1rem;
}

.boxBottom {
	padding:1rem;
	font-weight:700;
	font-size:1.1rem;
}

.box a {
	color:#fff;
}

/* Courses image styles */

.imgSapphire {
  border-top: 10px solid #00a8c8; 
  border-bottom: 10px solid #00a8c8;
}

.imgRuby {
  border-top: 10px solid #ed2c67; 
  border-bottom: 10px solid #ed2c67;
}

.imgCitrine {
  border-top: 10px solid #f48132; 
  border-bottom: 10px solid #f48132;
}

.imgAmethyst {
  border-top: 10px solid #ce3d95; 
  border-bottom: 10px solid #ce3d95;
}

/* Other styles */

a .fa-chevron-circle-down {
  color:#2F3940;
}


/**********************************************/
/****************07- SUB PAGES*****************/
/**********************************************/

/* Text styles */
	
.subPage h1 {
		font-size:1.5rem;
		line-height:1;
		font-weight:700;	
		text-transform:uppercase;
		letter-spacing:5px;
		color:#fff;
}

.headerBg{
		background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, .5);	
    width:auto;
		margin-top:6%;
    padding:1rem 1rem 0.5rem 1rem;
    display:inline-block;
}

.subPage h2 {
		font-size:1.2rem;
		line-height:1;
		font-weight:700;
		letter-spacing:2px;	
}

.subPage h3 {
		font-size:1.2rem;
		line-height:1;
		font-weight:700;
}

.marginH2 {
  margin-bottom:1.5rem;
}

h6 {
  font-size:1.1rem;
  line-height:1.3;
}

.accordion-title {
  font-size:1.1rem;
  padding:1rem;
  letter-spacing:2px;
  text-transform:uppercase;
  font-weight:700;
}

/* 'Medium' device text styles */

@media screen and (min-width: 40em) {
  
	.headerBg {
		margin-top:15%;
}

  .subPage h1 {
    font-size:1.8rem;
  }
  
	.subPage h2 {
		font-size:1.3rem;
}

	.subPage h3 {
		font-size:1.2rem;
}

}

/* 'Large' device text styles */

@media screen and (min-width: 64em) {
  
	.headerBg {
		margin-top:25%;
}

  .subPage h1 {
    font-size:2.2rem;
  }

	.subPage h2 {
		font-size:1.5rem;
}

	.subPage h3 {
		font-size:1.3rem;
}

}

/* Callout box */

.callout {
  border:none;
  margin: .5rem 0 1rem 0;
}

.callout.secondary {
  background-color: #f0f0f0;
  border-left:15px solid #ed2c67;
}

.callout p {
  font-family:Georgia, serif;
  font-style:italic;
}

.fa.fa-pull-left {
    margin-right: .3em;
}
.fa-pull-left {
    float: left;
}

/* icons */

.icons {
  margin:1rem 0rem;
}

/* HRs */

.btSapphireHr {
  border-bottom: 1px solid #00a8c8;
}

.btRubyHr {
  border-bottom: 1px solid #ed2c67;
}

.btRubyDotted {
  border-bottom: 2px dotted #ed2c67;
}

.btCitrineHr {
  border-bottom: 1px solid #f48132;
}

.btAmethystHr {
  border-bottom: 1px solid #ce3d95;
}

.dkSapphireHr {
  border-bottom: 1px solid #002c77;
}

/* Other styles */

.topMargin {
  margin-top:1.5rem;
}


/**********************************************/
/**************08- SUB PAGE HEROES*************/
/**********************************************/

.hero {
	height:8rem;
	width:100%;
  background-repeat: no-repeat;
  background-size: cover;
}

/* 'Medium' device hero style */

@media screen and (min-width: 40em) {
  
	.hero {
		height:12rem;
	}

}

/* 'Large' device hero style */

@media screen and (min-width: 64em) {
  
	.hero {
		height:16rem;
	}
  
}


/**********************************************/
/****************09- WHY MERCER****************/
/**********************************************/

.courseList h2 {
  margin-bottom:1rem;
}

.courseList p {
  margin-bottom:0.5rem;
}

.courseList {
  margin:1.5rem 0rem;
}

.iconsArea {
	padding:1.25rem 0rem 1.25rem 0rem;
}

.aboutSection {
  background-color:#f0f0f0; 
	color:#2F3940;  
}


/**********************************************/
/*************10- REWARD/MOBILITY**************/
/**********************************************/

.accordionSection {
  background-color:#f0f0f0;
}

.accordionSection .accordion-title:hover, .accordionSection .accordion-title:focus {
  color:#fff;
  background-color:#808080;
}

.accordionPage .accordion-title {
  border-left:10px solid;
}

.fragomen {
  float:right;
}

.accordionPage footer {
  margin-top:0rem;
}


/**********************************************/
/***********11- STRATEGIC PARTNERING***********/
/**********************************************/

.strategicPage h6 {
  margin-bottom:0rem;
}

.overview {
  margin:1rem 0rem 1.5rem 0rem;
}


/**********************************************/
/****************12- REGISTER******************/
/**********************************************/

/* General accordion styles */

.registerPage .accordion {
    list-style-type: none;
    border: none;
    border-radius: 0;
    margin-left: 0;
}

.registerPage .accordion-title:hover, .registerPage .accordion-title:focus {
  color:#fff;
}

.accordionRow {
  margin-top:1rem;
}

.accordion-content {
  border: 1px solid #e6e6e6;
}

.registerPage .accordion-content hr {
  margin: .6rem auto;
}

.accordion-content .headers {
  margin-bottom: 0rem;
  font-weight:700;
}

/* Accordion colors */

.btSapphireAccordion .accordion-title {
  background-color:#00a8c8;
}

.btSapphireAccordion .accordion-title:hover, .btSapphireAccordion .accordion-title:focus {
  background-color:#006d9e;
}

.amethystAccordion .accordion-title {
  background-color:#ce3d95;
}

.amethystAccordion .accordion-title:hover, .amethystAccordion .accordion-title:focus {
  background-color:#932077;
}

.dkSapphireAccordion .accordion-title {
  background-color:#002c77;
}

.dkSapphireAccordion .accordion-title:hover, .dkSapphireAccordion .accordion-title:focus {
  background-color:#001944;
}

.citrineAccordion .accordion-title {
  background-color:#f48132;
}

.citrineAccordion .accordion-title:hover, .citrineAccordion .accordion-title:focus {
  background-color:#c45f24;
}

/* 'Medium' device accordion style */

@media screen and (min-width: 40em) {
  
  .registerPage.accordion-title {
    width:60%
  }

}

/* 'Large' device accordion style */

@media screen and (min-width: 64em) {
  
  .registerPage.accordion-title {
    width:45%
  }

}

/* Other styles */

.registerPage .button {
    padding: 0.5em 1em;
}


/**********************************************/
/*****************13- FEES*********************/
/**********************************************/

/* Table styles */

.feesTable, tbody {
  border:1px solid #ccc;
  margin-top:1rem;
}

.borderdotted {
  border-left: 1px solid #ccc;
  border-right: 0;
  border-top: 0;
  border-bottom: 0;
  border-style: dashed;
}

.ultraLtOnyxBg {
  background-color:#f0f0f0;
}

.borderBottom {
  border-bottom: 1px solid #ccc;
}

.numbers {
   font-size:1.4rem;
}
  
td {
	color:#2F3940;
	font-size:.9rem;
  line-height:1.2;
}

/* Other styles */

.button i {
  margin-right:.5rem;
}

.feesPage .button {
  margin-top:2rem;
}


/**********************************************/
/******************14- TERMS*******************/
/**********************************************/

ol.lr {
    list-style-type: lower-roman;
}

ol.la {
	list-style-type:lower-alpha;
}

.termsSpacing li{
	margin-bottom:1rem;
}

.serif p, .serif li{
  font-family:Georgia, serif;
}


/**********************************************/
/*****************15- CONTACT******************/
/**********************************************/

.contactPage h3 {
  margin-bottom:1.5rem;
}