/*
Theme Name: Breakthrough Oncology
*/

/*Wordpress editor styles start*/

.entry-content img {
	margin: 0 0 1.5em 0;
	}
.alignleft, img.alignleft {
	margin-right: 1.5em;
	display: inline;
	float: left;
	}
.alignright, img.alignright {
	margin-left: 1.5em;
	display: inline;
	float: right;
	}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
	}
.alignnone, img.alignnone {
	/* not sure about this one */
	}
.wp-caption {
	margin-bottom: 1.5em;
	text-align: center;
	padding-top: 5px;
	}
.wp-caption img {
	border: 0 none;
	padding: 0;
	margin: 0;
	}
.wp-caption p.wp-caption-text {
	line-height: 1.5;
	font-size: 10px;
	margin: 0;
	}
.wp-smiley {
	margin: 0 !important;
	max-height: 1em;
	}
blockquote.left {
	margin-right: 20px;
	text-align: right;
	margin-left: 0;
	width: 33%;
	float: left;
	}
blockquote.right {
	margin-left: 20px;
	text-align: left;
	margin-right: 0;
	width: 33%;
	float: right;
	}

/*Wordpress editor styles end*/

html {background-color: #fff;}
body {
	opacity:0;
	transition: all .2s;
	padding-right:0 !important;
	font-family: capitolium-2, serif;
}

a {
	outline:0 !important;
}
a:hover,
a:focus {
	text-decoration:none;
}
.ver-div {
    position: absolute;
    top: 50% !important;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    height: auto;
    width: 100%;
}
.flex {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.btn {
	font-size:16px;
	font-weight:700;
	text-transform:uppercase;
	border-radius:0;
	padding:12px 25px;
	font-family: "proxima-nova",sans-serif;
	letter-spacing: 1px;
}
.btn-blue {
	color:#1a1e69;
	border:1px solid #1a1e69;
}
.btn-blue:hover,
.btn-blue:focus {
	color:#5167c3;
	border:1px solid #5167c3;
}
.btn-white {
	color:#fff;
	border:1px solid #fff;
}
.btn-white:hover,
.btn-white:focus {
	color:#e82e70;
	border:1px solid #e82e70;
}
hr {
    border-top: 1px solid #000;
}
hr.yellow {
	width:50px;
	height:4px;
	background-color:#ffcf00;
	margin-top:0;
	margin-bottom:30px;
	border:none;
	margin-left:0;
}
.bg-black {
	background-color: #000;
}
.bg-black * {
	color:#fff;
}
.bg-yellow {
	background-color:#ffcf00;
}
.bg-gray {
	background-color:#f2f2f2;
}
.content p{
	font-size:18px;
	font-family: Arial,Helvetica Neue,Helvetica,sans-serif; 
	line-height: 1.5;
	margin-bottom: 30px;
}

.content li {
	font-size:18px;
	font-family: Arial,Helvetica Neue,Helvetica,sans-serif; 
	line-height: 1.5;
	margin-bottom: 20px;
}
.content ul,
.content ol {
	padding-left: 15px;
	padding-top:10px;
}
.content h1 {
	margin-bottom:35px;
	font-size:60px;
}
.content h2 {
	font-size:36px;
	line-height: 1.4;
}
.content h3 {
	line-height: 1.4;
}
.content h5 {
	font-size:18px;
	font-family: Arial,Helvetica Neue,Helvetica,sans-serif; 
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:5px;
	margin-bottom: 30px;
}

/* NAV */

.navbar {
	height:100px;
	border:none;
	margin-bottom:0;
	border-radius:0;
	height: auto;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
	background-color: #fff;
}
@media (min-width:992px) {
	.navbar-header {
		display: flex;
		align-items: center;
	}
}
.navbar-tagline {
	border-left:1px solid #eaeaea;
	margin-left:30px;
}
.navbar-tagline h6 {
	font-size:10px;
	margin:0;
	padding:17px 0 17px 12px;
	font-weight:400;
}
.navbar-brand {
	height:auto;
	padding-top: 27px;
	padding-bottom: 28px;
}
.navbar-brand img {
	height:45px;
}
.navbar-nav {
	padding-top:36px;
}
.navbar-nav > li > a {
	font-size:15px;
	color:#000000;
	padding-top:0;
}
.navbar-nav > li > a .fa-angle-up {
	display:none;
}
.navbar-nav > li.open > a .fa-angle-down {
	display:none;
}
.navbar-nav > li.open > a .fa-angle-up {
	display:inline;
}

.navbar-nav > li > a > span {
	padding-top:4px;
	display:block;
	border-top:1px solid transparent;
}
.nav > li > a:focus, 
.nav > li > a:hover,
.nav > li.current_page_item > a,
.nav > li.current_page_ancestor > a
 {
    background-color: transparent;
}
.nav > li > a:focus > span, 
.nav > li > a:hover > span,
.nav > li.current_page_item > a > span,
.nav > li.current_page_ancestor > a > span
 {
	border-top:1px solid #000;
}
.nav .open > a, 
.nav .open > a:focus, 
.nav .open > a:hover {
    background-color: inherit;
}
.dropdown-menu {
    margin-top: 0;
    -webkit-background-clip: none;
    background-clip: none;
    border: none;;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
	padding:0;
	float: none;
	width:100%;
	text-align:center;
	background-color:#f6f7fa;
	height:65px;
	padding-top:22px;

}
.dropdown-menu ul {
	margin:0;
	padding:0;
	display:inline-block;
	list-style-type:none;
}
.dropdown-menu li {
	float:left;
}
.dropdown-menu  li > a {
    color:#5167c3;
	font-weight:400;
	font-size:14px;
	padding-left:14px;
	padding-right:14px;
}
.dropdown-menu li.current_page_item > a,
.dropdown-menu  li > a:hover,
.dropdown-menu  li > a:focus {
    background-color:transparent;
	color:#1a1e69;
}

.ul-social {
	float:right;
	padding-left: 15px;
	padding-top: 40px;
}
.ul-social li {
	list-style-type:none;
	display:inline-block;
}
.ul-social li a {
	color:#5167c3;
	font-size:14px;
	padding-left:15px;
	padding-right:15px;
}

.ul-social li a:focus, 
.ul-social li a:hover{
	color: #1a1e69;
 }

.nav > li,
.navbar .col-md-12 {
    position: static;
}
@media (min-width:992px) {
	.navbar-nav > li:hover .dropdown-menu, 
	.navbar-nav > li.open .dropdown-menu {
		display: block;
	}
}

/* MOBILE NAV */

.navbar-toggle .icon-bar {
	background-color:#15181d;
}
.navbar-toggle {
    margin-top: 18px;
	margin-right:0;
	padding-right:0;
}

/* HOMEPAGE */

#home .banner {
	
}
#home .banner h1,
.sub-banner h1 {
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:7px;
	text-align:center;
}
#home .section {
	padding-top:100px;
	padding-bottom:120px;
}
.cta-container-footer .footer-link > a {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	text-align: center;
	align-items: center;
	width:100%;
	justify-content: center;
	transition:all .2s;
	padding-top:10vw;
	padding-bottom:10vw;
}
.cta-container-footer .footer-link > a h4 {
	font-size:22px;
	color:#fff;
}
.cta-container-footer .items {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	overflow: hidden;
}
.cta-container-footer .items .fl-wrapper {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-grow: 1;
	flex-basis: 0;
	overflow: hidden;
	position:relative;
}
.cta-container-footer .items .footer-link {
	background-size:cover;
	transition:all .3s;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-grow: 1;
	flex-basis: 0;
	z-index: 1;
}
.cta-container-footer .items .fl-wrapper:hover .background,
.cta-container-footer .items .fl-wrapper:focus .background {
	transform:scale(1.04);
}
.background {
	position: absolute;
  left: 0;
  top: 0;
  background-size:cover;
  height: 100%;
  width: 100%;
  
  transition: all 300ms ease-in-out;
}



/* PAGES */

.page-content {
	margin-top:100px;
}
.banner {
	background-color:#000;
	background-size:cover;
	background-repeat:no-repeat;
	position:relative;
	background-position: center center;
}
.interior .banner:not(.sub-banner) {
	height:450px;
	display: flex;
	align-items: center;
}
.banner * {
	color:#fff;
}
.banner h1 {
	margin-top:0;
}
.banner-sizer {
	visibility:hidden;
}
.interior .section {
	padding-top:75px;
	padding-bottom:100px;
}
.interior .cta h4 {
	color:#fff;
	display:block;
	background-color:#000;
	font-size:16px;
	height:30px;
	width:30px;
	border-radius:15px;
	text-align:center;
	padding-top: 4px;
}
.interior .cta h1 {
	font-size:90px;
}
.section .content h2 {
	margin-bottom:30px;
}
.interior .section .content img {
	max-width:100%;
	height:auto;
	margin-top:50px;
	margin-bottom:50px;
}

.page-template-page-science-medicine #section-4 {
	background-size:cover;
}

/* FOOTER */

footer {
	padding-top:22px;
	padding-bottom:22px;
	background-color:#000;
}
footer .footer-logo {
	margin-right:10px;
	height:16px;
}
footer p {
	color:rgba(255,255,255,.2);
	margin-bottom:0;
	font-family: Arial,Helvetica Neue,Helvetica,sans-serif; 
	font-size:10px;
	line-height:16px;
}

footer .btn {
	color:rgba(255,255,255,.2);
	padding:0;
	font-size:10px;
	background-color:transparent;
	text-transform:capitalize;
	float:right;
}
footer .btn:hover,
footer .btn:focus {
	background-color:transparent;
	color:#fff;
}


@media (max-width:1199px) {
	
	
	.resource > div {
   	 margin-bottom: 20px;
	}
	#pipeline-table .pt-pc .c1 {
    	line-height: 1;
	}
}

@media (max-width:991px) {
	.navbar-brand {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.navbar {
    	height: auto;
	}
	.collapse, .navbar-collapse.collapse {
        display:none !important;
    }
    .navbar-toggle {
        display:inline-block;
    }
    .navbar-header {
        float:none;
        width:auto; /*sometimes*/
    }
    .collapse.in{
          display:block !important;
    }
	navbar-toggle {
		float:right;
		margin-right:0;
	}
	.ul-social {
		padding-top: 25px;
		padding-right: 15px;
	}
	nav .navbar-nav {
		padding-top: 0;
		width: 100%;
		float: none !important;
	}
	.navbar-collapse {
    	padding:0;
	}
	nav .navbar-nav > li {
		float: none;
		border-top: 1px solid #eaeaea;
	}
	nav .navbar-nav > li > a {
		text-align: left;
		font-size: 20px;
		font-weight: 400;
		padding: 20px 15px;
		line-height: 1;
	}
	nav .navbar-nav > li > a::after {
		font-family: "Font Awesome 5 Pro"; 
		font-weight: 400; 
		content: "\f054";
		position: absolute;
		right: 15px;
		top: 20px;
	}
	.navbar-nav > li > a > span {
		padding-top: 0;
		border-top: none;
	}
	.nav > li > a:focus > span, .nav > li > a:hover > span, .nav > li.current_page_item > a > span, .nav > li.current_page_ancestor > a > span {
		border-top:none;
		color:#888888;
	}
	.page-content {
		margin-top:75px;
	}
	footer .navbar-nav {
		padding-top: 8px;
	}
	.investors-media .main .content-container {
		padding-right:15px;
	}
	.investors-media .main .sidebar-container {
		padding-left:15px;
	}
	.investors-media .news .items {
		display:block;
	}
	.dropdown-menu {
		position: static;
		height:auto;
		background-color: #fff;
		padding-top:0;
		border-top: 2px solid #f7f7f7;
		border-bottom: 2px solid #f7f7f7;
	}
	.dropdown-menu ul {
		display:block;
	}
	.dropdown-menu li {
		display:block;
		float:none;
	}
	.dropdown-menu li > a {
		display: block;
		padding: 12px 0;
		font-size: 13px;
	}
	#home .cta-container-home .items {
		display: block;
	}
	#home .cta-container-home .items .cta {
		display: block;
		margin-bottom: 0;
	}
	#home .cta-container-home .cta > a h6 {
    	opacity: 1;
	}
	#home .cta-container-home .cta > a:hover > div, #home .cta-container-home .cta > a:focus > div {
    	margin-top: 0;
	}
	#home .cta-container-home .cta > a:hover h6, #home .cta-container-home .cta > a:focus h6 {
		margin-bottom: 10px;
	}
	#home .cta-container-home .cta > a:hover h5, #home .cta-container-home .cta > a:focus h5 {
		margin-bottom: 0;
	}
	#home .section {
		padding-top: 40px;
		padding-bottom: 60px;
	}
	#home .news .items,
	#home .news .items .news-item,
	#home .news .news-item > a {
    	display: block;
	}
	#home .news .news-item > a .view {
    	opacity: 1;
	}
	#home .news .news-item > a:hover h5, #home .news .news-item > a:focus h5 {

		margin-bottom: 10px;
	}
	#home .news .news-item > a:hover > div, #home .news .news-item > a:focus > div {
		margin-top: 0;
	}
	#pipeline-list .pc {
		border-bottom: 2px solid #f7f7f7;
		margin-bottom:20px;
		padding-bottom:20px;
	}
	#pipeline-list .pc h5 {
		margin-bottom: 0;
		font-style: italic;
	}
	#pipeline-list .pc h4 {
		margin-bottom: 10px;
		line-height: 1;
		margin-top: 0;
	}
	.img-column {

    padding-top: 0;

}
	#page-manufacturing #section-2 .quote-wrapper {
		background-size:auto 100%;
		background-position: top left;
		padding-top: 30px;
		padding-bottom: 30px;

	}
	.video-modal iframe {
		height: 338px;
	}
	#home .banner h1{
		max-width: 200px;
		line-height: 2.4;
		margin: 0 auto;
	}
	
	.navbar-tagline {
		display: inline-block;
		margin-top: 9px;
	}
}
@media (max-width:767px) {
	.navbar-right {
		margin-right: 0;
		margin-left:0;
	}
	.navbar-brand {
		padding-left: 0;
	}
	.navbar-collapse {
		margin-left: -15px;
		margin-right: -15px;
	}
	.navbar-nav {
		margin:0;
	}
	.ver-div {
		position: inherit;
		top: inherit;
		transform: none;
		-webkit-transform: none;
		height: auto;
		width: inherit;
	}
	.banner-sizer {
		display:none;
	}
	.banner {
   		padding: 50px 0;
	}
	.interior .sub-banner {
		padding: 80px 0;
	}
	footer .logo {
		max-width: 200px;
		margin-left: auto;
		margin-right: auto;
	}
	footer .copyright,
	footer .legal {
    	text-align: center;
	}
	footer .ul-social {
		float:none;
		text-align: center;
	}
	.investors-media .main .sidebar-container {
		background-color: #f6f7fa;
		padding-top: 15px;
		padding-bottom: 0;
	}
	.im-sidenav {
		margin-bottom:30px;
	}
	.investors-media .news .news-item > a {
		max-width: 290px;
		margin-left: auto;
		margin-right: auto;
	}
	.investors-media .main > .container > .row {
    	display: block;
	}
	.investors-media .main {
		background: #fff;
	}
	.navbar-nav .open .dropdown-menu {
		border-top: 2px solid #f7f7f7;
		border-bottom: 2px solid #f7f7f7;
	}
	#home .banner {
		padding: 60px 0;
	}
	#home .section {
		padding-top: 15px;
		padding-bottom: 30px;
	}
	.content .team-subnav li {
		float: none;
		width: auto;
		display: block;
		margin-bottom: 20px;
	}
	.page-template-page-leadership #section-1 {
		padding-bottom:0;
	}
	.bio-modal .close-modal {
		top: 0px;
		right: 10px;

	}
	.bio-modal .modal-dialog {

		margin-top: 10px;

	}
	.img-cap img {
		margin-left:auto;
		margin-right:auto;
	}
	#page-manufacturing #section-2 .quote-wrapper p,
	#page-manufacturing #section-2 .quote-wrapper p span{
		font-size:14px !important;
	}
	#page-manufacturing #section-1 .img-right {
		margin-bottom: 30px;
	}
	.interior .banner:not(.sub-banner) {
    	height: auto;
	}
	.content h2 {
		font-size: 26px;
	}
	.content h3 {
		font-size: 18px;
	}
	.content p {
		font-size: 16px;
	}
	.interior .section {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.section .cta {
		margin-bottom: 20px;
	}
	.interior .cta h1 {
		font-size:70px;
	}
	.navbar-tagline {
		margin-left:0;
	}
	.navbar-tagline h6 {
		padding: 12px 0 12px 12px;
		width: 120px;
	}
	.cta-container-footer .footer-link > a h4 {
    	font-size: 17px;
	}
	
	.interior .cta h3 {
		margin-top:0;
		margin-bottom:50px;
	}
	.page-template-page-science-medicine #section-4 {
		padding:0;
	}
	footer .btn {
		float:none;
		display: block;
		text-align:left;
	}
}
@media (min-width:501px) and (max-width:767px) {
	.col-xxs-6 {
		width:50%;
		float:left;
	}
	.col-xxs-4 {
		width:33.3%;
		float:left;
	}
}
@media (max-width:500px) {
	
	.ul-social {
		padding-top: 20px;
		padding-left: 8px;
		padding-right: 0;
	}
	.ul-social li a {
		padding-left: 8px;
		padding-right: 8px;
	}
	.banner h1 {
		font-size: 24px;
	}
	.sub-banner h1 {
		font-size:12px;
		margin-bottom:0;
	}
	.interior .bsub-anner h1 {
		font-size: 12px;
	}
	.section {
		padding-top: 15px;
		padding-bottom: 30px;
	}
	.page-template-page-therapeutic-areas .img-nav a {
		max-width:300px;
		margin-left:auto;
		margin-right:auto;
		display:block;
		margin-bottom:10px;
	}
	.ct-title {
    	padding: 30px 15px;
	}
	
	.ct-info {
    	padding: 15px 15px 15px 15px;
	}
}