/* Left Side Bar/Content Container
	==================================== */	
	 
		#content-bg { background:url(../images/content-bg3.png)  repeat-y 18% 0; -moz-box-shadow: 0px 3px 3px 0px #ccc; -webkit-box-shadow: 0px 3px 3px 0px #ccc; box-shadow: 0px 3px 3px 0px #ccc; }
		#wide-content-bg { background:#fff; }
	
	/* Content Column
	==================== */	

		/* Right Content Area */
		#root-reg-content { float:right; margin-top:0.5em; }	
		#reg-content { float:right; margin-top:/*1.5em*/ 20px; margin-bottom:1.5em; }
		
		/* Add DOC icon to links with .doc url's */
		a[href$='.doc'], a[href$='.docx'] { padding-left:30px; background:transparent url("/wp-content/themes/bu-skel-2014/images/icon_doc.png") 0 4px no-repeat; }

		/* Add PPT icon to links with .ppt url's */
		a[href$='.ppt'], a[href$='.pptx'] { padding-left:30px; background:transparent url("/wp-content/themes/bu-skel-2014/images/icon_ppt.png") 0 4px no-repeat; }

		/* Add XLS icon to links with .xls url's */
		a[href$='.xls'], a[href$='.xlsx'] { padding-left:30px; background:transparent url("/wp-content/themes/bu-skel-2014/images/icon_xls.png") 0 4px no-repeat; }

		a span.read { position: absolute; left: -1000px; width: 900px; }
		
	
	/* Column Adjustments 
	======================= */
	
		.column p:last-child { margin-top:0; margin-bottom:0; } 

	
	/* Front Page Columns
	======================== */

		.fpc-content { float:left; width:100%; background-color:#f6f7f8; padding:0 0 0.3em 0; margin-bottom:1.25em;  }
		/* Headings */
		.fpc-content h3 {  	background:#003057; color:#FFFFFF; font: bold 1.125em "brandon-grotesque", sans-serif; text-transform:uppercase; letter-spacing:0.075em; 
							padding:0.3125em 0.625em 0.25em 0.625em; }
	.fpc-content h4 { color:#003057; line-height:1.4em; font-size:18px; font-weight: bold; font-family: 'Lato', 'Lucida Grande', Helvetica, Arial, Sans-Serif; display:block; margin:0;
	 padding-top:10px; padding-left:10px; padding-bottom:10px; }
		/* Paragraphs */
		.fpc-content p { margin:0 0.625em 0.625em 0.625em; }
		.fpc-content p:last-child { margin:0 0.625em 0.625em 0.625em; }
		/* Lists */
		.fpc-content ul { margin: 0.6em 1em 0.5em 1.7em; }
		.fpc-content ul li a { text-decoration: none; }
		.fpc-content ul li a:hover { text-decoration: underline; }
	/* Button styles (01212016) */
	.fpc-content .btn { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 2px solid #003057; color: #003057; display: inline-block; font-size: 0.75em; font-weight: bolder; margin: 0.3125em 0.625em 0em 0em;
	padding: 0.3125em 0.5em; text-decoration: none; text-transform: uppercase; }
	.fpc-content a.btn:hover { color: #EAAA00; background: #003057; border: 2px solid #003057; }
		/* Buttons! */
		.fpc-content button { 	margin:0; background:#003057; border:none; border-radius:0; color:#fff; 
								font-family:Lato, 'Lucida Grande', Helvetica, Arial, sans-serif; font-size:12px; font-style:normal; font-variant:normal; line-height:normal; text-shadow:none; }
		.fs-column-box button { margin:10px 0; } 
		.fpc-content button:hover { color:#EAAA00; }
		/* Image style class for Music homepage - Gamechangers column box (01212016) */
		.fpc-content img.alignright { margin: 1em 0.75em 0 0; float: right; }
		/* Eliminates Bottom Bargin (ebm) */ 
		.ebm { margin-bottom:0 !important; }

	
	/* Images 
	=============*/
	
		/* News Article (Post) Featured Images */
		.wp-post-image { vertical-align:bottom;  }
	
		.alignnone, a img.alignnone { margin: 0.375em 0 0 0; }
		.alignright, a img.alignright { float:right; margin: 0.375em 0 1em 1em; }
		.alignleft, a img.alignleft { float:left; margin: 0.375em 1em 1em 0; }
		.aligncenter, div.aligncenter {  display: block; margin-left: auto; margin-right: auto; margin-bottom:1em !important; }
		
		.wp-caption { background: #ececec; max-width: 96%; margin-bottom:1em;  /*Image does not overflow the content area  */ }
		p.wp-caption-text {  margin: 0;   padding:0 0.375em 0.375em 0.375em; font-size:85%; }
		
		/* Feature Images */
		figure { position: relative; }
		figure img { width:100%; max-width: 100%; vertical-align: middle; /* for ie8 width:auto\9;*/  /* to make sure images behave like blocks */ }
		figure span{ display: inline-block; position: relative; }
		figure figcaption { background: #f5f6f7; padding:0.375em; font-size:85%; margin-bottom:1.5em; }
		figcaption.spacer { margin-bottom:1.5em; background:none; } /* used when no caption is present  */
		

	/* Image Gallery
	==================*/
	
		.gallery { margin:auto; }
		/* .gallery-item { float:left; }
		.gallery-columns-0 .gallery-item { width:100%; }
		.gallery-columns-1 .gallery-item { width:100%; } */
		.gallery-columns-2 .gallery-item { float:left; margin-top:10px; margin-left:0; text-align:center; width:49.33%;	}
		.gallery-columns-3 .gallery-item { float:left; margin-top:10px; margin-left:0; text-align:center; width: 33.33%; }		
		.gallery-columns-4 .gallery-item { float:left; margin-top:10px; margin-left:10px; text-align:center; width:23%; }		
		.gallery-columns-5 .gallery-item { float:left; margin-top:10px; margin-left:10px; text-align:center; width:18%; }
		/* .gallery-columns-5 .gallery-item { width:20%; } */
	
	
		/* Footnotes
	====================== */

		sup {
  font-size: 85%;
  line-height: 0; }

.footnotes {
  border-top: 1px solid #ececec;
  color: #696969;
  font-size: 85%;
  margin-top: 1.5em;
  padding-top: 1.5em; }
  .footnotes ol {
    margin-left: 1em; }
    .footnotes ol li {
      margin-bottom: 1.25em; }

			
/* #Page Styles
================================================== */

		
	// /* Home Page - Call to Action 
	// ============================= */ 
	
	// 	#home-cta { margin:0; padding:0; list-style-type: none; }
	// 	#home-cta li { float:left; width:22.65625% /*145/640px*/; margin:0 20px 0 0; display:block; text-align:center; }
	// 	#home-cta li:before { content:  none; }
	// 	#home-cta li:last-child { margin-right:0; }
	// 	#home-cta li h3 { font-size:1.25em; font-weight:bold; font-family: 'Lato', 'Lucida Grande', Helvetica, Arial, Sans-Serif; margin-bottom:0; }
	// 	#home-cta p { margin-bottom:0; font-size:0.875em; }
	// 	#home-cta li a { text-decoration:none; }
	// 	#home-cta li a:hover p{ text-decoration:underline; color:#003057; }
	
	/* Home Page - Student Resources List
	========================================== */

		ul.student-resources { width:100%; }
		ul.student-resources li { width:49%; float: left; }

			
	/* News and Events 
	====================== */

		/* Events */
		dl.events-listing { float: left; width: inherit; margin: 0; padding: 0; }
		dl.events-listing dt { clear: left; float: left; width: 20.97% /*65px*/; margin: 0; padding: 0; }
		dl.events-listing dd { float: left; width: 76.45% /*245px*/; margin: 0 0.5em 1em 0; padding:0; }
		dl.events-listing dd a { text-decoration: none; }
		dl.events-listing dd a:hover { text-decoration: underline; }
		.date-holder { float:left; background:#fff; margin:0.375em 0 1em 1em; width:61.54%; text-align:center; font-size:80%;}
		.start-month { background:#003057; color:#EAAA00; padding:0;  }
		.rest-of-date { padding:0; }

		/* View more/Archive links */
		ul.archive-links { margin:0 0 .75em 1em; font-size:0.875em; }
		ul.archive-links li { display:inline; margin-right:0.5em; }
		ul.archive-links li:last-child { margin-right: 0; }
		ul.archive-links li:before { content: none; }

		ul.archive-links li span { margin-left:0.5em; }


	/* Future Students Pages  
	=============================== */
	
	/* Future Students Call to Action 
	=================================== */
		// #fs-cta { margin:0; padding:0; list-style-type: none; }
		// #fs-cta li { float:left; width:22.65625% /*145/640px*/; margin:0 20px 0 0; display:block; text-align:center; }
		// #fs-cta li:before { content: none; }
		// #fs-cta li:last-child { margin-right:0; }
		// #fs-cta li h3 { font-size:1.25em; font-weight:bold; font-family: 'Lato', 'Lucida Grande', Helvetica, Arial, Sans-Serif; margin-bottom:0; }
		// #fs-cta p { margin-bottom:0; font-size:0.875em; }
		// #fs-cta li a { text-decoration:none; }
		// #fs-cta li a:hover p{ text-decoration:underline; color:#003057; }

	/* Future Students content boxes 
	=================================== */
		
		/* Box with no background (Home Page) */
		.fs-box img, .fs-box a img { margin:0; padding:0; vertical-align:bottom; border:none; }
		.fs-box h2, .fs-box h3 { color:#fff; font-weight:bold; font-family: 'Lato', 'Lucida Grande', Helvetica, Arial, Sans-Serif; display:block; background:#003057; padding:5px 10px; line-height:1.2em; margin-bottom:0; }
		.fs-box h2 { font-size:1.1875em; }
		.fs-box h3 { font-size:1em; }
		.fs-box a:hover, .fs-box a:hover h2, .fs-box a:hover h3 { color:#EAAA00; text-decoration:none; }
		.fs-box p { margin-bottom:0.6em; }

		/* Box with grey background (Home Page) */
		.fs-box-grey { padding:10px; background:#f5f6f7; }
		.fs-box-grey h4 { color:#003057; line-height:1.4em; font-size:16px; font-family: 'Lato', 'Lucida Grande', Helvetica, Arial, Sans-Serif; display:block; margin:0;  }
		.fs-box-grey h4 span { font-size:140%; font-weight:bold; display:block; margin-bottom:0.5em; }
		.fs-box-grey p { margin:0.5em 0 0.5em 0; }

		/* Content Column Boxes (HTA, Programs, etc) */			
		.fs-column-box { background:#f5f6f7; }
		.fs-column-box img { margin:0; padding:0; vertical-align:bottom; border:none; }
		.fs-column-box h2  { color:#fff; font-weight:bold; font-family: 'Lato', 'Lucida Grande', Helvetica, Arial, Sans-Serif; display:block; background:#003057; padding:5px 10px; line-height:1.2em; }
		.fs-column-box h2  { font-size:1.1875em /*19px*/ ;  }
		.fs-column-box h3 { font-size:1em;  }
		.fs-column-box a, .fs-column-box a h2 { text-decoration:none; }
		.fs-column-box a:hover, .fs-column-box a:hover h2 { color:#EAAA00; text-decoration:none; }
		.fs-column-box p { margin:0; padding:0 10px; }

		/* Buttons! */
		.fs-box button, .fs-box-grey button, .fs-column-box button, .slide-text button { margin:0 0 1em 0; background:#003057; border:none; border-radius:0; color:#fff; font-family:Lato, 'Lucida Grande', Helvetica, Arial, sans-serif; font-size:12px; font-style:normal; font-variant:normal; line-height:normal; text-shadow:none; }
		.fs-box-grey button { margin-bottom:0; }
		.fs-column-box button { margin:10px 0; } 
		.fs-box button:hover, .fs-box-grey button:hover, .fs-column-box button:hover, .slide-text button:hover { color:#EAAA00; }
	
/* #Font-Face Icons
================================================== */
	
		 @font-face {
				font-family: 'bu-page-icons';
				src:url('../fonts/bu-page-icons.eot?o3pta9');
				src:url('../fonts/bu-page-icons.eot?#iefixo3pta9') format('embedded-opentype'),
					url('../fonts/bu-page-icons.woff?o3pta9') format('woff'),
					url('../fonts/bu-page-icons.ttf?o3pta9') format('truetype'),
					url('../fonts/bu-page-icons.svg?o3pta9#bu-page-icons') format('svg');
				font-weight: normal;
				font-style: normal;
			}
			
			@font-face {
			  font-family: 'brankic';
			  src:  url('../fonts/brankic.eot?xy2owi');
			  src:  url('../fonts/brankic.eot?xy2owi#iefix') format('embedded-opentype'),
			    url('../fonts/brankic.ttf?xy2owi') format('truetype'),
			    url('../fonts/brankic.woff?xy2owi') format('woff'),
			    url('../fonts/brankic.svg?xy2owi#brankic') format('svg');
			  font-weight: normal;
			  font-style: normal;
			}
						
			[class^="icon-"], [class*=" icon-"] {
				speak: none;
				font-style: normal;
				font-weight: normal;
				font-variant: normal;
				text-transform: none;
				
			
				/* Better Font Rendering =========== */
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
			}


	

		@media (max-width: 480px) {
		    .coop-crest {
		       display: none !important;} }
		@media only screen and (min-width: 767px) and (max-width: 959px) {
		    .coop-crest {
		       display: block !important;} }
		@media only screen and (min-width: 480px) and (max-width: 767px) {
		    .coop-crest {
		       display: none !important;} }

		/* Column Box h3 Mod
		==================== */

		.new-column-box img + h3 {
			margin-top: 10px;
		}

		.new-column-box a.imglink + h3 a {
			margin-top: 10px;
			display: block;
		}

		.new-column-box a img:hover + h3 a {
			color: #005283;
			/* text-decoration: none; */
		}

		.new-column-box a.imglink:hover + h3 a {
			color: #005283;
    	/* text-decoration: none; */
		}

			
		/* Call to Action Icons
		========================== */
			.icon-book, .icon-home, .icon-calculator, .icon-arrow-right, .icon-graduate, .icon-graduation { font-family: 'bu-page-icons'; display:block; text-align:center; color:#003057; font-size:2em; margin-bottom:12px;  }
			.icon-book, .icon-graduation { font-size:2.3125em /*37px*/; }
			.icon-arrow-right { font-size:36px; }
			.icon-book:before { content: "\f02d"; }
			.icon-home:before { content: "\e600"; }
			.icon-calculator:before { content: "\e604"; }
			.icon-arrow-right:before { content: "\f061"; }
			.icon-graduation:before { content: "\e608"; }
		
		/* RSS Icon 
		========================== */
			
			.icon-rss { font-family: 'bu-page-icons'; color:#F90; float:right; margin:1px 0 0; font-size:20px; }
			.icon-rss:before { content: "\f09e"; }
		
		
		/*.icon-coin:before { content: "\e601"; }
		.icon-location:before { content: "\e602"; }
		.icon-calendar:before { content: "\e60a"; }
		.icon-graduate:before { content: "\e605"; }*/


/* BU Column classes
==================== */

	/* Box with grey background (everywhere else) */
	.box-grey { background:#f6f7f8; }
	.box-grey h4 { color:#003057; line-height:1.4em; font-size:16px; font-family: 'Lato', 'Lucida Grande', Helvetica, Arial, Sans-Serif; display:block; margin:0; padding:10px 10px 0 10px; }
	.box-grey h4 span { font-size:140%; font-weight:bold; display:block; margin-bottom:0.5em; }
	.box-grey p { padding:0 10px 10px 10px; margin-bottom:0; }
	.box-grey ul { margin-top:0; }

	.box-grey button { margin:0 0 1em 0; background:#003057; border:none; border-radius:0; color:#fff; font-family:Lato, 'Lucida Grande', Helvetica, Arial, sans-serif; font-size:12px; font-style:normal; font-variant:normal; line-height:normal; text-shadow:none; }
	.box-grey button { margin-bottom:0; }
	.box-grey button:hover { color:#EAAA00; }

	/* Box with no background (everywhere else) */
	.box-nbg img, .box-nbg a img { margin:0; padding:0; vertical-align:bottom; border:none; }
	.box-nbg h2, .box-nbg h3 { color:#fff; font-weight:bold; font-family: 'Lato', 'Lucida Grande', Helvetica, Arial, Sans-Serif; display:block; background:#003057; padding:5px 10px; line-height:1.2em; margin-bottom:0; }
	.box-nbg h2 { font-size:1.1875em; }
	.box-nbg h3 { font-size:1em; }
	.box-nbg a { color:#fff; text-decoration:none;}
	.box-nbg a:visited {color:#fff;}
	.box-nbg a:hover, .box-nbg a:hover h2, .box-nbg a:hover h3 { color:#EAAA00; text-decoration:none; }
	.box-nbg p { margin-bottom:0.6em; }


	

/* JW Player (fix alignment of player controls) 
=============================================== */

	.jwplay span button, .jwmute span button, .jwfullscreen span button { margin-top: 0; }

/* Tuition Calculator Form Styling */

#tuition .bababoxey p { margin:0; }
#tuition select { margin:0; }
#tuition fieldset { border: 1px solid; margin: 0; padding: 10px 0 20px 17px; }
#tuition legend { padding: 5px; font-size: 1em;} 
#tuition label { display:inline; font-size:15px; font-weight:normal; }
#tuition section { clear:both; float:left; width:100%; }
#tuition section.total { clear:both; float:left; font-size:2em; padding:10px 0 0 18px; margin-top: 13px; }
#tuition span.tuition-total { }
#tuition .bababoxey { clear:both;}
#tuition p span { float: left; margin: 10px 0 15px; padding: 0 30px 0 0;}
/*#tuition fieldset.res { background: #f2e3bc; }*/


/* .btn everywhere */

.btn { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 2px solid #003057; color: #003057; display: inline-block; font-size: 0.75em; font-weight: bolder; margin: 0;
padding: 0.3125em 0.5em; text-decoration: none; text-transform: uppercase; }
a.btn:hover { color: #EAAA00; background: #003057; border: 2px solid #003057; }

/* Emergency column styling */

div.emergency { padding:10px 0 0 10px; background: #f2dede; display:block; border-bottom: 2px solid #a94442;}
div.emergency h2 { font-family: 'Lato', 'Lucida Grande', Helvetica, Arial, Sans-Serif; font-size: 1em; color: #a94442; line-height: 26px;}
div.emergency h3 { margin-top:0.75em;}
div.emergency .exclamation57x50 {float: left; padding:0 17px 0 0;}
div.emergency .exclamation75x66 {float: left; padding:22px 10px 0 17px;}



.img-inner-column {padding: 3px 13px 13px 0;}
@media (max-width: 480px) {
    .img-inner-column {
       padding: 5px 0 10px 25px;} }
@media only screen and (min-width: 767px) and (max-width: 959px) {
    .img-inner-column {
       padding: 5px 18px 10px 0px;} }
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .img-inner-column {
       padding: 7px 18px 14px 87px;} }

.bupc-appt-btn {margin-top: -9px; padding: 0 0 12px;}

.inside-two-thirds {
  width: 31.25%; }

@media (max-width: 767px) {
  .inside-two-thirds {
    width: 100%; } }

 /* Image Map Pro customization
 ============================== */

.squares-container {
	margin: 100px;
}

.squares-container ul {
	margin-left: 20px;
}

.squares-container ul li {
	list-style-type: disc;
}

.squares-container ul li:before {
	background: none;
}

 /* Scholarships (09/15/2017)
============================= */

.scholarships-bg { background: url(https://www.brandonu.ca/scholarships/files/2014/07/male-student.png) right bottom;
                 float: right;
                 width: 233px;
                 height: 275px;
                 margin-top: 14px;
                 padding: 0;
                 position: relative;
                 z-index: 2000;
            }


.scholarships-bg-2 { margin: -16px 16px 0 0; }

.new-column-box img.money { float:right; margin:-10px 38px 0 0; }

.money-banner { background: url(https://www.brandonu.ca/scholarships/files/2016/01/money-bg.png) no-repeat !important; 
                width: 640px;
                height: 160px;    
             }


.money-apply {  float: left;
				/*border: 1px solid;*/
				width: 50%;
             }

 .money-banner-2 { background: url(https://www.brandonu.ca/scholarships/files/2016/01/money-bg-2.png) repeat !important; 
                width: 640px;
                height: auto;
                padding: 15px 0 0 2px;
                display: flex;
  				justify-content: center;
  				align-items: center;    
             }

 .dollar-sign { margin: 0.9em 1.1em 1em 1em; }

.awarded {
	float: right;
	display: block;
	/*border: 1px solid;*/
	font-size: 1.25em;
	color: #fff;
	text-align: center;
}

.dollar-figure {
	font-size: 2em;
	margin: 10px 0 10px 0;
	display: inline-block;
}

 a.step { float:left; display:block; text-decoration:none; background:#f6f7f8; width: 100%; margin-bottom:10px;
 	font-family: "brandon-grotesque",sans-serif;
    font-weight: bold;
    letter-spacing: 0.0625em;
    line-height: 1.3125em;
    text-transform: uppercase;}
.step-block { display:block; background:#003057; float:left; padding: 20px; color: #fff; font-size: 1em; width:2%; margin-right: 10px;} 
.step-text { display:block; font-size:1em;} 

/* Progress Tracker
=================== */

ul.progress-tracker li:before { background: none; }

.progress-tracker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

.progress-step {
  display: block;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  margin: 0;
  padding: 0 11px 0 0;
  min-width: 28px;
}

.progress-step:last-child {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.progress-step:not(:last-child)::after {
  content: '';
  display: block;
  position: absolute;
  z-index: 10;
  top: 12px;
  bottom: 12px;
  right: -14px;
  width: 100%;
  height: 4px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.progress-step.is-active .progress-title {
  font-weight: 400;
}

.progress-step > a {
  display: block;
  text-decoration: none;
}

.progress-marker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 20;
  width: 28px;
  height: 28px;
  padding-bottom: 2px;
  color: #fff;
  font-weight: 400;
  border: 2px solid transparent;
  border-radius: 50%;
  -webkit-transition: background-color, border-color;
  transition: background-color, border-color;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

.progress-text {
  display: block;
  padding: 10px 9.3333333333px 25px 9.3333333333px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.progress-title {
  margin-top: 0;
}

.progress-step .progress-marker {
  color: #fff;
  background-color: #b6b6b6;
}

.progress-step::after {
  background-color: #b6b6b6;
}

.progress-step .progress-text, .progress-step .progress-step > a .progress-text {
  color: #333333;
}

.progress-step.is-active .progress-marker {
  background-color: #2196F3;
}

.progress-step.is-complete .progress-marker {
  background-color: #1976D2;
}

.progress-step.is-complete::after {
  background-color: #868686;
}

.progress-step:hover .progress-marker {
  background-color: #56ADF5;
}

.progress-tracker--center .progress-step {
  text-align: center;
}

.progress-tracker--center .progress-step:last-child {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.progress-tracker--center .progress-step::after {
  right: -50%;
}

.progress-tracker--center .progress-marker {
  margin-left: auto;
  margin-right: auto;
}

.progress-tracker--right .progress-step {
  text-align: right;
}

.progress-tracker--right .progress-step:last-child {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.progress-tracker--right .progress-step::after {
  right: calc(-100% + 14px);
}

.progress-tracker--right .progress-marker {
  margin-left: auto;
}

.progress-tracker--border {
  padding: 5px;
  border: 2px solid #868686;
  border-radius: 38px;
}

.progress-tracker--spaced .progress-step::after {
  width: calc(100% - 48px);
  margin-right: 24px;
}

.progress-tracker--word {
  padding-right: 38.6666666667px;
  overflow: hidden;
}

.progress-tracker--word .progress-text {
  display: inline-block;
  white-space: nowrap;
}

.progress-tracker--word .progress-title {
  margin: 0;
}

.progress-tracker--word-center {
  padding-right: 38.6666666667px;
  padding-left: 38.6666666667px;
}

.progress-tracker--word-center .progress-text {
  padding-right: 0;
  padding-left: 0;
  -webkit-transform: translateX(calc(-50% + 14px));
          transform: translateX(calc(-50% + 14px));
}

.progress-tracker--word-right {
  padding-right: 0;
  padding-left: 38.6666666667px;
}

.progress-tracker--word-right .progress-text {
  padding-left: 0;
  -webkit-transform: translateX(calc(-100% + 28px));
          transform: translateX(calc(-100% + 28px));
}

.progress-tracker--text .progress-step:last-child {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.progress-tracker--text-top .progress-step::after {
  top: auto;
}

.progress-tracker--text-top .progress-text {
  height: 100%;
}

.progress-tracker--text-top .progress-marker {
  bottom: 28px;
}

.progress-tracker--text-inline .progress-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.progress-tracker--text-inline .progress-text {
  position: relative;
  z-index: 30;
  max-width: 70%;
  white-space: nowrap;
  padding-top: 0;
  padding-bottom: 0;
  background-color: #fff;
}

.progress-tracker--text-inline .progress-title {
  margin: 0;
}

.progress-tracker--square .progress-step {
  padding-top: 0;
}

.progress-tracker--square .progress-marker {
  -webkit-transform: scaleX(0.33) translateY(-12px);
          transform: scaleX(0.33) translateY(-12px);
  border-radius: 0;
}

@media (max-width: 399px) {
  .progress-tracker-mobile {
    overflow-x: auto;
  }
  .progress-tracker-mobile .progress-tracker {
    min-width: 200%;
  }
}

.progress-tracker--vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.progress-tracker--vertical .progress-step {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.progress-tracker--vertical .progress-step::after {
  right: auto;
  top: 14px;
  left: 12px;
  width: 4px;
  height: 100%;
}

.progress-tracker--vertical .progress-marker {
  position: absolute;
  left: 0;
}

.progress-tracker--vertical .progress-text {
  padding-top: 0;
  padding-left: 42px;
}

.progress-tracker--vertical .progress-step:not(:last-child) .progress-text {
  padding-bottom: 30px;
}

@-webkit-keyframes scale-up {
  from {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}

@keyframes scale-up {
  from {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}

.anim-ripple .progress-marker::before, .anim-ripple-large .progress-marker::before, .anim-ripple-splash .progress-marker::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 30;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
  visibility: hidden;
}

.anim-ripple :not(:active) .progress-marker::before, .anim-ripple-large :not(:active) .progress-marker::before, .anim-ripple-splash :not(:active) .progress-marker::before {
  -webkit-animation: scale-up 0.3s ease-out;
          animation: scale-up 0.3s ease-out;
}

.anim-ripple :focus .progress-marker::before, .anim-ripple-large :focus .progress-marker::before, .anim-ripple-splash :focus .progress-marker::before {
  visibility: visible;
}

.anim-ripple-large .progress-marker::before {
  width: 200%;
  height: 200%;
}

.anim-ripple-splash .progress-marker::before {
  width: 200%;
  height: 200%;
  box-shadow: 0 0 6px 6px rgba(0, 0, 0, 0.35);
}

.anim-ripple-double .progress-marker::before, .anim-ripple-double .progress-marker::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 30;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
  visibility: hidden;
  background: none;
  border: 3px solid rgba(0, 0, 0, 0.3);
}

.anim-ripple-double :not(:active) .progress-marker::before, .anim-ripple-double :not(:active) .progress-marker::after {
  -webkit-animation: scale-up 0.3s ease-out 0s;
          animation: scale-up 0.3s ease-out 0s;
}

.anim-ripple-double :not(:active) .progress-marker::after {
  -webkit-animation-delay: 0.15s;
          animation-delay: 0.15s;
}

.anim-ripple-double :focus .progress-marker::before, .anim-ripple-double :focus .progress-marker::after {
  visibility: visible;
}

.anim-path .progress-step::after {
  background-image: -webkit-linear-gradient(left, #b6b6b6 50%, #868686 50%);
  background-image: linear-gradient(to right, #b6b6b6 50%, #868686 50%);
  background-size: 200% 100%;
  background-position: 0% 100%;
  -webkit-transition: background-position 0.3s ease-out;
  transition: background-position 0.3s ease-out;
}

.anim-path .progress-step.is-complete::after {
  background-position: -100% 100%;
}

/*=====*/

/* /safety/
=========== */


.nineoneone {font-size: 1.25em; margin-top: 23px; float: left;}
@media (max-width: 480px) {
    .nineoneone {
       float: none;} }
@media only screen and (min-width: 767px) and (max-width: 959px) {
    .nineoneone {
       float: none; display: block; margin-top: 12px;} }
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .nineoneone {
       float: none; display: block; margin-top: 13px;} }

.safety-icon {margin: 10px 10px 10px 0 !important; }
@media (max-width: 480px) {
	.safety-icon {
		margin: 5px auto; float: right !important;} }
@media only screen and (min-width: 767px) and (max-width: 959px) {
	.safety-icon {
		margin: 5px auto; float: right;} }
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.safety-icon {
		margin: 5px auto; float: right !important;} }



/* Facebook/Instagram Plugin Boxes 
===================================== */
.cff-likebox { margin-top: 0; }
#cff .cff-author{ padding: 10px 0 0 10px; margin-bottom: 5px; }
.cff-likebox { margin-bottom: 10px; }
#cff p { padding:0 10px !important; font-size: 0.85rem !important; width: auto;}
#cff .cff-author .cff-author-text * { margin-left: 40px; }
.sb_instagram_header { padding: 0 15px 0 10px !important; }
/* #sb_instagram #sbi_images .sbi_item {padding:5px !important;} */
.sbi_bio {padding-right: 5px;}
#sb_instagram .sb_instagram_header { margin-bottom: 5px; }

#sb_instagram .sbi_header_text .sbi_bio {margin-right: 20px !important; }


/* Course Registration Process
============================== */

.babasteppy {padding:26px 20px 10px 10px;}

/* Jetpack Carousel Tweaks
============================== */

/* Center the caption */
.jp-carousel-info h2 {
  text-align: center !important;
}

/* Hide comment form header */
.jp-carousel-left-column-wrapper {
  display: none !important;
}

/* Center the metabox */
.jp-carousel-image-meta {
  float: none !important;
  margin-left: auto;
  margin-right: auto;
}

/* Form Submission message styling 
================================== */

.sub-success {
	background: #c9df8a; 
	width: auto; 
	padding: 20px; 
	display: block; 
	border: 1px solid #234d20;
	border-radius: 4px;
	font-family: crimson,serif;
	font-size: 1.5em;
	color: #234d20;
	text-shadow: 0 1px 0 #fff;
}

/* BU50 Homecoming page 
================================== */

.new-column-box img.bu50logo {margin: 75px 0 0 6px; }
@media (max-width: 480px) {
	.new-column-box img.bu50logo {
		margin: 2px 0 0 13px;} }
@media only screen and (min-width: 767px) and (max-width: 959px) {
	.new-column-box img.bu50logo {
		margin: 95px 0 0 -15px;} }
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.new-column-box img.bu50logo {
		margin: 6px 0 0 75px;} }

.foreverbg { }
@media (max-width: 480px) {
	.foreverbg {
		padding-left: 19px;} }
@media only screen and (min-width: 767px) and (max-width: 959px) {
	.foreverbg {
		} }
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.foreverbg {
		padding: 0 0 0 72px;} }

/* #Media Queries
================================================== */

		/* Smaller than standard 960 (devices and browsers) */
		@media only screen and (max-width: 959px) { }

		/* Tablet Portrait size to standard 960 (devices and browsers)	- IPad Portrait Mode */		
		@media only screen and (min-width: 767px) and (max-width: 959px) {
			
			
			/* #Site Styles
			================================================== */

				/* Content Background */
				#content-bg { background:url(../images/content-bg3.png)  repeat-y 19.55% 0 #fff; }
				
				/* Image Gallery */					
				.gallery-columns-4 .gallery-item { float:left; margin-top:10px; margin-left:10px; text-align:center; width:22.5%; }						
				.gallery-columns-5 .gallery-item { float:left; margin-top:10px; margin-left:10px; text-align:center; width:17.5%; }	

				/* Event Listings */
				dl.events-listing dt { width:26.75% /*65px*/; }
				dl.events-listing dd { width: 69.96% /*170px*/; }
			
	
			/* #Page Styles
			================================================== */
				
				/* Home Page Student Links */
				ul.student-resources li { width:100%; }
				
				/* Home Page Events */
				.events-listing ol li a { margin-left:1em; }
				
				/* Home and Future Students Call to Action */
				#fs-cta li, #home-cta li { width:22.90836653386454% /*115/502px*/; margin-right:0.875em; }
		}

	
		/* 	All Mobile Sizes (devices and browser) - IPhone - Both 	*/
		@media only screen and (max-width: 767px) { 
		
			/* #Site Styles
			================================================== */
			
		
				#reg-content { margin-bottom:0; }
				
				/* Change Main Content Background to White  */
				#content-bg { background:#fff; }
						
				/* Adjustments for proper spacing between boxes */
				.row { margin-bottom:0;}
				.fpc-content { margin-bottom:20px; }
				
				/* Center Content Images */
				.alignnone, a img.alignnone, .alignright, a img.alignright, .alignleft, a img.alignleft, .aligncenter, div.aligncenter { float:none; display: block; margin-left: auto; margin-right: auto;  }
				
			
			/* #Page Styles
			================================================== */
			
				/* Future Students Column Boxes */
				.fs-column-box:first-child { margin-bottom:20px; }
				.fs-box, .fs-box-grey, .fs-important-dates, .fs-column-box { margin-bottom:20px; }
				
				/* News Articles */
				/* Remove bottom margin from rows */
				.contact-info { margin-bottom:0px; }

		
				.contest-section { margin-bottom: 20px; }

		}
	

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) - IPhone Landscape */
	@media only screen and (min-width: 480px) and (max-width: 767px) {  

		 /* Image Map Pro customization
		 ============================== */

		.squares-container {
			margin: 0 auto;
			position: relative;
			height: 100%;
		}

		.squares-container ul {
			margin-left: 20px;
		}
	
		/* #Site Styles
		==================================================  */
			
			
			/* Image Gallery */
			.gallery-columns-2 .gallery-item { float:left; margin-top:10px; margin-left:0; text-align:center; width:50%; }
			.gallery-columns-3 .gallery-item { float:left; margin-top:10px; margin-left:10px; text-align:center; width:30.33%; }			
			.gallery-columns-4 .gallery-item { float:left; margin-top:10px; margin-left:10px; text-align:center; width:22%; }			
			.gallery-columns-5 .gallery-item { float:left; margin-top:10px; margin-left:10px; text-align:center; width:17%; }

			/* Event Adjustments */
			ul.events-listing li { min-height:3.75em; }
			
		/* #Page Styles
		================================================== */
		
			/* Home and Future Students Call to Action */
			#fs-cta li, #home-cta li { width:192px; margin:0 1em 1.5em 0;  }
			#fs-cta li:nth-child(2), #fs-cta li:last-child, #home-cta li:nth-child(2), #home-cta li:last-child { /*width:90px;*/ margin-right:0; }
			#fs-cta li h3 span { display:none; } 
			#fs-cta { margin:22px 0 ; } 




	}

	
	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) - IPhone Portrait  */
	@media only screen and (max-width:479px ) {	 

		 /* Image Map Pro customization
		 ============================== */

		.squares-container {
			margin: 0 auto;
			position: relative;
			height: 100%;
		}

		.squares-container ul {
			margin-left: 20px;
		}
			
		/* #Site Styles
		================================================== */
		
		
			/* Image Gallery */
			.gallery-columns-2 .gallery-item { float:left; margin-top:10px; margin-left:10px; text-align:center; width:45%;	}			
			.gallery-columns-3 .gallery-item { float:left; margin-left:10px; margin-top:10px; text-align:center; width:29%; }			
			.gallery-columns-4 .gallery-item { float:left; margin-top:10px; margin-left:10px; text-align:center; width:20.5%; }			
			.gallery-columns-5 .gallery-item { float:left; margin-top:10px; margin-left:10px; text-align:center; width:15.75%; }

			/* Event Listings */
			dl.events-listing dt { width:26.75%; }
			dl.events-listing dd { width: 69.96%; }

			
		/* #Page Styles
		================================================== */
		
			/* Home Page Student Links */
			ul.student-resources { width: auto;}
			ul.student-resources li { width:100%; }
			
			/* Call to Action */
			
			#fs-cta li, #home-cta li { width:135px; margin:0 10px 1em 0; }
			#fs-cta li:nth-child(2), #fs-cta li:last-child, #home-cta li:nth-child(2), #home-cta li:last-child { margin-right:0; }
			#fs-cta { margin:22px 0 ; } 
				
	}