@import url(ldsp-core-responsive.css);

.is-tablet #column-1, .is-smallscreen #column-1, .is-tablet #column-2, .is-smallscreen #column-2, .is-tablet .column-1, .is-smallscreen .column-1, .is-tablet .column-2, .is-smallscreen .column-2 { float:left!important; }

.greybox { background:#efefef; padding:20px; }

ul.projects { margin:0!important; padding:0!important; list-style:none!important; }
ul.projects li { border-bottom: 2px solid #f4f4f4; padding:10px 0!important; }
ul.projects li em { display:block; font-size:16px; }
ul.projects li span.meta { display:block; font-size:14px; color:#4E5860; }


ul.people {
	margin:0!important;
	padding:0!important;
	list-style:none!important;
}

ul.people li {margin:0 0 30px 0!important; padding:0!important; }
ul.people li div.image { float:left; margin:5px 0 0 0; width:160px; height:160px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; }
ul.people li div.image img { width:100%; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; }
ul.people li div.details { padding: 0 0 0 180px; margin: 0; }
#content-wrapper ul.people li div.details h3 { font-size:22px!important; font-weight:700!important; margin-bottom: 0!important; }
ul.people li div.details h3 a { text-decoration:none!important; }
#content-wrapper ul.people li div.details h4 { margin-top:0!important; margin-bottom: 10px!important; font-weight:400!important; }
#content-wrapper ul.people li div.details h5 { margin-bottom: 0!important; }

ul.events {
	margin:0!important;
	padding:0!important;
	list-style:none!important;
}

ul.events li { margin:0!important; padding:0!important; }
ul.events li:last-child { border-bottom:none; }
ul.events li:last-child a { padding: 15px 0 0 0!important; }

ul.events li a { display:block; text-decoration:none!important; padding: 15px 0!important; border-top:3px solid #dedede; }
ul.events li a span.title { display:block; font-size:21px; margin: 0 0 8px 0; font-weight:400; line-height:1.3em; }
ul.events li a span.meta { display:block; font-size:15px; }
ul.events li a span.summary { display:block; font-size:15px!important; color:#4E5860!important; }
#content-wrapper ul.events li a span.summary p { margin:0!important; padding:0!important; }

ul.events li a:hover { border-top-color:#3588BC; }
ul.events#past { margin: 0 0 20px 0!important; }
ul.events#past li a { border-top:1px solid #dedede; }
ul.events#past li:last-child a { border-bottom:1px solid #dedede; }

ul.events#past li a { padding: 10px 0!important; line-height:1.4em!important; }
ul.events#past li a span.title { display:inline; font-size:17px!important; margin: 0 4px 0 0; }
ul.events#past li a span.meta { display:inline; font-size:17px!important; color:#4E5860!important; }

a.view-calendar {
	display: block;
	padding: 30px 15px;
	background-image: url(/fac/cross_fac/bridges/calendar-icon.png);
	background-repeat: no-repeat;
	background-position: -10px 17px;
	background-size: 90px;
	background-color: #01B8E4;
	color: #FFF!important;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3em;
	text-decoration:none!important;
}

a.view-calendar:hover { background-color:#0fafd5; }


/* BORDER-BOX SIZING (IMPORTANT)*/
#content-wrapper *, .mceContentBody * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#content-wrapper input {
	-webkit-box-sizing: content-box!important;
	-moz-box-sizing: content-box!important;
	box-sizing: content-box!important;
}

/* body { background:#8c8c8c!important; } */

#container {
	-moz-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.4);
}

#content-wrapper {
	font-family:'Lato', sans-serif;
	font-size:15px;
	padding:10px;
	margin:0;
}


#header.header-medium #site-header-container { width:auto!important; }
.header-medium #site-header-container h1#site-header { font-size:36px!important; }
#header h1 { font-family:'Lato', sans-serif!important; font-weight: 700!important; }

#page-title h1 {
	font-family:'Lato', sans-serif;
	font-size:26px;
	color: #0091D2!important;
	font-weight: 400;
	padding:20px 10px 10px 10px!important;
}

::selection {
background: rgba(0, 145, 210, 0.7);
color: #FFF;
}

/* GRID SYSTEM */

#main-content .container { border: none!important; display: block; width: auto!important; }

.row { margin-right: -10px; margin-left: -10px; }

.col-1 { width:8.33333333%; }
.col-2 { width:16.66666667%; }
.col-3 { width:25%; }
.col-4 { width:33.33333333%; }
.col-5 { width:41.66666667%; }
.col-6 { width:50%; }
.col-7 { width:58.33333333%; }
.col-8 { width:66.66666667%; }
.col-9 { width:75%; }
.col-10 { width:83.33333333%; }
.col-11 { width:91.66666667%; }
.col-12 { width:100%; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
	float:left;
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}

/* TYPOGRAPHY */

h2#strapline { display:none!important; }

h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-family:'Lato', sans-serif;
	font-weight: 400!important;
	line-height: 1.4em;
	color: #0073B9!important;
	display:block!important;
}

h2, .h2, h3, .h3, h4, .h4 { margin-top: 20px!important; margin-bottom: 10px!important; }
#content-wrapper h2:first-child, #content-wrapper h3:first-child, #content-wrapper h4:first-child { margin-top: 0!important; margin-bottom: 10px!important; }
#content-wrapper .newsListDiv h2 { margin-top: 10px!important; margin-bottom: 10px!important; }
#content-wrapper .newsListDiv > p:first-child { display:none!important; }

h5, .h5, h6, .h6 { margin-top: 10px!important; margin-bottom: 10px!important; }

h2, .h2 { font-size: 30px!important; }
h3, .h3 { font-size: 24px!important; padding:0!important; background:none!important; }
h4, .h4 { font-size: 18px; font-weight:700!important; }
h5, .h5 { font-size: 16px; font-weight:700!important; }
h6, .h6 { font-size: 14px; font-weight:700!important; }

#content-wrapper p { margin:0 0 10px!important; line-height:1.6em!important; font-size:15px; }