/* 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
16- FORM
17- WELLBEING PAGE
*/

/**********************************************/
/*************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;
}


.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}


/* 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;
}

.topazButton .button {
  background-color: #FBAE17;
}

.topazButton .button:hover, .topazButton .button:focus {
  background-color: #C98314;
  color: #fff; 
}

.topazButton 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;
}


.logoWAW {
  width:100%;	
  margin-bottom:1rem;
  margin-top:1rem;
  padding-right:1rem;
}

.logoWAW p {
 font-size: 0.8rem;
 letter-spacing:0.9px;

 }
 
/* 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;
}

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;
}

.bottomRow a {
  text-decoration:underline;
}


/**********************************************/
/******************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;
	text-align: left;
}

.boxBottom p{
	text-align: right !important;
}
.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.2;
		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;
}

@media screen and (max-width: 40em) {
.icons img{
	width: 30%;
	height: auto;

	}
}
/* 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;
}

.btTopazHr {
  border-bottom: 1px solid #fbae17;
}

.btEmeraldHr {
  border-bottom: 1px solid #72BE44;
}

/* Other styles */

.topMargin {
  margin-top:1.5rem;
}

.bottomMargin {
  margin-bottom:1.5rem;
}


.RegtopMargin {
  margin-top:0.8rem;
}

/**********************************************/
/**************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**************/
/**********************************************/

.smalltxt {
 font-size:0.8rem;
 line-heigh:0.5;
 
}

.keynotebox {
	background-color:#efefef;
	padding:0.5rem; 
	
	margin-bottom:0.6rem;

}

.keynotebox p {
	line-height:1.1;
}

.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 */

.btOnyxAccordion .accordion-title {
  background-color:#808080;
}

.btOnyxAccordion .accordion-title:hover, .btOnyxAccordion .accordion-title:focus {
  background-color:#404040;
}

.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;
}

#RewardTable {
    border-collapse: collapse; /* Collapse borders */
    width: 100%; /* Full-width */
    border: 1px solid #ddd; /* Add a grey border */
    font-size: 18px; /* Increase font-size */
	padding:0;
}

#MobilityTable {
    border-collapse: collapse; /* Collapse borders */
    width: 100%; /* Full-width */
    border: 1px solid #ddd; /* Add a grey border */
    font-size: 18px; /* Increase font-size */
	padding:0;
}

.regPageTable {
	margin-top:1rem;
	vertical-align:middle;
	padding:0;
	width:100%;
	}
	
.regPageTable tr{
	padding-top:0;
	padding-bottom:0;
	vertical-align:middle;
	}	

.regPageTable th, .regPageTable td {
    text-align: left; /* Left-align text */
    padding:1em;
	vertical-align:middle;
	
	}


/*#tableregPage tr.header {*/
.regPageTable tr.header{
	background-color: #00a8c8;
	color:#fff;
	text-align: center;
	
}

#search {
    background-image: url('../img/searchicon.png'); /* Add a search icon to input */
    background-position: 10px 12px; /* Position the search icon */
    background-repeat: no-repeat; /* Do not repeat the icon image */
    width: 100%; /* Full-width */
    font-size: 16px; /* Increase font-size */
    padding: 12px 20px 12px 40px; /* Add some padding */
    border: 1px solid #ddd; /* Add a grey border */
    margin-bottom: 12px; /* Add some space below the input */
 }
 
 #search1 {
    background-image: url('../img/searchicon.png'); /* Add a search icon to input */
    background-position: 10px 12px; /* Position the search icon */
    background-repeat: no-repeat; /* Do not repeat the icon image */
    width: 100%; /* Full-width */
    font-size: 16px; /* Increase font-size */
    padding: 12px 20px 12px 40px; /* Add some padding */
    border: 1px solid #ddd; /* Add a grey border */
    margin-bottom: 12px; /* Add some space below the input */
 }
 

/**********************************************/
/*****************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;
}

/**********************************************/
/*****************16- FORM******************/
/**********************************************/


div.form {
	width: 80%;
	background-color:#f0f0f0;
	opacity: 1;
	align-content:center;
	color:#2F3940}
	
	
div.formintro {
	padding-right:1em;
	padding-top:1em;
	padding-bottom:0.5em;
	padding-left:1em;
	border-bottom: 1px dotted #ED2C67;
	height:auto;}
		

.form-body {
	padding-bottom:1em;
	margin-top:2rem;
	paddint-right:0.5em;
	padding-left:0.5em;
}

div.privacy {
	padding-right:1em;
	padding-top:1em;
	padding-bottom:1em;
	padding-left:0.6em;
	font-size:0.8em;
	}


/**********************************************/
/*****************17- WELLBEING PAGE******************/
/**********************************************/

.contactInfo p {
  font-size:1rem;
}

/* 'Medium' device text styles */

@media screen and (min-width: 40em) {
  
	.contactInfo p {
		font-size:0.8rem;
}
}

/* 'Large' device text styles */

@media screen and (min-width: 64em) {
  
	.contactInfo p {
		font-size:1rem;
}

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

}
/**********************************************/
/*****************18- ML MOBILE PAGE******************/
/**********************************************/

.mobilebox {
	
	background: #ffffff;
	padding:1rem;
	margin-bottom:1.75rem;
	position:relative;

}

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

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

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

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

.borderDkSap {
  border-top: 10px solid #002c77; 
}

@media screen and (min-width: 64em) {
.va {

   position:absolute;                  
   top:88%;                        
   left: 50%;
   transform: translate(-50%, -50%);

}
}