@charset "utf-8";
/*
Theme Name: MathWorks
Theme URI: http://blogs.mathworks.com
Description: MathWorks theme for Blogs Facelift project
Version: 1.0
Author: MathWorks
Author URI: MathWorks
Tags: custom header, fixed width, two columns, widgets
*/

/*-----------------------------------------------------------
    $CONTENTS
-------------------------------------------------------------*/

/*
 *  COLORS ............... header gradient, header, greys,
 *  DEPENDENCIES ......... location of other stylesheets
 *  LAYOUT ............... site structure
 *  GLOBAL ............... font, a, code, titles
 *  TITLES ............... page, post, section titles
 *  HEADER (1) ........... blog_banner, blog_title, blog_roll, bio_dropdown, cta_subscribe
 *  LEFT_PANEL (2) ....... sidebar_list, spotlight
 *  RIGHT_PANEL (3) ...... article_header, article_content, article_footer, comment_form
 *  LANDING_PAGE ......... blogger_quick_profile
 *  FOOTER (4) ........... mw_footer
 *  IE_ADDENDUMS ......... landing_page
 *  BOOTSTRAP_OVERRIDES .. mathworks_blogs_dropdown, pagination, tooltip, comment_number, comment_form, left_panel
 *
 */




/*-----------------------------------------------------------
    $COLORS
-------------------------------------------------------------*/

/*
 *  header gradient:
 *    inner (lighter blue): #1563ab
 *    outer (darker blue):  #38445c
 *  header color (orange): #d77600, rgb(210,120,0)
 *  greys:
 *    light:  #ccc
 *    medium: #555
 *    dark:   #333
 *  orange: #d77600
 *
 */




/*-----------------------------------------------------------
    $DEPENDENCIES
-------------------------------------------------------------*/
/* @import url('reset.css') screen;
@import url('https://web-archive.nli.org.il/National_Library/20160521004321cs_/http://www-external-test.mathworks.com/test/jpearce/EPS_blogs/css/mw_site.css') screen;
@import url('https://web-archive.nli.org.il/National_Library/20160521004321cs_/http://www-external-test.mathworks.com/test/jpearce/EPS_blogs/css/style.css') screen;
*/
/*---- MathWorks CSS from site5.css ----*/
.topnav_community > a,
.topnav_community > a:hover { border-radius: 4px; background: #e5ebf0 !important; color: #52575e !important; }
p { padding:0; margin:0 0 10px; }
em, i { font-style: italic; }
tt { font-family:'Lucida Console', monospace; }

/*  $OTHERS:
 *  MATLAB Header / Footer:
 *    /css/mw_header_footer.css
 *
 *  Go To Top plugin:
 *    mw_blogs_go_top_plugin/css/mw_blogs_go_top_plugin.css
 *
 */



/*-----------------------------------------------------------
    $LAYOUT
-------------------------------------------------------------*/

.container_newsroom,
.container_blogs,
.mw_blogs {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.container_blogs {
    /* Margin/padding copied from Bootstrap */
    padding-left: 5px;
    padding-right: 5px;
    background-color: #fff;
}
.offcanvas_nav .left-panel { width: 95%; padding: 10px 0 0 10px; }
.right-panel { }


/*-----------------------------------------------------------
    $GLOBAL
-------------------------------------------------------------*/

/*---- $FONT
-------------------------------------------------------------*/
/* This adjusts things so that 1em equals 10px, instead of the 
 * default 16px. To set the font-size to the equivalent of 14px, 
 * set it to 1.4em. 
 */
 
html { font-size: 62.5%; }

body {
    font-size: 12px;
}

.btn_search_adjacent  .caret { border-top-color: #FFF; }
.horizontal_nav { max-height: 44px; }
/*---- $A
-------------------------------------------------------------*/
.left-panel li a:link { color: #555; text-decoration:none; }
.left-panel li a:hover { text-decoration:underline; }
.left-panel li a:visited { color:#333; text-decoration:none; }
.left-panel li a:focus, a:active { outline-width: 0px; }
.catlist a.arrow-link:hover { text-decoration:none; }

/*---- $CODE
-------------------------------------------------------------*/
pre, code { 
		border-width: 0px; 
		white-space: pre;
		overflow:hidden;
}
pre, code, pre.code {font-family: Menlo, Monaco, Consolas, "Courier New", monospace; display: block; background-color:#F9F7F3; color:#000000; border:1px solid #D3D3D3; margin-bottom: 10px; padding-left: 10px; padding-right: 0; line-height:140%}
pre, tt, code { width: 100%; overflow: auto; white-space:pre; }
pre.codeoutput { background-color: transparent; border: none; }



/*-----------------------------------------------------------
    $TITLES
-------------------------------------------------------------*/

h1, h2, h5, h6, .ph1 { font-family: "futura-pt-n4","futura-pt","Arial","Helvetica",sans-serif; font-weight: 400; }
.discover_blogs h1,
h4,
.b_cast_person h2,
.left-panel div h3,
.right-panel article .content h3 { font-family: "Arial", "Helvetica", sans-serif; }

/*---- $h1 ----*/
h1 { 
    padding:0; 
    margin: 0 0 18px; 
    line-height:110%; 
    letter-spacing: -.02em; 
}

h1, 
h1 span a,
h1 span a:visited, 
h1 span a:focus, 
h1 span a:hover { font-size: 20px; color: rgb(213,80,0); }

@media screen and (min-width: 768px) {
	h1, 
	h1 span a,
	h1 span a:visited, 
	h1 span a:focus, 
	h1 span a:hover ,
	.blog_detailed_h1 > span > a { font-size: 24px !important; }
}

h1 a:hover { text-decoration: none; }
/*landing page*/
@media screen and (min-width: 992px) {
	.landing_page { margin-top: -20px; }
}
.landing_page h1 { text-align: left; font-family: "futura-pt-n4","futura-pt",Arial,Helvetica,sans-serif; }
/*blog title*/ .mw_blogs_banner h1 { border-bottom: 1px solid #ccc; }
/*post title*/
.blog_post header h1 a,
.post h1 a { color: #000; text-decoration: none; }
/*h1 category, search*/.margined_top_27 { margin-top: 27px; }

.blog_post header h1 a:hover,
.post h1 a:hover { color: #555; text-decoration: underline; }

h2 { font-size: 14px; color: #333; } 
h3 { font-size: 14px; font-weight: bold; color: #000; }

/*---- $h4 ----*/
h4 { font-size: 12px; color: #000; }
/*comments*/ .comments h4 { border-bottom: 1px solid #ccc; }
/*nav/section*/ .sidebar_list > h4 { margin: 0 0 8px; color: #555; border-bottom: 1px solid #ccc; }
/*main content*/ article h4 { font-weight: bold; font-size: 13px; margin-bottom: 5px; padding-top: 5px; }

h5 { font-size: 11px; font-weight: bold; }




/*-----------------------------------------------------------
    1. $HEADER
-------------------------------------------------------------*/

/*---- 1b-1. $BLOG_BANNER
-------------------------------------------------------------*/
#header { position: relative; }
.blog_banner {
    background:
        url('/National_Library/20160521004321oe_/http://blogs.mathworks.com/wp-content/themes/mathworks_1.0/images/bg_banner_blogs_speech.png') left top repeat-x,
        #38445c url('/National_Library/20160521004321oe_/http://blogs.mathworks.com/wp-content/themes/mathworks_1.0/images/bg_banner_gradient.jpg') center top no-repeat; /* IE9 fallback */

    background: url('/National_Library/20160521004321oe_/http://blogs.mathworks.com/wp-content/themes/mathworks_1.0/images/bg_banner_blogs_speech.png') repeat-x left top, -webkit-radial-gradient(center, ellipse cover,#1563ab 0%,#38445c 100%);  /* Chrome10+,Safari5.1+ */
    background: url('/National_Library/20160521004321oe_/http://blogs.mathworks.com/wp-content/themes/mathworks_1.0/images/bg_banner_blogs_speech.png') repeat-x left top,        radial-gradient(ellipse at center, #1563ab 0%,#38445c 100%);      /* W3C */
}

.blog_banner { height: 55px; }
.blog_banner h1 { font-size: 40px; color: rgb(213,80,0); border-bottom: 1px solid #ccc; }

/* lines blog title up with Recent Posts/Arhive tabs */
.blog_post article header { margin-top: 9px; }

/*---- 1b-2a. $BLOG_TITLE
-------------------------------------------------------------*/
.blog_title { margin-bottom: 0; box-sizing: border-box; position: relative; }
.blog_title h1, .blog_detailed_h1 { overflow: hidden; }
.title_tagline { margin-top: 9px; margin-bottom: -5px; }
.blog_title h1 .title_tagline { margin-top: 11px; margin-bottom: -5px; }
/* blog title */
.blog_title h1 > span, .blog_detailed_h1 > span { display:inline; margin-left: 0; border-bottom: 1px solid #ccc; display: block; padding-bottom: 10px; }

.blog_detailed_h1 > span > a { color: rgb(213,80,0); }
/* blog author image left of the blog title */
.blog_title  .bio_dropdown { padding-right: 15px; float: left; }
.blog_title  .bio_dropdown a { height: 60px; border: 1px solid #fff; overflow: hidden; }
.blog_title  .bio_dropdown a img { width: 60px; }

.blogger-avatar, .blogger-title {}

/*---- 1b-2b. $BLOG_ROLL
-------------------------------------------------------------*/
.blogger_list > ul {
    margin-top: 0;
}

.blogger_list > ul p a {
    color: #555;
}

/*---- blog_roll drowpdown position ----*/
.blogger_list { min-width: 300px; }
@media screen and (max-width: 400px) {
	.blogger_list { max-height: 180px; overflow-y: scroll;}
}

/*---- blog sub list display ----*/
.blogger_list  li {
    padding: 10px 16px;
    margin: 0;
    font-size: 12px;
    overflow: hidden;
	height: 70px;
}

.blogger_list li:last-child {
    padding-bottom: 5px;
}

/* dropdown name/img styles */
.blogger_list li div {
    margin-bottom: 0;
	margin-left: 10px
}
.blogger_list li div a {
    padding: 0;
    font-weight: bold;
    cursor: pointer;
}

.all-blog-post {
    padding-top: 10px; 
}
.nav.navbar-nav.subnav .blogger_list li a { color: #FFF; }

.blogger_list li a {
	color: #333;
}

.blogger_list li a:visited {
	color: #555;
}

.blogger_list li div a img {
    height: 48px;
    margin-right: 12px;
    border: 1px solid #fff;
    float: left;
}

.blogger_list li div a:hover img {
    border: 1px solid #333;
}



.blogger_list li a:hover { text-decoration: underline; }


/*---- 1b-3. $BIO_DROPDOWN
-------------------------------------------------------------*/
.bio_dropdown {
    margin: 0;
    padding: 0;
}

.bio_dropdown div { font-size: 12px; color: #333; }
.bio_dropdown a + div p a { border: none !important; }


/*---- $BOOTSTRAP Popover Overwrite ----*/
.hostimage + .popover {
    background: #e1e1e1; /* Old browsers */
    background: -webkit-linear-gradient(top,  #e1e1e1 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background:     -ms-linear-gradient(top,  #e1e1e1 0%,#ffffff 100%); /* IE10+ */
    background:         linear-gradient(to top,  #e1e1e1 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}

.bio_dropdown a { display:block;  }


.hostimage + .popover .popover-content {
    font-family: "Arial", "Helvetica", sans-serif;
    letter-spacing: normal;
    line-height: 140%;
    font-size: 12px;
}

.hostimage + .popover a {
    display: inline;
    border-width: 0px;
}

.bio_dropdown a:hover { border-color: #d77600 !important; }

.hostimage { font-size: 12px;}
.hostimage a { display: inline-block; }


/*---- subscribe dropdown hover state ----*/
ul.nav li.dropdown:hover ul.dropdown-menu{
    display: block;
    margin-top: 0;
}

/*---- subscribe dropdown icons ----*/
.cta_blogs_subscribe .dropdown .email{
    background:transparent url('/National_Library/20160521004321oe_/http://blogs.mathworks.com/wp-content/themes/mathworks_1.0/images/ico_email.png') no-repeat 0px 4px;
    line-height:inherit;
}
.cta_blogs_subscribe .dropdown .feed{
    background:transparent url('/National_Library/20160521004321oe_/http://blogs.mathworks.com/wp-content/themes/mathworks_1.0/images/icon_rss.gif') no-repeat 0px 4px;
    line-height:inherit;
}


/*-----------------------------------------------------------
    $LEFT_PANEL
-------------------------------------------------------------*/
.offcanvas_actuator .offcanvas_actuator_label:before {
    content: "CONTENTS";
}

.left-panel { margin-top: 8px; font-size: 12px; }
.left-panel h3,
.left-panel h4 { font-size: 12px; }


/*---- $SIDEBAR_LIST
-------------------------------------------------------------*/
.left-panel nav { margin-top: 0; }

/*---- recent posts / archive ----*/
/* sidebar section titles */
.sidebar_list h4,
.left-panel .nav-tabs h4 a,
nav .widget_links h3,
nav .widget_recent_comments h3 {
    margin-bottom: 10px;
    font-weight: bold;
    color: #000;
    text-decoration: none;
    border-bottom: 1px solid #ccc;
}

.left-panel .nav-tabs h4 { margin-bottom: 0; } /* removes extra spacing before bottom border */
.left-panel .nav-tabs h4 a { border-bottom-width: 0px; cursor: pointer; }
.left-panel .nav-tabs li { margin: 0 0; }
.left-panel .nav-tabs li + li h4 a { margin-left: 10px;} /* archive tab */

/* tab status indicator */
#catecurrent,
#archivecurrent,
.current{ font-weight:bold; }
.activetab{ color:#333 !important; }
.inactivetab{ color:#999 !important; }

/* expandarchive (js) places link next to 'Archive' */
.expandarchive {
    font-size: 11px;
    text-decoration: none;
    display: inline-block;
    position: absolute;
    top: 28px;
    right: 15px;
}


/* sidebar list title */
.sidebar_list ul h4 { color: #555; cursor: pointer; border-bottom-width: 0px; }
.sidebar_list ul h4 span { margin-right: 5px;  } /* pushes title right of caret */

/*---- $sidebar_list structure ----*/
.sidebar_list li,
.widget_links li,
.widget_recent_comments li,
.discover_blogs li { margin-top: 12px; margin-bottom: 14px; line-height: 14px; }
.sidebar_list li strong { font-weight: bold; text-transform: uppercase; color: #333; }
.sidebar_list li a,
.widget_links li a,
.widget_recent_comments li a { color: #555; }
.sidebar_list li a:hover { }

/* sublist display */
.sidebar_list li > ul { margin-left: 15px; }

/*---- categories expand all link ----*/
.expand_more {
    padding-right: 12px;
    font-size: 11px;
    color: #005fce;
    text-align: right;
    display: block;
}

/*---- expand_all style ----*/
nav .sidebar_list h4 a {
    float: right;
    font-size: 11px;
    font-weight: normal;
    color: #005fce;
}


/* expand all up / down arrows */
.caret_dn {
    background: transparent url('/National_Library/20160521004321oe_/http://blogs.mathworks.com/wp-content/themes/mathworks_1.0/images/ico-expand-caret-dn-12.png') 100% 50% no-repeat;
}
.caret_up {
    background: transparent url('/National_Library/20160521004321oe_/http://blogs.mathworks.com/wp-content/themes/mathworks_1.0/images/ico-expand-caret-up-12.png') 100% 50% no-repeat;
}


/* collapse (right pointing) toggle */
.caret_show {
    display: inline-block;
    width: 0;
    height: 0;
    margin-top: -2px;
    margin-left: 6px;
    vertical-align: middle;
    border-top: 4px solid transparent;
    border-right: 0 dotted;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #555;
}

.caret, #topnav .caret { border-top-color: #555; }
.nav.navbar-nav.subnav .caret { border-top-color: #FFF; }
.nav.navbar-nav .caret { border-top-color: #187dbb; }
.tab-content { padding: 0; border: none; }
/*-----------------------------------------------------------
    $RIGHT_PANEL
-------------------------------------------------------------*/
/*---- $PAGINATION
-------------------------------------------------------------*/
.empty_pagination { height: 27px; }

/*---- $ARTICLE_HEADER
-------------------------------------------------------------*/
article header h1 { margin-bottom: 0; }
article header { margin-bottom: 12px; }

/*---- $ARTICLE_CONTENT
-------------------------------------------------------------*/
.post_content div,
.post .video {
    margin-bottom: 26px;
}
.content_body h2 { font-size: 16px; font-weight: bold; }

/*--- image size for the preview / main post page ----*/
.post_content .overview-image img { height: 180px; }
.post img { height: auto; max-width: 100% !important; }
.post .overview-image img,
.preview-image img { height: 100%; z-index: -5; }


/*---- $image/play overlay on the preview page */
.thumbnail{display: inline-block; height: auto; padding:4px;
line-height: 1.428571429; background-color: #fff; border: 1px solid
#ddd;border-radius: 4px;}
.asset_overlay, .video_overlay { position: relative; }

.thumbnail.thumbnail_asset a { width: 210px; padding: 0; margin-right: 0; margin-bottom: 0;
display: block; float: left; position: relative; text-decoration: none; }

.thumbnail.thumbnail_asset .overlay_container { padding: 3px 4px;  margin:
1px; background: #4c4c4c; background: rgba(0,0,0,0.7); bottom: 0%; font-size:
16px !important; position: absolute; right: 0%; }

.thumbnail.thumbnail_asset a:hover .overlay_container,
.thumbnail.thumbnail_asset a:focus .overlay_container { background:rgba(90, 90,
90, 1.0); }

.thumbnail.thumbnail_asset .overlay_container .video_length { padding-left:
.25em; color: #fff!important; font-family: Arial,Helvetica,sans-serif;
font-size: 14px; position: relative;}
/* places screenshot beneath 'play' overlay */
a.preview-image img {
  position:absolute;
  left:0;
  top:0%;
  filter:alpha(opacity=50);
  -moz-opacity:0.6;
  opacity: 0.6;
}

/* Set image caption size smaller for Newsroom blog */
.wp-caption-text {
    font-size: 80%;
}
/* Set bigger h2 tag Newsroom blog */
.big_h2 {
	font-weight: bold;
	font-size: 16px;
}
/* Set span color to blue */
.mw_blue {
	color: #005695;
}
.mw_red {
	color: #E8941A;
}

.indent {
	margin-left: 20px;
}
/*---- $WRAPPING
.post_content, .post {
    -ms-word-break: break-all;
        word-break: break-all;

        non-standard for webkit
        word-break: break-word;
       -moz-hyphens: auto;
}
----*/
blockquote p{ font-size: 13px; color: #595959; font-family: Arial, Helvetica, sans-serif; }

/*---- $ARTICLE_FOOTER
-------------------------------------------------------------*/
.blog_post footer,
.post footer { border-bottom: 1px solid #999; }
.blog_post footer { margin-bottom: 17px; }

.post footer img { width: inherit; }

/*---- social media display ----*/
.sm_toolbox ul { margin-bottom: 10px; float: right; }
.sm_toolbox .sm_email { font-size: 11px; }
.addthis_button_email img { margin-top: -3px; }

.sm_toolbox li {
    height: 22px;
    padding: 0;
    margin: 0;
    float: left;
    background: none;
}

.sm_toolbox li a iframe {
    padding: 0;
    margin: 0;

}
.get_ml_code { font-size: 13px; font-weight: bold; }
/*---- addthis plugin alterations ----*/
.addthis_button_email,
.addthis_button_facebook_share,
.addthis_button_google_plusone,
.addthis_button_tweet li { padding: 0 2px; margin: 0; }
.print-icon { margin-top: -3px; }


.addthis_button_facebook_share { width: 95px; max-width: 105px; }
.addthis_button_google_plusone { width: 70px; max-width: 100px; }
.addthis_button_tweet { width: 80px !important; max-width: 100px; }


/* removes min-width number to collapse twitter icon */
.addthis_default_style .at300b,
.addthis_default_style .at300bo,
.addthis_default_style .at300m { height: 22px; float: none; display: inline-block; }


/*---- $pagination: bottom padding ----*/
.right-panel > div:last-child,
.right-panel article footer + div { margin-bottom: 26px; } /* single post page */
.right-panel > div:last-child { margin-top: -17px !important; } /* overview page */

/*---- post_category ----*/
.post_category { margin-bottom: 10px; }
.post_category dt,
.post_category dd { display: inline-block; }
.post_category dd  a{ text-decoration: none; }


.post_category dt strong { font-weight: bold; }

/*---- $PREVIEW_BOTTOM 
-------------------------------------------------------------*/
.add_border_bottom { border-bottom-color: #999; }

/*---- $COMMENT_FORM
-------------------------------------------------------------*/
.post_comment_list h2,
.post_comment_form h2 {
    color: #555;
    font-weight: bold;
}

.post_comment_form .form-group label {
    position: absolute;
    left: -9999em;
}

.post_comment_form label a { cursor: pointer; }

/*---- label for textarea ----*/
.post_comment_form label[for=comment] {
    position: static;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #555;
}


/*---- place holder text ----*/
.placeholder {
    font-size: 12px !important;
    color: #777;
}

/*---- places border on bottom of input */
.post_comment_form input[type=text],
.post_comment_form input[type=email] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #555;
    border-bottom-width: 1px;
    border-color: #333;
}

.post_comment_form textarea {
    background-color: #f4f4f4;
    font-size: 12px;
}

/*---- comment: contextual help ----*/
.context_help {
    text-indent:  -999em;
    width:  16px;
    display: inline-block;
    background: transparent url('/National_Library/20160521004321oe_/http://blogs.mathworks.com/wp-content/themes/mathworks_1.0/images/ico-help-16-sprite.png') 0% 0% no-repeat;
}

.context_help:hover {
    background-position: 0% -25px;
}

/*---- comment: preview ----*/
.preview_format {
    border:  1px solid #ccc;
    margin-top:  0;
    margin-bottom: 26px;
    padding-top:  0;
}

.preview_format > p {
    padding: 2px;
    margin: 0;
    background: #F4F4F4;
}
.preview_format > .well {
    margin-bottom: 0;
    border-width: 0px;
    background: transparent;
}

.post_comment_form textarea.form-control { border-width: 1px; border-bottom-width: 0px; }



/*---- lines up spam question with placehoder text ----*/
.spam_question > div > div > p {
    margin: 10px 0 0;
}

.post_comment_form_buttons { text-align: right; }


/*---- comment list ----*/
.comment_order { padding: 4px 8px; font-family: Arial, Helvetica, sans-serif; color: #555; background: transparent; float: right; }
/*.comment_order:hover { background: #999; }*/

.post_comment_list article > div {
    margin-top: 6px;
}
.post_comment_list article p {
    margin: 6px 0;
    font-size: 12px;
    line-height: 140%;
}
.post_comment_list article a {
    word-break: break-all;
}
.post_comment_list article code, .post_comment_list article pre {
	overflow: auto;
	white-space:pre;
	width: 100%;
}
/* hides author thumbnail image in the comments */
.post_comment_list article img { height: 60px; }

.post_comment_list article footer { margin-bottom: 4px; border-bottom-width: 0px; }

/*---- Newsroom: show post author image ----*/
.post_author_block { margin-bottom: 26px; }
.post_author_block img {
    margin-right: 15px;
    float: left;
}

/*-----------------------------------------------------------
    2. $LANDING_PAGE
-------------------------------------------------------------*/
.discover_blogs { margin-top: 10px; margin-bottom: 10px; color: #000; }
.blog_card { padding-bottom: 10px; padding-left: 5px; padding-right: 5px; }
.blog_authors, .blog_authors_2 { padding-left: 10px; padding-right: 10px; }
.discover_blogs li { background: transparent none; } /* additional info: $sidebar_list structure ----*/
.discover_blogs li a { color: #555; }
.discover_blogs time { text-transform: uppercase; }
.recent_posts { margin-top: 40px; }
.recent_posts h2 { font-size: 16px; font-weight: bold; }
.col-sm-12.recent_posts ul { 
	font-size: 14px;
}
@media screen and (min-width: 992px) {
	.col-sm-12.recent_posts ul { 
		columns: 2; 
		-webkit-columns: 2; 
		-moz-columns: 2; 
		margin-right:-20px; 
	}
	.landing_page h1 {
		font-size: 24px;
	}
}
.recent_posts ul li{ margin-bottom: 15px; }
.recent_posts ul li time{font-weight:bold; }
.recent_posts ul li a {color: #555; }
.recent_posts ul li span {font-weight:bold; }
.recent_articles { margin-top: -3px; }

.blog_banner p.h1 { }

/* adds 1px border left to the Recent Post section */
.blogroll_recent_posts { margin-left: -15px; }

.archived { color: #31708F; }

.landpage_wrap{width:auto;
	white-space: pre-wrap; 
	white-space: -moz-pre-wrap; /* Firefox */    
	white-space: -pre-wrap;     /* Opera <7 */   
	white-space: -o-pre-wrap;   /* Opera 7 */    
	word-wrap: break-word;    
   }
   

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
	position: relative;
	min-height: 1px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}
.col-xs-5ths {
	width: 20%;
	float: left;
}

@media (min-width: 768px) {
.col-sm-5ths {
		width: 20%;
		float: left;
	}
}
@media (min-width: 992px) {
	.col-md-5ths {
		width: 20%;
		float: left;
	}
}
@media (min-width: 1200px) {
	.col-lg-5ths {
		width: 20%;
		float: left;
	}
}


.btn-view {
	z-index: -1;
	position: absolute;
	bottom: 10px;
	margin-left: 35%;
	opacity: 0;
	}
    
.b_cast:hover .btn-view {
	-webkit-transition: background 0.5s ease-in-out, opacity 0.75s ease-in-out;
	-ms-transition: background 0.5s ease-in-out, opacity 0.75s ease-in-out;
	-o-transition: background 0.5s ease-in-out, opacity 0.75s ease-in-out;
	transition: background 0.5s ease-in-out, opacity 0.75s ease-in-out;
	z-index: 99;
	opacity: 1;
	}
    
.btn-view .btn {
	width: 100%;
	color: #fff;
	background-color: transparent;
    }
/*---- $BLOGGER_QUICK_PROFILE
-------------------------------------------------------------*/
.b_cast {
    line-height: 1.5;
    position: relative;
	box-shadow:0 1px 2px #aaa;
}
/*  $COMMENT
 *    Removes flicker: 
 *    http://stackoverflow.com/questions/3461441/prevent-flicker-on-webkit-transition-of-webkit-transform
 *    http://stackoverflow.com/questions/15751012/css-transform-causes-flicker-in-safari-but-only-when-the-browser-is-2000px-w
 *
 */

.b_cast * {
    -webkit-backface-visibility: hidden;
	font-size: 12px;
} 
 
.b_cast header, .mboxDefault header {
	height:120px;
	padding: 5px 7px;
	width: 100% ;
    margin-bottom: 0;
    bottom: 0px;
}

.b_cast a {color: #000;}
.b_cast_bio { color: #fff; }
.b_cast_bio p{ font-family: Arial, Helvetica, sans-serif; letter-spacing: 0px; line-height: 17px; text-align: left;}
.btn-view button{ font-size: 13px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0px; line-height: 17px; text-align: left;}
.external-link  { margin-left: 30% !important; }
.icon-link-external { font-size: 22px; margin-top:-3px; font-size: 120% !important; }
.b_cast a { }
.b_cast a:hover {
    text-decoration: none;
}

/*---- $blogger biography ----*/
/*  $COMMENT
 *    In order for the transition to slide up from the bottom
 *    'top' must be removed from the initial and hover state
 *    and 'height' must be set to 0 and hover to 100%.
 *
 */
.b_cast_bio {
	height: 0;
    width: 100%;
    padding: 7px;
    background-color: rgba(0,0,0,0.75);
    color: rgba(0,0,0,1);
    overflow: hidden;
    position: absolute;
    bottom: 0px;
    left: 0px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		 -o-transition: all 0.5s ease-in-out;
			transition: all 0.5s ease-in-out;
    z-index: -50;
    }

/*---- $blogger name/title ----*/
.b_cast_person {
    -webkit-transition: background 0.25s ease-in-out;
        -ms-transition: background 0.25s ease-in-out;
         -o-transition: background 0.25s ease-in-out;
            transition: background 0.25s ease-in-out;
    z-index: 60;
}

.b_cast:hover .b_cast_bio {
    height: 100%;
    color: #fff;
    bottom: 0px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
         -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
    z-index: 50;
}


.b_cast_person h2 {
    margin-top: 5px;
    margin-bottom: 25px;
	height:45px;
    font-weight: 600;
	font-size: 14px;
	text-size-adjust: none;
}

.blog_authors_2 .b_cast_person h2 {
	height:30px;
}

.b_cast_person p { margin: 0; }


/*---- $landing_page ----*/
.b_cast_img { width: 100% !important; }

/*---- $landing_page ----*/
.b_cast_article li {
    margin-left:-10px;
    margin-top: 12px;
}

.btn.btn-default.ico-new-window { margin-left: auto;}
.ico-new-window {
	width: 15px;
    margin-left: 5px;
    margin-top: -3px;
}
/*-----------------------------------------------------------
    $FOOTER
-------------------------------------------------------------*/
footer div p em { font-style: italic; }

/*---- mw_footer
-------------------------------------------------------------*/
.container_blogs .mw_footer { padding-top: 12px; }



/*-----------------------------------------------------------
    $IE_ADDENDUMS
-------------------------------------------------------------*/
.lt-ie9 .blog_banner {
    background: #394458 url('/National_Library/20160521004321oe_/http://blogs.mathworks.com/wp-content/themes/mathworks_1.0/images/bg_banner_blogs_full.jpg') center top no-repeat;
}

/*---- $LANDING_PAGE
-------------------------------------------------------------*/
.lt-ie9 div article .b_cast_bio, .lt-ie9 div article .b_cast_person {
    background: transparent url('/National_Library/20160521004321oe_/http://blogs.mathworks.com/wp-content/themes/mathworks_1.0/images/bg-overlay-black-75.png') 0% 0% repeat;
}
.lt-ie9 div article header.b_cast_person:hover {
    background: transparent url('/National_Library/20160521004321oe_/http://blogs.mathworks.com/wp-content/themes/mathworks_1.0/images/bg-overlay-blue-75.png') 0% 0% repeat;
}

.lt-ie9 article h1 span.badge a:after { bottom: -7px; }

/*---- $CTA_BLOGS_SUBSCRIBE
-------------------------------------------------------------*/
.lt-ie9 .cta_blogs_subscribe .dropdown {
    background-color: #000;
    background-image: url('/National_Library/20160521004321oe_/http://blogs.mathworks.com/wp-content/themes/mathworks_1.0/images/ico-subscribe.png');
    background-position: 10px center;
    background-repeat: no-repeat;
}


/*---- $BLOGGER_LIST
-------------------------------------------------------------*/

.lt-ie9 .blogger_list { font-size: 12px; background: transparent; float: right; }

.lt-ie9 .blogger_list li li h4 a {
    padding: 0;
    margin: 0;
}

/* dropdown recent post link */
.lt-ie9 .blogger_list li p,
.lt-ie9 .blogger_list li p a{ padding: 0; margin: 0; }


/*---- $COMMENT_FORM
-------------------------------------------------------------*/
.lt-ie9 .post_comment_form label {
    position: relative;
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    color: #555;
}

.lt-ie9 label[for=comment] em + div {
    width: 450px;
}


/*-----------------------------------------------------------
    $BOOTSTRAP_CLEANUP
-------------------------------------------------------------*/

/*---- $MATHWORKS_BLOGS_DROPDOWN
-------------------------------------------------------------*/
.blogger_list .nav > li a,
.blogger_list .nav > li a:hover,
.blogger_list .nav .open > a,
.blogger_list .nav .open > a:hover,
.blogger_list .nav .open > a:focus { background-color: transparent; }

.blogger_list li a p:hover { background-color: #fff; }

.blogger_list .nav > li a { padding: 0; }


/*---- $PAGINATION
-------------------------------------------------------------*/
.right-panel .pagination { margin-top: 0; margin-bottom: 1px; }
.sm-xs-show { display: inline; }
.sm-xs-hide { display: none; }
.right-panel .single_post > li:nth-child(2):before { padding-right: 6px; margin-top: 1px; content: " | "; float: left; } /* pipe added for post pagination */
@media screen and (min-width: 768px) {
	.right-panel .pagination { float: right; }
	.sm-xs-hide { display: inline; }
	.sm-xs-show { display: none; }
}

.right-panel .pagination,
.right-panel .pagination > li { margin: 0; padding: 0; display: inline-block; background: transparent none; }
.right-panel .pagination > li > a,
.right-panel .pagination > li > span,
/* overview page */
.right-panel .pagination > a,
.right-panel .pagination > span  { padding: 3px 6px; color: #555; border-width: 0px; }
.right-panel .pagination li span.current { color: #000; }

.right-panel .pagination > li > a:hover,
.right-panel .pagination > li > span:hover,
.right-panel .pagination > a:hover,
.right-panel .pagination > span:hover { color: #000; background-color: transparent; }

/* text: author's not opinions of MathWorks */
.right-panel article + div div > p {  }


/*---- $TOOL_TIP
-------------------------------------------------------------*/
article .pagination .tooltip.in{opacity:1;filter:alpha(opacity=100)}
article .pagination .tooltip-inner { background: #999; }
article .pagination .tooltip.top .tooltip-arrow{ border-top-color: #999; }

article .b_cast_article .tooltip.in{opacity:1;filter:alpha(opacity=100)}
article .b_cast_article .tooltip-inner { background: #999; }
article .b_cast_article .tooltip.top .tooltip-arrow{ border-top-color: #999; }

/*---- $COMMENT_NUMBER (badge)
-------------------------------------------------------------*/
article h1 span.badge {
    padding: 0;
    margin-top: 4px;
    margin-bottom: 12px;
    background-color: transparent;
    vertical-align: top;
    border-radius: 0px;
    position: relative;
}
article h1 span.badge a, article h1 span.badge a:hover { padding: 0 5px; color: #fff; text-decoration: none; }
article h1 span.badge a {
    font-family: "futura-pt-n4","futura-pt","Arial","Helvetica",sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    letter-spacing: -.02em !important;
    font-size: 12px !important;
    background-color: #999;
}
article h1 span.badge a:hover { background-color: #333; }
article h1 span.badge a:after {
    position: absolute;
    display: inline-block;
    content: "";
    border-color: #999 transparent transparent transparent;
    border-style: solid;
    border-width: 8px 4px 0px 4px;
    height:0;
    width:0;
    bottom: -9px;
    left: 25%;
}

article h1 span.badge a:hover:after {
    border-color: #333 transparent transparent transparent;
}




/*---- $COMMENT_FORM
-------------------------------------------------------------*/
/*---- input: removes border */
.post_comment_form .form-control {
    border-width: 0px;
    box-shadow:  none;
    border-radius: 0px;
}

/*---- buttons ----*/
.btn.btn-primary {
    font-size: 11px;
    background: #275f9e; /* Old browsers */
    background: #275f9e url('/National_Library/20160521004321oe_/http://blogs.mathworks.com/wp-content/themes/mathworks_1.0/images/bg-button-secondary.png') center left repeat-x; /* fallback */ /* IE6-9 */
    background: -webkit-linear-gradient(top, #275f9e 0%,#002755 100%);       /* Chrome10+,Safari5.1+ */
    background:     -ms-linear-gradient(top, #275f9e 0%,#002755 100%);       /* IE10+ */
    background:         linear-gradient(to bottom, #275f9e 0%,#002755 100%); /* W3C */
    border:1px solid #034462;
    color:#fff;
}

.btn.btn-primary:hover {
    background: #3b68a7; /* Old browsers */
    background: #3b68a7 url('/National_Library/20160521004321oe_/http://blogs.mathworks.com/wp-content/themes/mathworks_1.0/images/bg-button-secondary-hover.png') center left repeat-x; /* fallback */ /* IE6-9 */
    background: -webkit-linear-gradient(top, #3b68a7 0%,#274166 100%);       /* Chrome10+,Safari5.1+ */
    background:     -ms-linear-gradient(top, #3b68a7 0%,#274166 100%);       /* IE10+ */
    background:         linear-gradient(to bottom, #3b68a7 0%,#274166 100%); /* W3C */
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
	border-color: #adadad;
}

/*---- $comment: spacing between ----*/
.post_comment_list .well { padding: 12px; margin-bottom: 5px; }

/*---- $LEFT_PANEL
-------------------------------------------------------------*/

/*---- $left_panel nav-tabs ----*/
.nav-tabs { border-bottom-color: #ccc; }

/*---- $left_panel lists ----*/
.sidebar_list span.badge { padding: 3px 0 3px 10px; margin-right: 0; font-weight: normal; color: #555; background-color: transparent; vertical-align: top; border-radius: 0px; }
.categorytitle { font-family: "Arial", "Helvetica", sans-serif; }
.nowcate { font-weight: bold; }

/*---- $BRIGHTCOVE responsive ----*/
.bc-outer-container  object {
	max-width: 100% !important;
}
.bc-outer-container {
	position: relative;
	height: 0;
	padding-bottom: 56.25%;
}
.BrightcoveExperience {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#cc_link, #captions_container li {
	cursor:pointer !important;
}