/*
Theme Name: Mid-Atlantic Permanente Research Institute
Description: Kaiser Permanente 
Author: Kaiser Permanente Northern California Multimedia Communications
Template: Total
Version: 3.6.0
*/

@import url("../Total/style.css");

body {
  font: 400 14px/22px 'Gotham-Book','Verdana','Avenir' !important;}

strong {
  font-family: 'Gotham-Bold','Verdana','Avenir' !important;
  font-weight: normal;} 
a{color: #006ba6;}
h1, h2, h3, h4, h5, h6{font-weight: normal; display: block; line-height: 1.1 !important; color: #000000; }
p{font-weight: normal; display: block; line-height: 1.4 !important; color: #000000; padding: 0 0 20px 0; margin: 0}
h1{font-size: 42px; color: #006ba6; margin: 40px 0 20px 0;}
h2{font-size: 32px; margin: 40px 0 30px 0 !important; text-align: center; } 
h3{font-size: 24px; margin: 40px 0 30px 0 !important; } 
h4{font-size: 20px;} 
.intro {font-size: 18px;}
#site-header-inner {
    height: 100%;
    padding-bottom: 3px!important;
    padding-top: 3px!important;
    position: relative;
}
#top-bar {
    min-height: 50px;
    padding: 5px 0!important;
    position: relative;
}

#content ul li{color:#000000}

.staff-entry-readmore-wrap {
    display: none !important;
}

.page-header {
    background: none repeat scroll 0% 0% #FFFFFF; margin: 0;}

body.has-breadcrumbs .page-header-title {max-width: 100%;}
.page-header-title {text-align: left;font-size: 42px; color: #006ba6; margin: 0 0 10px 0; border-top: #ff9e16 1px solid; padding-top: 20px;} 
.page-header{ border: none !important;}

#sidebar-inner {
  border-left :1px solid #585858 !important;
  padding: 0 10px;
  margin-top: 50px;
  
}

/* ------- Primary Top Navigation ------- */  


/* ------- Mobile Menu ------- */


/* ------- Homepage Buttons ------- */

.home .vc_col-sm-4, .home .vc_col-sm-8{padding: 0;} 
.home .wpb_column {
    margin-bottom: 30px;
}
.home_intro{ padding: 30px 0 0 0;}


/* ------- Layout ------- */
.button_block{ padding: 40px 0;}
.vcex-divider.solid {
    border-top: 1px solid #e6e6e6 !important;
}

/* ------- Buttons ------- */
a.button{color: #fff; text-decoration: none; padding: 15px 20px; font-size: 18px; line-height: 45px;
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: background ease-out 0.3s;
  -moz-transition: background ease-out 0.3s;
  -o-transition: background ease-out 0.3s;
  -ms-transition: background ease-out 0.3s;
  transition: background ease-out 0.3s;}
a:hover.button{color: #fff; text-decoration: none;}
a.button.external{background: url('images/icons/white/external-link.png') no-repeat scroll right 20px center transparent; padding: 15px 40px 15px 20px;}
a.button.green{background-color: #4a7628;}
a:hover.button.green{background-color: #4a7628;}
a.button.blue{background-color: #006ba6;}
a:hover.button.blue{background-color: #006ba6;}
a.button.orange{background-color: #d1480c;}
a:hover.button.orange{background-color: #d1480c;}

.external ul{list-style: none; margin: 0; padding: 0;}
.external ul li a{background: url('images/icons/blue/external-link.png') no-repeat scroll right center transparent; padding: 0 20px 0 0; margin: 0 10px 0 0; }
.external p a{background: url('images/icons/blue/external-link.png') no-repeat scroll right center transparent; padding: 0 20px 0 0; margin: 0 10px 0 0; }



/* ------- Staff ------- */
.wpex-row.vcex-staff-grid h3.staff-entry-title{margin: 0 0 20px 0 !important; font-weight: normal; font-size: 14px !important; text-align: center;}
.page-subheading{text-align: center; font-size: 20px; color: #333; max-width: 540px; margin: 0 auto;}

/* ------- Footer ------- */
html body #footer ul{font-size: 13px !important;}
html body #footer ul li{margin: 0 0 10px 0;}
html body #footer a:hover{text-decoration: underline;}
html body #footer .widget-title{font-family: 'Gotham-Medium','Verdana','Avenir'; font-size: 16px !important; font-weight: normal !important;}
html body #footer span.arrow{
	    float: left;
    width: 10px;
    height: 10px;
background: url('images/icons/white/external-link.png') no-repeat scroll 0% 0% transparent; margin-right: 10px;}
html body  div.left-separator{
    bottom: 0px;
    top: 40px;
    left: 0px;
    width: 1px;
    position: relative;
    background: none repeat scroll 0% 0% #FFFFFF;
}
ul.footer_links { float: left; border-left: solid 1px #fff; padding-left: 10px;}
.footer-widget.widget_rss ul li{font-size: 12px;}

.widget_rss ul li{line-height: 1.3; border-bottom: solid 1px #777 !important; margin: 0 0 10px 0;}
.widget_rss ul li a{display: block; padding: 0 20px 10px 0; background: url('images/icons/white/external-link.png') no-repeat scroll right top transparent;}
.rsswidget img{display: none;}
.menu-helpful-links-container{ border-left: solid 1px #fff; padding-left: 10px; background: url('images/icons/white/external-link.png') no-repeat scroll right top transparent;}
.menu-helpful-links-container ul{font-family: 'Gotham-Medium','Verdana','Avenir';}
.menu-helpful-links-container li{line-height: 1.3;}
#copyright{font-size: 12px; line-height: 1.3;}
a:hover{color: #006ba6;text-decoration: underline;}

/*-----------------------------------------------------------------------------------*/
/* - ie8 fixes
/*-----------------------------------------------------------------------------------*/
@media \0screen{
	strong { font-weight: bold;}
	.sticky-wrapper #site-header, .sticky-wrapper.is-sticky #site-header{
	border-bottom: solid 1px #ccc !important;
}
   
html body .second-block ul li a.blue {
  background-image: url("images/ie/library.png");
}
html body .second-block ul li a.green {
  background-image: url("images/ie/mouse.png");
}
html body .second-block ul li a.orange {
  background-image: url("images/ie/location.png");
}
html body .second-block ul li a.purple {
  background-image: url("images/ie/paper.png");
}

.fa{text-indent: -9999px;}
.fa.fa-search{background: url('images/ie/icon-search.png') no-repeat; height: 15px; width: 15px;}
.fa.fa-times{background: url('images/ie/icon-x.png') no-repeat; height: 18px; width: 18px;}	
.fa.fa-angle-right{background: url('images/ie/breadcrumb-arrow.png') no-repeat 0 3px; width: 5px;
height: 11px; }
.fa.fa-chevron-up{background: url('images/ie/backtotop-arrow.png') no-repeat 0 4px; width: 16px; height: 14px;}
.fa.fa-external-link{background: url('images/ie/external_link.png') no-repeat 0 0; width: 16px; height: 14px;}
#site-scroll-top {background-color: #3b86b0; border-width: 2px;}

.site-footer .wpex-row .span_1_of_3 {
    width: 31.3333% !important;
}
.wpex-row .col {
   display:inline;
	padding: 0px !important;
}
.ourwork ul{margin: 0 0 0 20px !important;}

img.staff-entry-img, .staff-entry-media.clr{width: 100% !important; height: auto !important}
.wpex-row .span_1_of_6 {
    width: 15% !important;display: inline !important;
}
.wpex-row .col {display: inline !important;}
.fa.fa-angle-double-right{display: none;}
}
/*-----------------------------------------------------------------------------------*/
/* - ie9 fixes
/*-----------------------------------------------------------------------------------*/
@media screen and (min-width:0\0){
strong { font-weight: bold;}
	.sticky-wrapper #site-header, .sticky-wrapper.is-sticky #site-header{
	border-bottom: solid 1px #ccc !important;
}
   
html body .second-block ul li a.blue {
  background-image: url("images/ie/library.png");
}
html body .second-block ul li a.green {
  background-image: url("images/ie/mouse.png");
}
html body .second-block ul li a.orange {
  background-image: url("images/ie/location.png");
}
html body .second-block ul li a.purple {
  background-image: url("images/ie/paper.png");
}

.fa{text-indent: -9999px;}
.fa.fa-search{background: url('images/ie/icon-search.png') no-repeat; height: 15px; width: 15px;}
.fa.fa-times{background: url('images/ie/icon-x.png') no-repeat; height: 18px; width: 18px;}	
.fa.fa-angle-right{background: url('images/ie/breadcrumb-arrow.png') no-repeat 0 3px; width: 5px;
height: 11px; }
.fa.fa-chevron-up{background: url('images/ie/backtotop-arrow.png') no-repeat 0 4px; width: 16px; height: 14px;}
.fa.fa-external-link{background: url('images/ie/external_link.png') no-repeat 0 0; width: 16px; height: 14px;}
#site-scroll-top {background-color: #3b86b0; border-width: 2px;}

.site-footer .wpex-row .span_1_of_3 {
    width: 31.3333% !important;
}

.video {margin: 0 auto; width: 640px !important; height: 360px !important; background-color: #ff0000;}
video, .mejs-container.svg.mejs-video, .mejs-mediaelement, .mejs-inner, .mejs-poster.mejs-layer{width: 640px !important; height: 360px !important;}

}

/*--------------------------------------------------------------
- Greater then tablets
--------------------------------------------------------------*/
@media only screen and (min-width: 768px) {
	
}

/*--------------------------------------------------------------
- Tablet & Small Desktop Widths 768px - 1280px
--------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1280px) {

}

/*--------------------------------------------------------------
- All Devices under 960px
--------------------------------------------------------------*/
@media only screen and (max-width: 959px) {

html body .second-block {
  margin: 20px 0 !important;
}
html body .second-block ul li {
    margin: 0;
    width: 100%;
  }
 html body .second-block ul li a {
    display: inline-block !important;
	width: 45% !important;
	color: #fff;
	  font-size: 20px;
  line-height: 70px;
  height: 70px;
  text-align: center;
  }

a.button{display: block; line-height: 18px;}
/*.home p{max-width: 460px;}*/
}

/*--------------------------------------------------------------
- Tablet Portrait
--------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.sticky-wrapper #site-header, .sticky-wrapper.is-sticky #site-header{
	position: static !important;
}
  
  
}

/*--------------------------------------------------------------
- Between Phone and Mobile
--------------------------------------------------------------*/
@media only screen and (max-width: 500px) { 

}

/*--------------------------------------------------------------
- Phone Portrait and Landscape
--------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
	.home .vc_col-sm-4, .home .vc_col-sm-8{padding: 0 15px;} 
	.wpb_column {
    margin-bottom: 20px !important;
}
	h1, h2, h3, h4 {
    font-weight: 400;
    line-height: 1;
}
h1, h1.page-header-title, .home h1{
    font-size: 24px;
}
h2, .home h2 {
    font-size: 24px;	
}
.home p{font-size: 16px;}
.intro p{font-size: 16px;}
.sidebar-box {padding: 0 !important;}
.page-subheading{font-size: 15px;max-width: 100%; line-height: 1.2;}
.vc_col-sm-4.wpb_column p {text-align: center !important;}
.vc_col-sm-4.wpb_column p img{width: 225px; height: auto;}
.footer-box.span_1_of_3.col .col-1, .footer-box.span_1_of_3.col.col-2{display: none;}
}



/*--------------------------------------------------------------
- Phone Landscape
--------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {


}

/*--------------------------------------------------------------
- Michael Rossi - CSS edits/updates
--------------------------------------------------------------*/

.top-bar-left {
	padding-top: 10px;
}

@media only screen and (max-width: 767px) {
	#top-bar-content {
		position: relative !important;
		top: 10px !important;
	}
}

/*--------------------------------------------------------------
- END Michael Rossi - CSS edits/updates
--------------------------------------------------------------*/


/* ------- Fonts ------- */

@font-face {
  font-family: 'Gotham-Book';
  src: url("fonts/Gotham-Book.eot?");
  src: local('☺'), url("fonts/Gotham-Book.eot?#iefix") format('embedded-opentype'), url("fonts/Gotham-Book.woff") format('woff'), url("fonts/Gotham-Book.ttf") format('truetype'), url("fonts/Gotham-Book.svg#TisaSansOT") format('svg');
}
@font-face {
  font-family: 'Gotham-Bold';
  src: url("fonts/Gotham-Bold.eot?");
  src: local('☺'), url("fonts/Gotham-Bold.eot?#iefix") format('embedded-opentype'), url("fonts/Gotham-Bold.woff") format('woff'), url("fonts/Gotham-Bold.ttf") format('truetype'), url("fonts/Gotham-Bold.svg#TisaSansOT") format('svg');
}
@font-face {
  font-family: 'Gotham-Medium';
  src: url("fonts/Gotham-Medium.eot?");
  src: local('☺'), url("fonts/Gotham-Medium.eot?#iefix") format('embedded-opentype'), url("fonts/Gotham-Medium.woff") format('woff'), url("fonts/Gotham-Medium.ttf") format('truetype'), url("fonts/Gotham-Medium.svg#TisaSansOT") format('svg');
}
@font-face {
  font-family: 'Gotham-Light';
  src: url("fonts/Gotham-Light.eot?");
  src: local('☺'), url("fonts/Gotham-Light.eot?#iefix") format('embedded-opentype'), url("fonts/Gotham-Light.woff") format('woff'), url("fonts/Gotham-Light.ttf") format('truetype'), url("fonts/Gotham-Light.svg#TisaSansOT") format('svg');
}

.gotham-book{font-family: 'Gotham-Book';}
.gotham-bold{font-family: 'Gotham-Bold';}
.gotham-medium{font-family: 'Gotham-Medium';}
.gotham-light{font-family: 'Gotham-Light';}