/*
Theme Name: BMO Corporate Responsibility
Theme URI: https://cheil.ca/
Author: Cheil Canada
Author URI: https://cheil.ca/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bmo-corporate-responsibility
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Theme is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

# 1. Accessibility
# 2. Typography
# 3. Universal Elements/Resets
# 4. Carousels
# 5. Talent Pages
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## 1. Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

.screen-reader-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    outline: 0 !important;
    border: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
## 2. Typography
--------------------------------------------------------------*/
p {
	margin: 1em 0;
}
.p-margin-top p{
	margin-top: 0;
}
span.cta-title {
	text-transform: uppercase;
}
.bmo-disclaimer {
	font-size: 11px;
}
p.flush {
	margin: 0;
}
.flush-p p:first-of-type {
	margin: 0;
}
.flush-p p:last-of-type {
	margin-bottom: 0em;
}
.quote p{
	margin: 0;
}


/*--------------------------------------------------------------
## 3. Universal Elements/Resets
--------------------------------------------------------------*/
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}

input[type="checkbox"], input[type="radio"] {
	position: static;
}
button + button {
	margin: 0;
}
a:hover {
	text-decoration: none;
}
.relative {
	position: relative;
}

/*---------- Title styles ----------*/
h1 {
	letter-spacing: 2px;
}
h2.title {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 2em;
}
h2.title.small{
	font-size: 1.33em;
}

/*ul bullets flush left*/
ul {
	padding:0 0 0 20px;
	margin: 0;
}
.fill.stroke {
	border-color: #cacaca;
}

/*Quick Links at bottom of page*/
.quick-links > div a {
	color: #414141;
	font-family: "heebo-light";
}
.disclaimer {
	font-size: 11px;
}
.rounded {
	border-radius: 5px;
}
/*Align text and link at bottom left of image or other elements*/



/*Column taking up 2/3 of width*/

.columns.two-third {
	width: 66.66%;
	margin: 0 0 0 16.666%;
}
.columns.two-third > .columns {
	display: flex;
}
@media (max-width: 767px){
	.columns.two-third{
		width: 100%;
		margin: 0;
	}
}


/*Search Form Styles*/
input.button.primary.small {
	height: 40px;
	background-color: #0079c1;
	color: #fff;
	display: inline-block;
	box-sizing: border-box;
	padding: 0 30px;
	border: 2px solid #0079c1;
	font-family: "heebo";
	font-size: 15px;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	border-radius: 25px;
}
form.search-form, .not-found .search-form {
	box-sizing: border-box;
	margin-bottom: 3em;
	height: auto;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
form.search-form > input {
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 auto;
	        flex: 0 1 auto;
}
form.search-form input.search-input {
	display: inline-block;
	width: 40%;
	height: 40px;
}
form.search-form input.button {
	margin-left:10px;
}
@media screen and (max-width: 885px){
	form.search-form, .not-found .search-form{
		display: block;
	}
	form.search-form input.search-input, .footer-search form.search-form input.search-input{
		display: block;
		margin: 0 auto 1em;
	}
	form.search-form input.button, .footer-search form.search-form input.button{
		display: block;
		margin:0 auto;
	}
}

/*footer search form*/
.footer-search{
	background-color: #0079c1;
	padding: 20px 0;
}
.footer-search form.search-form{
	max-width: 1160px;
	margin: 0 auto;
	height: auto;
}
.footer-search input.button.primary.small{
	background-color: #fff;
	color: #0079c1;
}
/*-------- Top Nav Adjustments ----------*/
.tl-header-primary-left > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 44px;
}
/*--------- Sticky Nav Mobile styles  ------------*/
@media (max-width: 767px){
	.cm-stickynav-bar-mobile > ul > li > a.chevron {
    display: block;
    font-family: "heebo-bold";
    padding: 15px;
    text-align: center;
	}
	.cm-stickynav-bar-mobile .chevron.down:before {
		display: none;
	}
	cm-stickynav-bar-mobile .chevron.down:after {
		display: none;
	}
}


/*---------- Image boxes with black text overlay styles ----------*/
.cta-title {
    color: #fff;
    display: block;
    font-family: "heebo-light";
    font-size: 1.4em;
    margin: 0;
    letter-spacing: 2px;
    line-height: 1.3em;
    opacity: 1;
    padding: 0;
}
.bg-opacity {
    background: rgba(60, 60, 60, 0.8) none repeat scroll 0 0;
}
.image-box{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
}
.image-box figure {
	margin: 0px;
}
.cta-desc {
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  bottom: 0px;
}
.image-box > a:hover {
	opacity: 0.8;
}
.image-box img{
	height: 100%;
	width: 100%;
	display:block;
} /*force image to take up whole block*/
.image-box.text-below {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.image-box > a:first-child{
	position: relative;
	width: 100%;
}

@media (max-width: 767px){
	.image-box > a:first-child{
		margin: 0 auto;
		width: auto;
	}
	.image-box.text-below > a:first-child {
		width: 100%;
	}
	/*.image-box.text-below p {
		max-width: 360px;
		margin: 0 auto;
	}*/
	.image-box.text-below {
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
	}
	.quote.fill{
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
	}
	.quote.fill.full{
		max-width: none;
	}
	.columns.two.four .quote.fill {
		margin-left: auto;
		margin-right: auto;
	}
}

/*Adjustments for boxed section withe one large box taking up half width, and four boxes to the right with two boxes in each row */
@media (min-width: 768px){

	.columns.two.modified > *:first-child{
		margin: 0;
	}
	.columns.two.modified > * {
		width:49%;
		margin: 0 0 0 2%;
	}
	.columns + .columns.modified{
		margin: 2.02% 0 0;
	}

}


.cta-title-small {
	color: #fff;
  display: block;
  font-family: "heebo-light";
  font-size: 1em;
  margin: 0;
  letter-spacing: inherit;
  line-height: 1em;
  opacity: 1;
  text-align: center;
}
.cta-title-small.copy {
	padding: 15px;
	text-align: center;
}

/*-------- Read more/less styles ----------*/
.morecontent, .more .toggle {
	display: none;
}
.morelink {
	display: block;
}
.read-more-toggle{
	line-height: 0px;
}

.read-more-toggle:before {
  content: "";
  background: white;
  display: inline-block;
  width: 80px;
  height: 35px;
  position: relative;
  margin: 0 auto;
  bottom: -50px;
  z-index: 2;
  margin-top: -35px;
}
.read-more-toggle:after {
    content: "";
    background: rgb(204, 204, 204);
    display: inline-block;
    width: 100%;
    height: 1px;
    position: relative;
    margin: 0 auto;
    bottom: 35px;
    z-index: 1;
}
.read-more-toggle .function {
    position: relative;
    z-index: 3;
}
.read-more-toggle .show-btn, .read-more-toggle.on .hide-btn {
    display: block;
    margin: 15px auto 0;
}
.read-more-toggle .hide-btn, .read-more-toggle.on .show-btn {
    display: none;
}

@media (max-width: 767px){
	.mobile-read-more ~ .read-more-toggle {
    display: block;
	}
	.mobile-read-more, .mobile-read-more ~ * {
    display: none;
	}
	.mobile-read-more.on, .mobile-read-more.on ~ * {
		display: block;
	}
}
@media (min-width: 768px){
	.desktop-read-more.on, .desktop-read-more.on ~ * {
	display: block;
	}
	.desktop-read-more.on ~ .columns {
		display: flex;
	}
	.desktop-read-more, .desktop-read-more ~ * {
		display: none;
	}
}
.desktop-read-more.on, .mobile-read-more.on{
	margin-top: 15px;
}

/*Breadcrumbs styling*/
.breadcrumbs {
	padding: 10px 0;
}
.breadcrumbs a{
	text-decoration: underline;
}
/*----------  Navigatin tweaks  ----------*/
.tl-header-secondary-logo{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
}
.logo {
	text-transform: none;
	font-family: "heebo";
}
/* Added specifically to the diversity and inclusion page
 * to account for the possiblity of needing to delete an employee
 */
.space-around > .columns {
	justify-content: center;
}



/*--------------------------------------------------------------
## 4. Carousels
--------------------------------------------------------------*/

.carousel.small .carousel-slides {
	height: 250px;
}
.carousel .carousel-pager {
    bottom: 7px;
}
/*Testimonials Carousel*/
.testimonials { margin:0 0 45px; padding:0; }
.testimonials .carousel-slides {
	position:relative;
}
.carousel .carousel-slides ul {
	padding:0; list-style:none;
}
.testimonials .carousel-previous,
.testimonials .carousel-next {
	position:absolute; bottom:50%; margin:-22px 0 0;
}
.testimonials .carousel-previous .function,
.testimonials .carousel-next .function {
	border-color:#ffffff;
}
.testimonials .carousel-previous:focus,
.testimonials .carousel-next:focus {
	outline:1px dotted #ffffff;
}
.testimonials .carousel-previous .function .icon:before,
.testimonials .carousel-next .function .icon:before {
 color: #ffffff;
}
.testimonials .carousel-previous {
	left:23px;
	 }
.testimonials .carousel-next {
	right:23px;
}
.testimonials .carousel-pager {
	position:absolute;
	right:0;
	bottom:0px;
	left:0;
	text-align:center;
}
.testimonials .carousel-pager a{
	display:inline-block;
	width:16px;
	height:16px;
	margin:0 0 0 8px;
	border:1px solid #ffffff;
	border-radius:8px;
}
.testimonials .carousel-pager a:hover, .testimonials .carousel-pager a:focus, .testimonials .carousel-pager a:active {
	 background-color:rgba(255,255,255,0.60);
}
.testimonials .carousel-pager a.active {
	background-color:#ffffff;
	cursor:default;
}
.testimonials .carousel-pager a:focus {
	outline:1px dotted #ffffff;
}
.testimonials .carousel-pager a:first-child {
	margin:0;
}
.testimonials .carousel-previous .function, .testimonials .carousel-next .function {
	background-color: #0079c1;
}
.testimonials ul li a > div {
	padding: 10%;
	color: #414141;
	text-decoration: none;
}
.testimonials ul li a:hover {
	text-decoration: none;
}
.testimonials ul li a > div p {
	color: #0079c1;
}
.testimonials ul li h2 {
	margin: 0;
}
.testimonials ul li h2::before {
  color: #0079c1;
  content: "“";
  display: block;
  font-size: 3.5em;
  left: 7%;
  position: absolute;
  font-family: "Helvetica";
}
.testimonials ul li h2::after {
    color: #0079c1;
    content: "”";
    display: block;
    font-size: 3.5em;
    left: 89%;
    position: absolute;
    font-family: "Helvetica";
}
/*Fixing quotes styles for testimonials on mobile*/

.testimonials .carousel-pager a {
	border-color: #0079c1;
}
.testimonials .carousel-pager a.active {
	background-color: #0079c1;
}

@media screen and (max-width: 767px){
	.carousel .carousel-pager {
		bottom: 5vw;
	}
	.carousel .carousel-slides, .carousel .carousel-slides ul li {
		height: 49.46vw;
	}
	.carousel .carousel-below {
		margin: 0;
		border-top: none;
	}
	.testimonials {
		margin:0 0 60px;
	}
	.testimonials ul li a > div {
		padding: 0 30px;
	}
	.testimonials li {
		border: 2px solid rgba(0,0,0,0.15);
		width: 70vw !important;
		margin: 0px 10px;
		padding: 30px 0;
	}
  .testimonials .carousel-previous,
  .testimonials .carousel-next {
  	position: absolute;
  	bottom: -50px;
  	/*margin-top: 10vw;*/
  }

  .testimonials .carousel-previous {
  	left: 50%;
  	margin-left: -50px;
  }
  .testimonials .carousel-next {
  	right: 50%;
  	margin-right: -50px;
  }
  .testimonials .carousel-pager {
  	display: none;
  }
  .testimonials h2{
  	position: relative;
  	font-size: 1em;
  	text-align: left;
  }
  .testimonials li a p {
  	font-size: 1em;
  	text-align: left;
  }
  .testimonials ul li h2::before{
		position: static;

	}
	.testimonials ul li h2::after{
		left: 95%;
		bottom: -0.7em;
	}
}


/*Quick Links at bottom of page*/

.quick-links span.function{
	background-color: #0079c1;
}
.quick-links .function .icon:before{
	color: #fff;
}

@media (max-width: 767px) {
	.quick-links > div.columns > div {
		max-width: 70% !important;
		margin-right: 15% !important;
		margin-left: 15% !important;

	}
}


/*--------------------------------------------------------------
## 5. Talent Pages
--------------------------------------------------------------*/
.asc-signup *, #bmoprofile *{
	box-sizing: border-box;
}
#asc-signup-container {
	padding: 25px 15px;
}

.pull-right {
	float: right;
}
.pull-left {
	float: left;
}
.p-caption.pull-right {
	margin-bottom: 10px;
}
#asc-signup-container .asc-signup-head h2 {
	text-transform: uppercase;
}
.asc-dropbox-outer-shell {
	height: inherit !important;
}
div.upload-info ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
@media (min-width: 1041px){
	.sub-header {
		display: none;
	}
}
@media (max-width: 1040px){

	.asc-info-form > .communication-options-row > div > .asc-edit-edit > .row > .col-md-6.col-md-offset-6.hidden-sm.hidden-xs > .row > .col-sm-3.col-md-3.text-center {
		display: none;
	}
}
/*Sign-up page*/
#asc-upload-resume .upload-info p.p-quote ~ p {
	font-size: 20px;
  line-height: 22px;
  margin-bottom: 10px;
  color: #878787;
}
#asc-signup-container .asc-info-form input {
	margin-top: 2px;

}
.asc-signup-body input.form-control {
	display: block;
}

.asc-signup-body .asc-info-form .col-sm-12 > div.clearfix {
	display: flex;
	flex-flow: row nowrap;
	padding: 2px 0;
}
/*turn off section asking if you want to receive news and information...*/
#asc-other-info .communication-options-row {
	display: none;
}
/*Sign-in page*/

@media (min-width: 769px){
	#asc-signin-container-inner .asc-signup-connect-row, #asc-signin-container-inner .email-signin {
	box-sizing: border-box;
	width: 50%;
	float: left;
	}
}
#asc-signin-container-inner > div.row:before, #asc-signin-container-inner >div.row:after {
	display: table;
	content: "";
}
#asc-signin-container-inner >div.row:after {
	clear: both;
}
#asc-signin-container-inner > div.row {
	margin-right: -15px;
	margin-left: -15px;
}
#asc-init-signin > p {
	opacity: 0.7;
	text-align: center;
	font-size: 28px;
	line-height: 36px;
	margin: 20px 20%;
}
#asc-init-signin > .button-wrap {
	text-align: center;
}
#asc-init-signin > .button-wrap > a {
	color: #fff;
	text-decoration: none;
}
#asc-signin-container-inner .asc-signup-form-footer button#asc-signin-btn {
	height: auto;
}
#asc-signin-container .input-icon i {
	box-sizing: border-box;
}
#signin #asc-application-requirements {
	padding: 15px;
	margin-top: 20px;
}

/*Profile Page*/
#bmoprofile .link {
	display: block;
	font-size: 1em;
	line-height: inherit;
}
#bmoprofile .link:before, #bmoprofile .asc-edit-block-header:before {
	display: none !important;
}
#bmoprofile input[type="checkbox"] {
	left: 0;
}
#asc-old-password, #asc-old-password ~ div {
	margin-bottom: 0.5em;
}
#bmoprofile #asc-add-resume-drop .asc-dropbox-outer-shell > div, #bmoprofile #asc-add-resume-drop label {
	vertical-align:	bottom;
}
/*remove personal communication options all together*/

#bmoprofile div#asc-personal-communication {
	display: none;
}

#asc-settings-menu #asc-header-user-menu{
	list-style: none;
}
#asc-client-record-profile-view #asc-record-expanded-header h1{
	margin: 20px 20px 10px;
}
#asc-client-record-profile-view #asc-candidate-expanded-image a#asc-profile-change-picture, #asc-client-record-profile-view .asc-change-image-holder{
	width: 100%;
	text-align: center;
}
#asc-user-expanded-tabs {
	list-style: none;
}
.nav-tabs {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	    flex-flow: row wrap;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	margin-bottom: 0px;
}
#asc-profile-skill-div > label{
	float: left;
}
/*i#headline_help{
	float: left;
}*/
button#asc-profile-add-skill{
	margin-left: 10px;
}
#asc-settings-menu{
	position:relative;
}
#asc-main-user-menu{
	float: right;
}
/*#asc-header-user-menu{
	position: absolute;
	top: 40px;
}*/
#asc-client-record-profile-view .asc-edit-outer-block:first-child {
	border: none;
	padding-top: 0;
}
.family-pipeline {
	overflow: hidden;
}
.family-pipeline .round-checkbox {
	float: left;
}
.family-pipeline .family-pipeline-label {
	float:left;
	margin-left: 10px;
}
article.org-family {
	margin-top: 15px;
}
i.ascendicon-folder {
	float: left;
}
i.ascendicon-folder:before{
	padding-right: 10px;
}
.org-family-title{
	font-size: large;
}
/*--------------------------------------------------------------
## Homepage
--------------------------------------------------------------*/





/*--------------------------------------------------------------
## Get to know BMO page styles
--------------------------------------------------------------*/



/*--------------------------------------------------------------
## Where do you see yourself at BMO? page
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Are you student or Grad? page
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## How We Hire
--------------------------------------------------------------*/
.connect span.function{
	background-color: #0079c1;
}
.connect span.function:hover, .connect .function:hover .icon:before, .quick-links .function:hover .icon:before{
	color: #fff;
}
.connect .function .icon:before, .connect .function .icon:hover{
	color: #fff;
}
.connect .function:hover, .quick-links .function:hover{
	border-color:  #0079c1;
}
/*----- FAQ Accordion -----*/
.accordion > .accordion-container > .accordion-content{
	margin: 0 200px 0 0;
}

.accordion .accordion-container .accordion-title .function{
	/*float: right;*/
	margin-left: 10px;
}
@media only screen and (max-width: 767px){
	.accordion > .accordion-container > .accordion-content {
	margin: 0;
	}
}

@media only screen and (max-width: 767px){
	.connect {
		max-width: 400px;
		padding:0 10%;
		margin: 0 auto;
	}
}

.accordion a h1, .accordion a h2 {
	color: #414141;
}
.tabs .tabs-selector .function {
	border-color: #cacaca;
	background-color: #fff;
}
.tabs .tabs-selector .function .icon:before{
	color: rgba(0,0,0,0.75);
}
.tabs .tabs-selector a{
	color: #414141;
}
.tabs .tabs-selector a.active .function{
	background-color: #74c3ea;
	border-color: #74c3ea;
}
.tabs .tabs-selector a.active{
	background-color: #0079c1;
	color: #fff;
}
.accordion\@mobile .tabs-window > a > .function {
	float: right;
}
.accordion\@mobile .tabs-window > a {
    color: #414141;
    text-decoration: none;
    overflow: hidden;
}
.accordion\@mobile .tabs-window > a.active > .function .plus,
  .accordion\@mobile .tabs-window > a > .function .minus {
    display: none;
  }
  .accordion\@mobile .tabs-window > a > .function .plus,
  .accordion\@mobile .tabs-window > a.active > .function .minus {
    display: inline-block;
}
div.table{
	display: table;
	margin: 0 auto;
	padding-right: 80px;
}
div.table-row {
	display: table-row;
}
div.table-cell{
	display: table-cell;
	width: 400px;
}
div.table-row > .table-cell:first-child{
	vertical-align: middle;
	text-align: right;
	padding-right: 20px;
}

/*--------------------------------------------------------------
## Diversity & Inclusion
--------------------------------------------------------------*/
#awards .stroke {
    border: 1px solid #dcdcdc;
    border-radius: 0px;
}
#awards .fill{
	background-color:#f2f2f2;
	padding:10px 0;
}

#awards .fill.two-lines{
	padding:25px 0 17px;
}
#awards > .columns > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#awards > .columns > * div:first-child {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: 100%;
}
@media (max-width:767px){
	#awards > .columns > * div:first-child{
		height: auto;
	}
}
.percentage {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	margin: 0 auto;
}
.percentage > strong {
	font-family: Arial;
	color: #fff;
  font-size: 26px;
}
.function.primary.percentage:hover{
	background-color: #0079c1;
	border-color: #0079c1;
}

/*--------------------------------------------------------------
## Find Your Perfect Fit page and Sub Section styles
--------------------------------------------------------------*/
.career-opportunities > div > div >p:last-child {
	position: absolute;
	bottom: 1.25em;
	left: 50px;
	right: 50px;
}

.quote {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column wrap;
	    flex-flow: column wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding: 20px 30px;
}
@media (min-width:768px){
	.quote.long > p:first-child{
		font-size: 12px;
	}
}
.quote > p:first-child:before {
	display: block;
	content: "\201C";
	position: absolute;
	font-size: 2em;
	left: 4%;
	color: #0079c1;
	font-family: "Helvetica";
}
.quote > p:first-child:after {
	display: block;
	content: "\201D";
	position: absolute;
	font-size: 2em;
	left: 90%;
	color: #0079c1;
	font-family: "Helvetica";
}
.blue{
	color: #0079c1
}
.name-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
}
.name-title > div {
	margin-left: 5%;
}
.name-title > div {
}
.blue-icon .icon:before {
	color: #0079c1;
}


/*--------------------------------------------------------------
## Analytics page
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Internships page
--------------------------------------------------------------*/
.icon.x-large:before {
	line-height: 75px;
}
.function.x-large {
	width: 75px;
	height: 75px;
	border-radius: 75px;
}
.key-dates .icon.chevron-right{
	position: absolute;
	left: -5%;
	top: 30%;
}
.key-dates .icon.chevron-right:before{
	color: #414141;
}
.function.x-small {
	width:10px;
	height:10px;
	padding:5px;
	line-height: 10px;
}
.function.x-small .icon {
	width:10px;
	height:10px;
	line-height:10px;
}
.function.x-small .icon:before {
	line-height:10px;
	font-size:10px;
}
.key-dates .function.primary {
	background-color: #0079c1;
	border-color: #0079c1;
}
.internship {
	margin-bottom: 1.3em;
}
.internship:last-of-type {
	margin-bottom: 0;
}
/*--------------------------------------------------------------
## Living Our Culture page
--------------------------------------------------------------*/
.our-commitments .columns.two > div {
	height: 315px;
}
.flip .back {
    font-family: "heebo" !important;
}
.our-commitments .back {
	top: 2px;
}
.our-commitments .btm-text .link{
	color: #0079c1;
}
@media only screen and (min-width: 768px) and (max-width: 1200px){
	.our-commitments .columns.two > div {
		height: 26.25vw;
	}
}
@media only screen and (max-width: 767px){

	a.button.primary.small {
		width: auto;
		max-width: 90%;
	}
	.our-commitments {
		padding: 0 4.7588005215124%;
	}
	.our-commitments .columns.two > div{
		height: 53.9765319vw;
	}
	.our-commitments .columns.two > div > .front {
		top: 0px;
		left: 0px;
	}
	.our-commitments .columns.two > div > .front > img{
		max-width: 100%;
		height: auto;
	}
}
@media only screen and (min-width: 768px) and (max-width: 850px), only screen and (max-width: 400px){
	.our-commitments p{
		font-size: 0.85em;
	}
}
@media only screen and (max-width: 390px) {
	.culture h3 {
		font-size: 1em;
	}
	.culture p {
		font-size: 0.727em;
	}
	.our-commitments .btm-text{
		bottom: 1em;
		left: 1em;
	}
}


/*--------------------------------------------------------------
## Career Story pages
--------------------------------------------------------------*/
.person {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	    flex-flow: row wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.person > div {
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 auto;
	        flex: 0 1 auto;
}
.person > div:first-child {
	margin-right: 20px;
}
.person h2 {
	white-space: nowrap;
	letter-spacing: 2px;
}
.career-qa h3{
	color: #0079c1;
	margin: 1em 0 0;
}

.career-quote{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	    flex-flow: row wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;

}
.career-quote > p{
	font-size: 1.2em;
	text-align: left;
}
.career-quote > p::before {
	display: inline-block;
	content: "\201C";
	position: absolute;
	font-size: 2em;
	left: 0px;
	color: #0079c1;
	font-family: "Helvetica";
}
.career-quote > p::after {
	display: inline-block;
	content: "\201D";
	position: absolute;
	font-size: 2em;
	padding-left: 0.5em;
	padding-top: 0.5em;
	color: #0079c1;
	font-family: "Helvetica";
}


@media only screen and (max-width: 767px){
  .person {
 	-webkit-box-orient: vertical;
 	-webkit-box-direction: normal;
 	    -ms-flex-direction: column;
 	        flex-direction: column;
 	-webkit-box-pack: justify;
 	    -ms-flex-pack: justify;
 	        justify-content: space-between;
 	-webkit-box-align: center;
 	    -ms-flex-align: center;
 	        align-items: center;
 }
 .person > div:first-child{
 	margin-right: 0px;
 	margin-bottom: 20px;
 }
 .person > div:last-child {
 	max-width: 60%;
 	-webkit-box-align: center;
 	    -ms-flex-align: center;
 	        align-items: center;
 }
 .person > div:last-child > p {
 	text-align: center;
 }

}


.logo-constraint {
    height: 2.1rem !important;
}








/* CORP RESP CSS */

.stroke {
    display: block;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    padding: 2rem;
    border-radius: .25rem !important;
    box-shadow: 0 0.0625rem 0.1875rem rgba(0,25,40,.2) !important;
    margin: 0 1rem;
}









/*media all*/
body, h2, h3, strong,
.link,
.button,
.tl-header-desktop-language ul > li a,
.tl-header-primary-right > a,
.tl-header-secondary-right > a {
	font-family: "heebo", Sans-Serif !important;
}




#play-button {
	display: none;
}

.flex-container {
	display: flex;
}

.one-third {
	width: 33%;
	font-size: 12px;;
}

.one-third > a {
	font-size: 16px;
}

.arrow-icon-centered {
	padding-left: 4px;
	margin-top: 3px;
	position: fixed;
}

.iac {
	height: 120px;
}

.iac > div {
	/* border: #dfdfdf;
	border-width: 1px;
	border-style: solid; */
	padding-right: 6px;
	margin: 6px 12px;
}

@media (max-width: 767px){
	.site-main{
		margin: 1em;
	}
	.flex-container {
		display: block;
		padding-bottom: 24px;
	}
		
	.one-third {
		width: initial;
		font-size: 9px;
	}
	
	.iac > div {
		float: left;
	}
}