/*
* === GLOBAL STYLES ===
*/

hr {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #D3CFCD -moz-use-text-color #FFFFFF;
  border-style: solid none;
  border-width: 1px 0 0 0;
  margin: 5px 0;
}


/*
* === CUSTOM CLASSES ===
*/

/*
* — Form Styling —
*/

.has-feedback .form-control-feedback {
    bottom: 25px;
    top: auto;
}

.form-horizontal .has-feedback .form-control-feedback {
	bottom: -9px;
	top: auto;
}

.form-horizontal .has-feedback .fa-asterisk {
	color: #DA291C;
}

.form-horizontal .select-wrapper.has-feedback .form-control-feedback {
	right: 27px;
}
 
.form-group div[class^="col"] .control-label {
	padding-bottom: 5px;
}

/*
.form-group div[class^="col"] .form-control-feedback {
	padding-top: 5px;
}
*/

/*
* — Modal Styling — moved to style.css

.popup-window, .popup-window-iframe {
	z-index: 9999;
}

.popup-window-iframe .modal-dialog {
	height: 100%;
	max-width: 95%;
	width: 1170px;
}

.popup-window-iframe .modal-dialog {
	height: 100%;
	max-width: 95%;
	width: 1170px;
}

.popup-window-iframe .modal-content {
	height: 90%;
	overflow: hidden;
}

.popup-window-iframe .modal-body {
   height: calc(100% - 10px);
}

.popup-window-iframe .bootbox-body {
	height: 100%;
}

.popup-window-iframe iframe {
	width: 100%;
	height: 100%;
} */

/*
* — Responsive Table Styling —
*/

.data-row-header > div[class^="col"],
.data-row > div[class^="col"] {
	padding-top: 10px;
	padding-bottom: 10px;
}

.data-row-header {
	border-bottom: 2px solid #02518a;
	margin: 0;
}

.data-row {
	border-bottom:1px solid #D3CFCD;
	margin: 0;
}


.data-row:nth-child(odd) {
	background-color: #f3f9fe !important;
}

/*
* — jQuery UI Datepicker —
*/

.ui-datepicker {
	border: 1px solid #003865;
	padding: 0;
	z-index: 9999 !important;
}

.ui-datepicker table {
	margin: 0;
}

.ui-datepicker thead {  
    background-color: #f7f7f7;  
    background-image: -moz-linear-gradient(top,  #f7f7f7 0%, #f1f1f1 100%);  
    background-image: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#f7f7f7), color-stop(100%,#f1f1f1));  
    background-image: -webkit-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);  
    background-image: -o-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);  
    background-image: -ms-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);  
    background-image: linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);  
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 );  
    border-bottom: 1px solid #bbb;  
}

.ui-datepicker th {  
    text-transform: uppercase;  
    font-size: 12px;
    font-weight: 400;  
    padding: 5px 0;  
    color: #000;  
    text-shadow: 1px 0px 0px #fff;  
    filter: dropshadow(color=#fff, offx=1, offy=0);  
}

.ui-datepicker tbody td {  
    padding: 0;  
    border-right: 1px solid #D3CFCD;
}

.ui-datepicker tbody td:last-child {  
    border-right: 0px;  
}

.ui-datepicker tbody tr {  
    border-bottom: 1px solid #D3CFCD;  
}

.ui-datepicker tbody tr:last-child {  
    border-bottom: 0px;
}

.ui-datepicker td span, .ui-datepicker td a {  
    display: inline-block;  
    font-weight: bold;  
    text-align: center;  
    width: 100%;  
    height: 100%;  
    line-height: 30px;  
    color: #000;  
    /* text-shadow: 1px 1px 0px #fff;  
    filter: dropshadow(color=#fff, offx=1, offy=1); */  
}

.ui-datepicker-calendar .ui-state-default {  
    background: #ededed;  
    background: -moz-linear-gradient(top,  #ededed 0%, #dedede 100%);  
    background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ededed), color-stop(100%,#dedede));  
    background: -webkit-linear-gradient(top,  #ededed 0%,#dedede 100%);  
    background: -o-linear-gradient(top,  #ededed 0%,#dedede 100%);  
    background: -ms-linear-gradient(top,  #ededed 0%,#dedede 100%);  
    background: linear-gradient(top,  #ededed 0%,#dedede 100%);  
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 );
    border: 0;
    -webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);  
    -moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);  
    box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);  
}

.ui-datepicker-unselectable .ui-state-default {  
    background: #f4f4f4;  
    color: #b4b3b3;  
}

.ui-datepicker-calendar .ui-state-hover {  
    background: #f3f9fe;  
}

.ui-datepicker-calendar .ui-state-active {  
    background: #6CACE4;  
    -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);  
    -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);  
    box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);  
    color: #fff;  
    /* text-shadow: 0px 1px 0px #4d7a85;
    filter: dropshadow(color=#4d7a85, offx=0, offy=1); */
    /* border: 1px solid #003865; */
    position: relative;  
    /* margin: -1px; */
}

.ui-datepicker-prev-hover,
.ui-datepicker-next-hover {
    border: 0 !important;
    border-radius: 3px;
    background: #02518a !important;
    top: 2px !important;
}

.ui-datepicker-prev-hover {
	left: 2px !important;
}

.ui-datepicker-next-hover {
	right: 2px !important;
}

/*
* — jQuery UI Accordion —
*/

.ui-accordion-content {
	background: #fff;
}

.ui-accordion-header {
	background: #02518a;
}

.ui-accordion-header {
	color: #fff !important;
}

.ui-accordion-header-active {
	background: #003865;
}

.ui-icon {
	color: #0067A0 !important;
}

/*
* — Photo Galleries —
*/
.photo-gallery {
	overflow: hidden;
}

.photo-grid {
	/*text-align: center;*/
}

.photo-grid img {
	margin: 1%;
	max-width: 17%;
}

/*
* - Bootstrap Popovers -
*/
.popover {
	background-color: #f3f9fe;
	border-color: #02518a;
	border-radius: 0;
	/* box-shadow: none; */
	color: #000;
	font-family: 'Lato';
	font-size: 14px;
	font-weight: 300;
}

.popover-title {
  background-color: transparent;
  border-bottom: 1px solid #02518a;
  border-width: 2px;
  text-align: center;
}

/*
* - Bootstrap Dropdowns -
*/
.dropdown-menu:not(.multiselect-container):not(.bootstrap-timepicker-widget) {
	background-color: #02518a;
	border-color: #003865;
	border-radius: 0;
	color: #fff;
	font-family: 'Lato';
	font-size: 14px;
	font-weight: 300;
	z-index: 2000;
}

.dropdown-menu:not(.multiselect-container) li a {
	color: #fff;
}

.dropdown-menu:not(.multiselect-container) li a:hover {
	background-color: #ABCAE9;
	color: #000;
}

/*
* — Pagination —
*/

ul.pagination li a {
	background-color: #02518a;
	border-color: #fff;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
}

ul.pagination li a:hover,
ul.pagination li a:active,
ul.pagination li a:focus {
	background-color: #003865;
	color: #fff;
}

ul.pagination li.disabled span,
ul.pagination li.disabled span:hover,
ul.pagination li.active span,
ul.pagination li.active span:hover {
	background-color: #003865;
	border-color: #fff;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
}

/*
* - iCheck -
*/
.icheckbox_square-blue,
.iradio_square-blue {
	background-color: #fff;
}

/*
* — Athletics Event Icons —
*/

.event-icon {}

/*
* — Wrapper causing right float to collapse after body content rather than before —
*/

.clearfix-box-sm-right, .clearfix-box-sm-left {
	position: relative;
}

/*
* — .toggle class
*/
.toggle {
	cursor: pointer;
}


/*
* === SECTION STYLES ===
*/

/*
* — Page Header (wordmark & action buttons) —
*/

a#wordmark {
    color: #fff;
    font-weight: normal;
}

a#wordmark:hover {
    color: #fff;
}

#body {
	background-color: #fff;
	/* height: 100%; */
	position: relative;
}

#body:focus {
	/*outline: 0;*/
}

#body-header, #breadcrumb-header {
	margin-top: 5px;
}

#body-header-content {
	border-bottom: 5px solid #ABCAE9;
}

/* #body > .row {
	height: 100%;
	min-height: 100%;
}

#body > .row > div[class^="col"]{
	
} */

/*
* — Sidebar / Left Navigation —
*/

#sidebar-container {
	left: 0;
	position: absolute;
	right: 0;
}

#sidebar {
	height: 100%;
	z-index: 1000;
}

#sidebar > header {
	/* background-color: #ABCAE9; */
	margin: 5px 0;
}

#sidebar > header img {
	/* border-right: 1px solid #fff;
	max-width: 167px; */
	width: 263px;
	height: 121px;
}

#left-nav {
	background-color: #fbfbfb;
	height: 100%;
	overflow: hidden;
}

#left-nav > header {
	color: #003865;
	line-height: 24px;
	font-size: 22px;
	font-weight: 500;
	padding: 10px 10px 10px 12px;
	/*text-transform: uppercase;*/

}

#left-nav ul {
	list-style-type: none;
}

#left-nav > ul {
	margin: 0 0 -1px 0;
	/* margin: 0 0 2px 0; */
	padding: 0 0 0 5px;
}

#left-nav > ul.active {
	background-color: #e7e8ec;
}

#left-nav > ul a {
	color: #003865;
	display: block;
}

#left-nav > ul li:hover > a {
	color: #5B7F95;
}

#left-nav > ul > li {
	border-top: 1px dashed #D0D0CE;
	font-size: 16px;
	font-weight: 400;
	line-height: 16px;
	padding: 7px;
	/*text-transform: uppercase;*/
}

#left-nav > ul > li.active > a > span {
	/*color: #fff;*/
	border-bottom: 1px dotted #ABCAE9;
}

#left-nav > ul:last-of-type > li:last-child {
	border-bottom: 1px dashed #D0D0CE;
	margin-bottom: 10px;
}

#left-nav > ul li#left-nav-sub-links ul {
	padding: 7px 0;
}

#left-nav > ul li#left-nav-sub-links ul li a {
	border-top: none;
	line-height: 18px;
	padding: 3px 0 3px 15px;
	text-transform: none;
}

#left-nav > ul li#left-nav-sub-links ul a.active span {
	border-bottom: 1px dotted #ABCAE9;
}

#left-nav-button {
	color: #003865;
	cursor: pointer;
	font-size: 22px;
	line-height: 22px;
	position: absolute;
	left: 15px;
	top: 15px;
	z-index: 1000;
}

/*
* — Breadcrumbs —
*/

#breadcrumbs {
	color: #003865;
	/*color: #928883;*/
	font-size: 17px;
	font-weight: 400;
	line-height: 14px;
	padding: 8px 0;
	/*text-transform: uppercase;*/
}

#breadcrumbs a {
	color: #003865;
	/*color: #928883;*/
}

@media (max-width: 990px) {
	#breadcrumbs {
		margin-left: 25px;
	}
}

/*
* — Page Title —
*/

#title {
	margin: 1.5em 0 2em 0;
}

#title h1 {}

/*
* — Body Copy —
*/

.content {
	font-size: 16px;
	line-height: 19px;
	font-weight: 400;

}

.content p, .content ul {
	/* margin: 1.2em 0; */
	margin: 0 0 1.2em 0;
}

.content h1
, .content .h1 {
	color: #003865;
	font-size: 48px;
	font-weight: 400;
	line-height: 48px;
	/* line-height: 29.25px; */
}

.content h2
, .content .h2 {
	color: #02518a;
	font-size: 30px;
	font-weight: 500;
	line-height: 29.25px;
	/*text-transform: uppercase;*/
}

.content h3
, .content .h3 {
	color: #02518A;
	font-size: 20px;
	font-weight: 500;
	line-height: 19px;
	/*text-transform: uppercase;*/
}

.content h4
, .content .h4 {
	color: #003865;
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
	/*text-transform: uppercase;*/
}

.content h5
, .content .h5 {
	color: #003865;
	/* color: #003865; */
	font-size: 14px;
	font-weight: 600;
	line-height: 18px;
	/*text-transform: uppercase;*/
}

.content h6
, .content h6 {
	color: #003865;
	font-size: 14px;
	font-weight: 600;
	line-height: 25px;
}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
	margin: 0 0 10px 0;
}

.content h1 a, .content h2 a, .content h3 a, .content h4 a, .content h5 a, .content h6 a,
.content a h1, .content a h2, .content a h3, .content a h4, .content a h5, .content a h6 {
	color: #02518a;
	/*color: #DB821F;*/
}

.content h1 a:hover, .content h2 a:hover, .content h3 a:hover, .content h4 a:hover, .content h5 a:hover, .content h6 a:hover,
.content a:hover h1, .content a:hover h2, .content a:hover h3, .content a:hover h4, .content a:hover h5, .content a:hover h6 {
	color: #DB821F;
	/*color: #003865;*/
}

/*
* — Sub-headings —
*/

.content .sub-head {
	color: #02518a;
	/*color: #DB821F;*/
	font-size: 19px;
	font-weight: 400;
	line-height: 21px;
	text-transform: none;
	/* margin: 1.5em 0 1em 0; */
}

/*
* — Text Overlay Block —
*/
			
.text-box {
	position: relative;
}

.text-block {
	position: absolute;
	bottom: 3px;
	/*right: 20px;*/
	background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
	color: white;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	width: 100%;
} 

.text-block-new {
	position: absolute;
	bottom: 3px;
	/*right: 20px;*/
	background: rgba(0, 0, 0, 0.8); /* Black background with 0.5 opacity */
	color: white;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	width: 100%;
	text-align: center;


} 

/*
* — Landing Page Header Banner —
*/

.header-banner{
    position: relative;
 }

 .header-banner img {
	object-fit: cover;
	width: 100%;
}

.header-banner-text{
position: absolute;
  bottom: 0;
  /*right: 20px;*/
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  color: white;
  padding-left: 20px;
  padding-right: 20px;
  /*padding-bottom: 20px;*/
  padding-top:10px;
  width: 100%;
}

/* The hero image */
.hero-image {
 
  /* Set a specific height */
  height: 50%;

  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-color: #003865;
  text-align: center;
  color: white;
  text-shadow: 2px 2px 4px #000000;


}

.sub-hero-image {
 
  /* Set a specific height */
  height: 50%;

  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-color: #003865;
  text-align: center;
  color: white;
  text-shadow: 2px 2px 4px #000000;
}

.sub-text-header {
	font-size: 30px;
}

#sub-head-section-text {
	font-size:40px;
	font-weight:500;
}


.section-image {
  color: white;
  width:100%;
	background-image: url("/academics/schools/images/major-sub-head.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: scroll;
	background-size: cover; 
	background-color: #003865;
	padding-top:100px;
	padding-bottom:50px;
	text-align:center;
	}

/* Place text in the middle of the image */
.hero-text {
  
  position: absolute;
  bottom: 8px;
		left: 16px;
}

#hero-text-header {
	font-size: 50px;
}

 /* Container holding the image and the text */
.hero-container-box {
  position: relative;
}

/* Bottom right text */
.hero-right-box-text {
  position: absolute;
  bottom: 100px;
  right: 200px;
  background-color: #003865;
  color: white;
  padding-left: 50px;
  padding-right: 50px;
  background-opacity: 50%;

} 

/* Bottom left text */
.hero-left-box-text {
  position: absolute;
		
		top: 50px;
 text-align: left;
  color: white;
  padding-left: 50px;
  padding-right: 50px;
  background-opacity: 50%;
} 

/* The hero image */
.header-image {
  /* Set a specific height */
  height: 50%;

  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-color: #003865;
  text-align: center;
  color: white;
  text-shadow: 2px 2px 4px #000000;


}

/* Place text in the middle of the image */
.header-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  text-shadow: 2px 2px 4px #000000;

}



/*
* - Landing Page Icon Header -
*/

.icon-header-bar {
	margin: 5px 0 20px 0;
}

/*
* — Small body text —
*/

#title.content-small h1
, #title.content-small .h1 {
	font-size: 32px;
	font-weight: 300;
	line-height: 32px;
	padding-bottom: 16px;
	/* line-height: 29.25px; */
}

.content-small {
	/* color: #003865; */
	font-size: 15px;
	font-weight: 300;
	line-height: 18px;
}

.content-xsmall {
	/* color: #003865; */
	font-size: 14px;
	font-weight: 300;
	line-height: 16px;
}


/* .content-small a {
	color: #000;
} */

/*
* — Contact Listings —
*/

.contact-listing-grid {}

.contact-listing-grid img {
	max-height: 175px;
}

.contact-listing-grid div[class^="col"] {
	margin-bottom: 20px;
}

.contact-listing-grid div[class^="col"] > div {
	border: 1px dashed #ABCAE9;
	min-height: 305px;
	padding: 5px 8px;
	text-align: center;
}

.contact-listing-grid div[class^="col"] a h3 {
	color: #003865;
}

.contact-listing-grid div[class^="col"] a:hover h3 {
	color: #02518a;
}

.contact-listing-grid-title {
	padding-top: 4px;
}

a .contact-listing-grid-title {
	color: #000;
}

a:hover .contact-listing-grid-title {
	color: #02518a;
}

.contact-listing-grid-details {
	font-size: 14px;
	margin: 0 auto;
	max-width: 225px;
	text-align: left;
}

.contact-listing-grid-details > div {
	padding-top: 4px;
}

.contact-listing-grid-details .fa {
	padding-right: 10px;
}



/*
* - Majors - *
*/
#program-quick-facts {
	z-index: 9999;
}

#program-quick-facts hr {
	margin-bottom: 15px;
}

#program-quick-facts #program-nav a span.active {
	border-bottom: 1px dotted #000;
}

#program-quick-facts .major-list {
	margin-left: 10px;
}

#program-quick-facts .box-staff {
	display: none;
	padding: 10px;
	margin-bottom: 15px !important;
}

#program-quick-facts .box-sm .button-sm {
	margin: 0;
}

#program-quick-facts .social-networking-links i {
	font-size: 20px;
}

#program-quick-facts a .coordinator-title {
	color: #000;
	margin-top: 3px;
}

#program-quick-facts a:hover .coordinator-title {
	color: #02518A;
}

.main-photo {
	width: 400px;
}

#major-headlines {
	max-width: 500px;
	width: auto;
}

#mashup-headlines
, #major-headlines {
	position: relative;
	margin: 0 auto;
}

#mashup-headlines .carousel-indicators
, #major-headlines .carousel-indicators {
	bottom: -40px;
}

#mashup-headlines .carousel-indicators li
, #major-headlines .carousel-indicators li {
	background-color: #6CACE4;
}

#mashup-headlines .carousel-indicators .active
, #major-headlines .carousel-indicators .active {
	background-color: #003865;
}

#mashup-headlines .carousel-inner
, #major-headlines .carousel-inner {
	margin-bottom: 40px;
}

#mashup-headlines .carousel-inner img
, #major-headlines .carousel-inner img {
	width: 100%;
}

#mashup-headlines .carousel-caption
, #major-headlines .carousel-caption {
	background: rgba(0,0,0,.7);
	left: 0;
	bottom: 10px;
	padding: 10px;
	right: 0;
	text-align: left;
}

#mashup-headlines .carousel-caption strong
, #major-headlines .carousel-caption strong {
	color: #6CACE4;
	font-weight: 400;
}

#mashup-headlines .carousel-caption fa
, #major-headlines .carousel-caption fa {
	color: #fff;
	font-weight: 400;
	text-transform: uppercase;
}

@media (max-width: 991px) {
	#sidebar {
		/* display: none; */
		top: 40px;
	}

	#body-header, #breadcrumb-header {
		margin-top: 2px;
		padding: 0;
	}

	#breadcrumbs {
		padding-left: 15px;
	}

	.form-horizontal .form-group div[class*="col-"] {
	 	margin-bottom: 15px;
	}

	#left-nav {
		border-bottom: 1px solid #88A1B5;
	}

	#left-nav > ul {
		padding: 0 10px;
	}

	#left-nav > ul li {
		font-size: 14px;
		line-height: 36px;
	}

	#left-nav > ul:nth-child(2) > a:first-child > li {
		border-top: none;
	}

	#left-nav > ul li#left-nav-sub-links ul a li {
		padding: 5px 0 5px 15px;
	}

	/* .has-feedback .form-control-feedback {
	    bottom: 25px;
	    top: auto;
	}

	.form-horizontal .has-feedback .form-control-feedback {
		bottom: 0;
		top: auto;
	}

	.form-horizontal .select-wrapper .has-feedback .form-control-feedback {
		right: 25px;
	}
	 
	.form-group div[class^="col"] .control-label {
		padding-bottom: 5px;
	} */
}



/*
* — Wrapper causing right float to collapse after body content rather than before —
*/
@media(min-width: 768px) {
	.clearfix-box-sm-right:before {
	    content: '';
	    float: right;
	    display: block;
	    width: 250px;
	    margin: 0 0 15px 15px;
	}

	.clearfix-box-sm-left:before {
	    content: '';
	    float: left;
	    display: block;
	    width: 250px;
	    margin: 0 15px 15px 0;
	}

	.clearfix-box-sm-right .box.box-sm.float-right {
	    position: absolute;
	    top: 0;
	    right: 0;
	    width: 250px;
	}

	.clearfix-box-sm-left .box.box-sm.float-left {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 250px;
	}
}



@media (max-width: 767px) {
	#breadcrumbs {
		padding: 0;
	}
	
	#title {
		margin: 0;
		text-align: center;
	}

	#title h1 {
		border-bottom: 1px solid #003865;
		font-size: 15px;
		font-weight: 500;
		line-height: 29.25px;
		padding-right: 20px;
		text-transform: uppercase;
	}

	#title.content-small h1
	, #title.content-small .h1 {
		font-size: 10.5px;
		font-weight: 500;
		line-height: 14px;
		padding-top: 10px;
		padding-bottom: 5px;
		/* line-height: 29.25px; */
	}

	/*.sub-head {
		line-height: 21px;
	}*/


	/*
	* === CUSTOM CLASSES ===
	*/

	/*
	* — Responsive Table Styling —
	*/

	.data-row-header {
		display: none;
	}

	.data-row {
		border: 1px solid #D3CFCD;
        border-top: 2px solid #D3CFCD;
        border-bottom: 2px solid #D3CFCD;
        margin:20px 0;
		text-align: center;
	}

	.data-row div[class^="col"] {
		padding: 10px 20px;
		border-bottom: 1px solid #D3CFCD;
	}

	.data-row div[class^="col"]:last-child {
		padding: 10px 20px;
		border-bottom: none;
	}

	.data-row div[class^="col"]:before { /* prints the value of data-label attribute before the column data */
        content:attr(data-label);
        display: block;
        font-size: 13px;
        font-weight: 500;
    }

    /*
	* — Athletics Event Icons —
	*/
	.content .event-icon {
		font-size: 20px;
		padding: 15px;
	}
}