@charset "utf-8";
/* Theme Name: Stryker - Shoulder BluePrint 
Version: 1.0 */

/* Imports
-------------------------------------------------*/
@import "css/bootstrap.css";
@import "fonts/css/all.css";


/* Body Basics
-------------------------------------------------*/
body {
	background: #FFF;
	color: #222;
	font-family: "Humanist Slabserif 712";
	font-weight: 200;
	font-size: 18px;
}

.nopadding {padding: 0; margin: 0;}
.nopadding-left {padding-left: 0;}
.nopadding-right {padding-right: 0}
.bodymargin {margin: 15px auto!important;}
.top-pad {padding-top: 10px;}
.top-bot-pad {padding-top: 10px; padding-bottom: 10px;}
footer {margin-top: 25px;}

.container-maxwidth {width: 100%; max-width: 950px; margin: 0 auto; padding: 0px 0;}
.content-minimum {width: 100%; max-width: 750px; margin: 0 auto; padding: 0px 0;}

.spacer-1x, .spacing-1x {height: 10px;}
.spacer-2x, .spacing-2x {height: 20px;}
.spacer-3x, .spacing-3x {height: 30px;}
.spacer-4x, .spacing-4x {height: 40px;}

/* Headings, Colors and Adjustments
-------------------------------------------------*/
.columns {margin-bottom: 10px; margin-top: 20px; }
.columns img {margin-bottom: 3px;}
.columns .fa, .red {color: #00548a!important;}
.intro {font-size: 20px; font-weight: 300; padding: 0 10px 0 40px; line-height: 150%;}
.copyright {background: #404041; color: #FFF; font-size: 12px; line-height: 150%; padding:  15px 15px 0 15px; margin: 3px 0 0 0;}
.copyright a {color: #FFF!important;}

.main-logo {max-width: 80%;}
h1 {
	color: #00548a;
	font-size: 32px;
	
	margin: 15px auto;
	padding: 0;
	font-weight: 300;
	line-height: 150%;
	font-family: "FuturaLTW01-Bold";
}

h3 {
	color: #000;
	font-size: 24px;
	margin: 0 0 5px 0;
	padding: 0;
	font-family: "FuturaLTW01-Bold";
}

.bookmarks {
	border-bottom: 1px dotted #633;
	font-size: 14px;
	color: #633;
	margin: 5px auto 15px auto;
}

.featured-banner-pages {position: relative;}
.featured-banner-img {float: left;}
.featured-banner-pagetitle {position: absolute; top: 0 ; left: 0; width: 100%; }
.featured-banner-pagetitle h1 {margin: 0; padding: 30px 0 0 0; color: #FFF; font-weight: 300; font-size: 40px;}
.featured-banner-pagetitle sup {font-size: 60%;}

/* Navigation
-------------------------------------------------*/
nav.navbar {font-family: "FuturaLTW01-Bold"; font-size: 16px;}

nav.navbar .nav-item {padding: 0;}
nav.navbar li.nav-item:after {
  content: '|';
  padding: 0 20px;
  color: #ffc124;
}

nav.navbar li.nav-item:last-child:after, nav.navbar li.nav-item-noline:after {content:' '; padding: 0 15px;}

nav.navbar .nav-item a, nav.navbar li.nav-item-noline a {color: #000; font-size: 18px;}

nav.navbar .highlight a {color: #000; background: #ffc124; padding: 10px 15px;}

/* Home
-------------------------------------------------*/
#carouselButtons {
    margin-left: 100px;
    position: absolute;
    bottom: 0px;
}


.video-box {
	width: 100%;
	max-width: 613px;
	margin: 10px auto;
	color: #000;
	font-size: 16px;
}

.video-box h4 {font-size: 18px; color: #000; line-height: 120%; padding: 10px 0;}

.video-dual {
	width: 100%;
	max-width: 75%;
	margin: 10px auto;
}

.whitepapers {
	margin: 30px auto;
}

.the-papers {
	width: 100%;
	max-width: 50%;	
	margin: 10px auto;
	font-weight: 400;
	font-size: 14px;
}

.paper-bg {
	background-image: url('images/background-whitepaper.png');
	background-position: top right;
	background-repeat: no-repeat;
	padding: 30px 20px;
	margin: 0 0 15px 0;
	cursor: pointer;
}

.paper-title {
	text-transform: uppercase;
	color: #00548a;
	font-size: 18px;
	margin: 0;
	font-weight: 400;
}

.paper-info {
	min-height: 120px;
	font-size: 17px;
	line-height: 125%;
}

a.whitepaperlink {text-decoration: none!important;}
a.whitepaperlink .paper-info {color: #222;}

.paper-foot {
	min-height: 50px;
	font-style: italic;
	color: #6d6e71;
	font-family: 'Roboto Condensed', sans-serif;
}

.apivids img {width: 100%; max-width: 350px; margin-bottom: 10px;}

.apivids {width: 100%; max-width: 350px; padding-bottom: 30px; font-size: 16px; line-height: 125%;}

/* Featured Image
-------------------------------------------------*/
.wrap {
	margin:auto;
	position:relative;
}
.wrap img {
	width:100%;
	height:auto;
}
.caption {
	position:absolute;
	top:0px;
	left:0;
	right:0;
	bottom:0px;
	overflow:auto;
}
.caption-inner {
	display:table;
	width:100%;
	height:100%;
}
.caption-content {
	display:table-cell;
	vertical-align:bottom;
}

.caption-content h1 {
	background-image: url("images/banner-titlebar.png");
	padding: 15px;
	font-size: 16px;
	color: #FFF;
	text-transform: uppercase;
	border-top: 1px dotted #FFF;
	margin: 0;
	font-weight: 700;
}


/* Carousel - Home / Fade
-------------------------------------------------*/
.home-slide {
	width: 100%; 
	max-width: 950px; 
	margin: 35px auto;
}

.boxshadow{    box-shadow: 0px 1px 3px #000; max-height:250px; width:auto;}
.carousel-position {
	position: relative; 
	background: #FFF url('images/slider-background.png') top left no-repeat; 
	-webkit-box-shadow: 0px 0px 30px 5px rgba(204,204,204,1); 
	-moz-box-shadow: 0px 0px 30px 5px rgba(204,204,204,1); 
	box-shadow: 0px 0px 30px 5px rgba(204,204,204,1);
}

.btn-carousel {
	background: none;
	border: 0;
	color: #00548a;
	display: inline-block;
}

.carousel-arrows {
	position: absolute; 
	top: 10px; 
	right: 25px; 
	width: 40px;
	z-index: 20000;
}




/* Media Fixes
-------------------------------------------------*/
@media screen and (max-width:991px) {
	.navbar-heightadjust {height: 80px;}
	.navbar-main>li>a {font-size: 12px;}
	.featured-banner-pagetitle h1 {padding: 25px 0 0 0; font-size: 30px;}
	#menu-item-40 {margin-top: 10px !important;}
}

@media screen and (max-width:767px) {
	.nopadding {padding: 0; }
	.nopadding-left {padding-left: 15px;}
	.nopadding-right {padding-right: 15px;}
	.nopadding-adjust {margin: 0 0 0 15px;}
	
	.the-papers {max-width: 100%;}
	
	nav.navbar li.nav-item:after {content: '';}
	nav.navbar li.nav-item, nav.navbar li {border-top: 1px solid #999; padding: 15px;}
	nav.navbar li.nav-item:first-child {border-top: 0px solid #999; padding: 15px;}
	
	nav.navbar li.highlight {display: block; padding: 15px; font-size: 18px; background: #ffc124;}
	nav.navbar li.highlight a {padding: 0; background: none;} 
	
	.navbar-mobile {text-align: left!important; }
	.vert-divide {display: none!important;}
	.navbar-heightadjust {height: 0px;}

	.navbar-topcustom .navbar-mobile {padding: 0; margin: 0;}
	.navbar-topcustom .navbar-mobile li {border-bottom: 1px solid #CCC; padding: 10px 5px; }
	.navbar-mobile>li>a {color: #231f20; background: none; font-weight: 700; text-transform: uppercase; font-size: 14px; padding: 0; margin: 0; border: 0;}
	.navbar-mobile>li {border: 0; padding: 0; margin: 0;}
	.navbar-collapse {padding: 0; margin: 10px auto;}
	.navbar-main>li:last-child>a {padding: 0;}
	.navbar-default .navbar-nav>li>a  {color: #231f20;}
	.navbar-topcustom .navbar-top>li.highlight>a {background: none; color: #00548a;}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {background: #EEE; border: 0;}
	
	h1 {font-size: 30px;}
	h4 {font-size:  14px;}
	.intro {font-size: 20px; padding: 0 15px;}
	.video-dual {max-width: 100%;}
	.navbar-toggle {margin-right: 0;}
	.featured-banner-pagetitle h1 {padding: 8px 0 0 0; font-size: 18px; font-weight: 700;}
	
	img.mobile-logo {width: 100%; max-width: 110px;}

	#menu-item-40 {margin-top: 0px !important;}

}