/* GENERAL -------------------------------------- */

form.form-search {
	padding: 1.2em 0 0 0;
	text-align: right;
}

a.logo {
	display: inline-block;
	margin: 1em 0 1.2em 0;
}

.clear-both {
    clear: both !important;
    margin: 0 !important;
    padding: 0 !important;
}

body {
	background: linear-gradient(#eef3f5 0%, white 19.44444em);
}

.hidden-phone { margin-bottom:60px; }




/* MODULAR CLASSES ------------------*/

.block-text {
	color:#21aae2;
	font-family: "Tungsten Narrow A", "Tungsten Narrow B", sans-serif;
	font-size: 1.7em;
	line-height: 1.5em;
	letter-spacing:1px;
	text-align:center;
	margin:60px auto;
	position:relative;
	white-space:normal;
	z-index:1;
}

#outer-container .block-text > * {
	max-width:1080px;
	margin-left:auto;
	margin-right:auto;
	padding:0 30px;
}

.block-text:after,
.block-text:before {
	content:'';
	position:absolute;
	width: 100%;
	height:6px;
	background-color:#e2ebee;
	left:0;
}

.block-text:after { top:-33px; }
.block-text:before { bottom:-33px; }

.img-center,
.img-center img {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.img-right,
.img-right img {
	display:block;
	margin-left:auto;
}
.img-left,
.img-left img {
	display:block;
	margin-right:auto;
}

.sm-icon { padding:0 10px; }

#outer-container .text-sentence-case,
#outer-container .text-sentence-case * { text-transform: none; }

/* Layouts */
[class^="max-width"] {
	margin-left:auto;
	margin-right:auto;
}
.max-width-sm { max-width:840px; }
/*.max-width-lg { max-width:1280px; }*/

.layout-row-spacing .ccm-layout-row {
	margin-bottom:90px;
}

/* Conten Table Design */
.content-table .ccm-layout-row:first-of-type {
	/*border-top:3px solid #fff;*/
	margin-top:30px;
}
.content-table .ccm-layout-row:last-of-type {
	/*border-bottom:3px solid #fff;*/
	margin-bottom:30px;
}
.content-table .ccm-layout-row:nth-of-type(even) { background-color: #E1ECEF; }
.content-table .ccm-layout-col {
	padding:0 15px;
	box-sizing:border-box;
}

/* Typography */
#outer-container .title-lg h1 {
	font-size: 9em;
	letter-spacing: 0.15em;
}

/* List Images Section */
#full-width-section .row-fluid-inner { text-align:center; }
.list-images {
	display:inline-block;
	width:100%;
	white-space:nowrap;
	overflow-x:scroll;
	-webkit-overflow-scrolling: touch;
}
.list-images img { width:200px; }

/* Max width for sections in 'Full Width Section' */
#outer-container .max-width-on-content {
	max-width:1080px;
	padding:0 30px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}


/* NAV ---------------------------*/

#header {
	width:100%;
	max-width:100%;
	background-color:#fff;
	z-index:5;
}

#header .nav {
	font-family: "Tungsten Narrow A", "Tungsten Narrow B", sans-serif;
	font-size: 1.3em;
	letter-spacing:1px;
	text-transform:uppercase;
	float:right;
	margin-top:5px;
}

#header-utilities ul { margin: 0 0 10px 25px; }

#header .navbar {
	margin-bottom:0;
	margin-top:13px;
}

#header .dropdown-menu {
	border:0;
	box-shadow:none;
	background:rgba(255,255,255,0.9);
}

#header .navbar a {
	color:#155789;
	padding:4px 0;
	margin:0 9px;
	transition:all 0.3s;
}

#header .navbar a:hover,
#header .navbar a:focus,
#header .navbar a.nav-path-selected {
	color:#00adf3;
	background:transparent;
}

#header .dropdown-menu {
	padding:0;
	margin:0 0;
}
#header .dropdown-menu li:first-of-type a { padding-top:8px; }
#header .dropdown-menu li:last-of-type a { padding-bottom:8px; }

#header .navbar a.nav-path-selected {
	background-color:transparent;
	background:none;
}

#header .nav > li > .nav-path-selected {
	border-bottom:1px solid #21aae2;
}

/* Submenus */
#header .dropdown-menu .dropdown-menu {
  left:100%;
  top:0;
}

/* Social Media Icons */
#header a.twitter,
#header a.linkedin,
#header a.facebook {
	width:17px;
	height:17px;
}

#header a.twitter,
#header a.twitter:hover,
#header a.twitter:focus {
	background: url(http://www.epicsciences.com/themes/epic_sciences_2015/images/icon-twitter.png) 50% 50% no-repeat;
	margin-right:0;
}
#header a.linkedin,
#header a.linkedin:hover,
#header a.linkedin:focus { background: url(http://www.epicsciences.com/themes/epic_sciences_2015/images/icon-linkedin.png) 50% 50% no-repeat; }
#header a.facebook,
#header a.facebook:hover,
#header a.facebook:focus {
	background: url(http://www.epicsciences.com/themes/epic_sciences_2015/images/icon-facebook.png) 50% 50% no-repeat;
	margin-left:0;
}


/* BLOCKS ---------------------------------*/


/* Carousel -- Icon Carousel */

/* Containers */
.carousel {
	overflow:hidden;
	padding-bottom:90px;
	height:557px;
}

.carousel:after {
	content:'';
	background:linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
	position:absolute;
	top:0;
	right:-1px;
	bottom:0;
	width:20%;
}

.carousel .carousel-content h1 { display:none; }

/* Indicators */
.carousel-indicators { display:none; }

/* Item Placement & Transition */
.carousel-inner .item {
	left:100%;
	top:0;
	opacity:0;
	display:block;
	width:45%;
	transition:left 0.4s;
}

.carousel-inner .active.right:first-of-type,
.carousel-inner .active.right + .item,
.carousel-inner .right + .right + .item { left:100%; }

.carousel .carousel-inner .right,
.carousel-inner .active + .item,
.carousel-inner .next + .item {
	position:absolute;
	left: 75%;
	opacity:1;
}

.carousel .carousel-inner .item.next,
.carousel .carousel-inner .item.prev,
.carousel-inner .active {
	position:absolute;
	left:0;
	opacity:1;
}


/* Controls */
.carousel-control-container {
	position:absolute;
	top:50%;
	left:49%;
	width:175px;
	margin-top:-40px;
}

.carousel-control {
	background:transparent;
	opacity:1;
	width:75px;
	height:75px;
	border-radius:50%;
	border-color: #13AFF0;
	transition:all 0.2s;
}

.carousel-control:before,
.carousel-control:after {
	content:'';
	position:absolute;
	background-color:#13AFF0;
	top:50%;
	left:50%;
	width:30px;
	height:3px;
	margin-top:-2px;
	transition:all 0.3s;
	-webkit-backface-visibility: hidden;
}

.carousel-control.left { left:0; }
.carousel-control.left:before,
.carousel-control.left:after { margin-left:-18px; }
.carousel-control.left:before {
	-webkit-transform: rotate(-45deg) translate(7px, -7px);
	transform: rotate(-45deg) translate(7px, -7px);
}
.carousel-control.left:after {
	-webkit-transform: rotate(45deg) translate(7px, 7px);
	transform: rotate(45deg) translate(7px, 7px);
}

.carousel-control.right { right:0; }
.carousel-control.right:before,
.carousel-control.right:after { margin-left:-13px; }
.carousel-control.right:before {
	-webkit-transform: rotate(45deg) translate(-7px, -7px);
	transform: rotate(45deg) translate(-7px, -7px);
}
.carousel-control.right:after {
	-webkit-transform: rotate(-45deg) translate(-7px, 7px);
	transform: rotate(-45deg) translate(-7px, 7px);
}

.carousel-control:hover { border-color:#53c3ef; }
.carousel-control:hover:after,
.carousel-control:hover:before { background-color:#53c3ef; }

/* Carousel Content */
.carousel-inner a {
	color:#333;
	text-decoration:none;
	font-size:1.2em;
}

/* Short Carousel Template */
.short-carousel { height:200px; }
.short-carousel:after { display:none; }

.short-carousel .item { width:100%; }
.short-carousel .carousel-inner .item img {
	display:inline-block;
	max-width:22%;
	max-height:100px;
	padding-right:20px;
}

.short-carousel .carousel-content {
	display:inline-block;
	vertical-align:middle;
	width:75%;
}

.short-carousel .carousel-inner .right,
.short-carousel .active + .item,
.short-carousel .next + .item { left: 100%; }

.short-carousel .active,
.short-carousel .item.prev.right { position:relative; }
.short-carousel .item:not(.active) { position:absolute; }

.short-carousel .carousel-control-container {
	left: 50%;
	margin-left:-75px;
	bottom: 0;
	top:auto;
	width: 150px;
	height:90px;
	z-index:1;
}

.short-carousel .carousel-control {
	width:55px;
	height:55px;
}

.short-carousel .carousel-control:before,
.short-carousel .carousel-control:after { width:20px; }
.short-carousel .carousel-control.left:before {
	-webkit-transform: rotate(-45deg) translate(8px, -1px);
	transform: rotate(-45deg) translate(8px, -1px);
}
.short-carousel .carousel-control.left:after {
	-webkit-transform: rotate(45deg) translate(8px, 1px);
	transform: rotate(45deg) translate(8px, 1px);
}
.short-carousel .carousel-control.right:before {
	-webkit-transform: rotate(45deg) translate(-2px, -7px);
	transform: rotate(45deg) translate(-2px, -7px);
}
.short-carousel .carousel-control.right:after {
	-webkit-transform: rotate(-45deg) translate(-2px, 7px);
	transform: rotate(-45deg) translate(-2px, 7px);
}

/* Short Carousel in block text */
#outer-container .block-text .short-carousel {
	height:220px;
	max-width:1080px;
	padding:0;
}

#outer-container .block-text .short-carousel p {
	font-family: "Gotham XNarrow SSm a", "Gotham XNarrow SSm b", sans-serif;
	font-size:0.5em;
	letter-spacing:0.5px;
	text-align:left;
}

#outer-container .block-text .short-carousel .carousel-control-container { height:70px; }


/* PRESS RELEASES */
.ccm-page-list {
	position:relative;
	margin-bottom:20px;
}

.ccm-page-list-container {
	position:relative;
	padding:20px 0;
}

.ccm-page-list-container-inner { padding-left:15px; }

.ccm-page-list-title { margin-top:0; }
.ccm-page-list-title a,
.ccm-page-list-title a:hover {
	text-decoration:none;
	color:#222222;
}

.ccm-page-list-description { margin-bottom:0; }

.ccm-page-list:after,
.ccm-page-list-container:before,
.ccm-page-list-container:after {
	content:'';
	background-color:transparent;
	position:absolute;
	top:0;
	right:-1860px;
	width:5000px;
}

.ccm-page-list:after {
	bottom:0;
	top:auto;
}

.ccm-page-list:after,
.ccm-page-list-container:before {
	background-color:#eef3f5;
	height:3px;
}

.ccm-page-list-container:after {
	bottom:0;
	transition:all 0.2s;
	z-index:-1;
}
.ccm-page-list-container:hover:after { background-color:#eef3f5; }

.ccm-page-list-date,
.ccm-page-list-container-inner {
	vertical-align:top;
	display:inline-block;
}

/* Press Release Items */
.pr-headline,
.event-headline,
.news-headline,
.community-headline,
.pr-date,
.event-date,
.news-date,
.community-date { text-align:center; }


/* FOOTER ---------------------------------*/

#footer {
	font-family: "Tungsten Narrow A", "Tungsten Narrow B", sans-serif;
	font-size:1.5em;
	background-color: #e1ecef;
	width:100%;
	max-width:none;
	padding:30px;
	margin-top:20px;
}

#footer .row-fluid-inner {
	max-width:1080px;
	box-sizing:border-box;
	padding-left:30px;
	padding-right:30px;
	margin:0 auto;
}

#footer .span12 {
	min-height:0;
}

#footer-inner [class^="footer-item"] {
	font-size:0.8em;
	line-height:1.2em;
	text-align:center;
	display:inline-block;
	width:16%;
}

#footer-inner p { margin:0; }

.footer-sign-in .sign-in {
	margin-top:20px;
	margin-left:30px;
}