@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('http://www-external-test.mathworks.com/test/jpearce/EPS_blogs/css/mw_site.css') screen;
@import url('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; }
kbd { color: #a020f0 !important; background-color: transparent !important; -webkit-box-shadow: none !important; box-shadow: none !important; font-style: italic !important;}
/*  $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 { }
html body.responsive_offcanvas_fixed { background: none; }

/*-----------------------------------------------------------
    $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.
 */

body {
    font-size: 12px;
}

.mw_color { color: #08609d;}
.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: 0; }
.catlist a.arrow-link:hover { text-decoration:none; }

/*---- $CODE
-------------------------------------------------------------*/
pre, code {
		border-width: 0;
		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; }

pre span.comment > span {
    color: #228b22 !important;
}

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

.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%;
}

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; }
}
/*blog title*/ .mw_blogs_banner h1 { border-bottom: 1px solid #ccc; }
/*post title*/
.blog_post h1 a,
.post h1 a { color: #000; text-decoration: none; }
/*h1 category, search*/.margined_top_27 { margin-top: 27px; }

.blog_post 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; }

.content_body ul li {
    list-style-type: disc !important;
    margin-left: 15px;
    padding-left: 0px;
}
.post_content, .content-text {
  font-size: 14px;
}

.content_container ul>li:before { content: none !important; }

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

/*---- 1b-1. $BLOG_BANNER
-------------------------------------------------------------*/
#header { position: relative; }

/* 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 !important; max-height: 350px; overflow-y: scroll; }
@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: 0;
}

.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{
    margin-top: 0;
}

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

/*---- $BOOTSTRAP Modal Overwrite ----*/
.customized-modal {
    left: auto !important;
}
body.modal-open {
  margin-right: 0 !important;
}

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

.left-panel { margin-top: 8px; font-size: 12px; }
.left-panel h3, .left-panel .sidebar_title {
  padding-bottom: 4px;
  padding-left: 0;
  margin-bottom: 2px !important;
  position: relative;
  font: bold 14px/1 "Roboto",sans-serif !important;
  font-size: 100%;
}


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

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

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

/* tab status indicator */
#recentposttab, .blogroll { margin-top: 10px; }
.years { margin-top: 2px; }
#recentposttab li, .blogroll li { padding-left: 25px!important; color: #616161; position: relative; }
#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 h3 { color: #555; cursor: pointer; border-bottom-width: 0; }
.sidebar_list ul h3 span { margin-right: 5px;  } /* pushes title right of caret */

/*---- 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 h3 a {
    float: right;
    font-size: 11px;
    font-weight: normal;
    color: #005fce;
}


.read_more_actuator a {color: #0076a8; text-decoration: none;}
.tab-content { padding: 0; border: none; }
/*-----------------------------------------------------------
    $RIGHT_PANEL
-------------------------------------------------------------*/
/*---- $PAGINATION
-------------------------------------------------------------*/
.empty_pagination { height: 27px; }

/*---- $ARTICLE_HEADER
-------------------------------------------------------------*/
article header h1 { margin-bottom: 0; }
article header .post-meta { margin: 5px 0 5px 0 !important; font-size:14px; }
article header .author-name { margin-bottom: 0px !important; }
article header .add_font_color_mediumgray { font-weight: bold; }

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

/*--- image size for the preview / main post page ----*/
.post_content .overview-image img { height: 180px; display: block; margin: auto; }
.post img { height: auto; max-width: 100% !important; margin: auto; }
.post .overview-image img,
.preview-image img { height: 100%; z-index: -5; }
.wp-caption.alignnone { margin: auto; }
.wp-caption.aligncenter { text-align: center; margin: auto;}


/*---- $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.asset_overlay.video img { width: 220px; }

.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; }

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

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

}
.get_ml_code { font-size: 13px; font-style: normal; float:left; left:15px; margin-top:30px; z-index: 1000; }

.social_button_email { padding: 0 2px; margin: 0; }
#emailsend img { display: inline-block !important; }


/*---- $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_tag ----*/
.post_category_tag { margin-bottom: 10px; }
.post_category_tag dt,
.post_category_tag dd { display: inline-block; }
.post_category_tag dd  a{ text-decoration: none; }


.post_category_tag 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('/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: 0;
    background: transparent;
}

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



/*---- 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: 0; }

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

/*-----------------------------------------------------------
    2. $LANDING_PAGE
-------------------------------------------------------------*/
.carousel-caption {
  top: 50px;
}


.carousel-caption .heading {
  padding-bottom: 20px;
  font-size: 32px !important;
  font-weight: bold;
  line-height: 37px;
  text-align: center;
  font-family: Arial;
}
.carousel-caption .subheading {
	font-family: Arial;
	font-size: 18px;
	line-height: 28px;
}

.subscribe-to-all-blog {
  margin-right: 5px;
}

.meet-blogger {
  margin-left: 5px;
}

.col-centered{
    float: none;
    margin: 0 auto;
}

.sort-title {
	height: 22px;
	color: #333333;
	font-size: 28px !important;
	line-height: 26px;
}

.first-post-row {
	border: 1px solid #E6E6E6;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
  margin-top: 20px;
  margin-left: 0;
  margin-right: 0;
}

.post-thumb {
  margin: auto;
  width: 100% !important;
}

.blogger-name {
  margin-bottom: 3px !important;
}

.post-meta-data .media-left {
  padding-right: 0 !important;
}

@media only screen and (max-width: 767px) {
		.home-dropdown { min-width: 100%; }
    .first-post {
      overflow:auto;
    }
    .first-post .panel {
      margin-bottom: 0 !important;
    }
    .first-post-img {
      border-bottom: 1px solid #E6E6E6;
      height: 248px;
      overflow-y: hidden;
    }
    .first-post-content {
      margin-top: 5px;
    }
    .panel-body { padding: 0 !important; }
    .post-card-footer { padding: 15px 0 15px 0 !important; }
    .post-meta-data .meta-right {
      float: right;
      color: #808080;
      margin: 10px 30px 0 0;
    }
    .card_body {
      padding-left: 15px !important;
      padding-right: 15px !important;
    }
    .media.post-meta-data {
      padding-left: 15px;
    }
	}

@media only screen and (min-width: 801px) {
  .initial-posts:nth-child(3n-1), .initial-posts:nth-child(3n) {
    padding-right: 10px !important;
  }
  .initial-posts:nth-child(3n+1), .initial-posts:nth-child(3n) {
    padding-left: 10px !important;
  }

  .extra-posts:nth-child(3n+1) {
    padding-right: 10px !important;
  }
  .extra-posts:nth-child(3n+2){
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .extra-posts:nth-child(3n){
    padding-left: 10px !important;
  }
}

@media only screen and (min-width: 767px) {
  .home-dropdown { width: 240px; }
  .first-post {
    height: 250px;
  }
  .first-post .panel {
    height: 185px;
    overflow: auto;
    margin-bottom: 0 !important;
  }
  .first-post-img, .first-post-content {
    padding-right: 0 !important;
    padding-left: 0 !important;
    height: 248px;
    overflow-y: hidden;
    overflow-x: hidden;
  }
  .first-post-img {
    text-align: center;
  }
  .post-thumb {
    border-right: 1px solid #E6E6E6;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
  }
  .first-post .panel-body {
    padding-left: 30px !important;
    margin-bottom: 20px !important;
  }
  .first-post .post-card-footer {
    padding-left: 30px !important;
  }

  .media.post-meta-data {
    padding-top:15px;
    font-size: 13px;
  }

  .posts .post-card {
    height: 420px;
  }
  .posts .post-card-footer .media.post-meta-data {
    padding-top:10px !important;
    padding-left: 15px;
  }

  .post-meta-data .meta-right {
    float: right;
    color: #808080;
    font-size: 15px;
    margin: 10px 30px 0 0;
  }
  .media-heading a {
    font-size: 20px !important;
  }

  .card_body {
    max-height: 215px;
    overflow-y: auto;
  }

  .card_body .panel-body {
    padding-top: 5px !important;
    padding-bottom: 0 !important;
  }
  .landing-comment {
    padding-left: 10px !important;
    color: #999 !important;
    font-size: 13px !important;
    font-weight: normal !important;
  }

  .landing-comment:hover{
    color: #474747 !important;
  }
}

.post-title a {
	color: #474747;
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
}

.card_body .panel-body .post-title {
  margin-bottom: 10px !important;
}

.card_body .panel-body .post-content {
	color: #6F6F6F;
	font-family: Arial;
	font-size: 14px;
	line-height: 20px;
}

.first-post .media-heading {
  padding-bottom: 15px;
}

.first-post .post-content {
	color: #6F6F6F;
	font-family: Arial;
	font-size: 14px;
	line-height: 22px;
  padding-bottom: 5px;
}

.post-category {
	font-family: Arial;
	font-size: 13px;
	line-height: 15px;
}

.first-post .post-category {
  padding-bottom: 5px;
}

.bloger_sm_avatar {
  width:36px !important;
  border-radius: 18px;
  float: left;
  margin-right: 10px;
}

.first-post .panel-footer {
	font-family: Arial;
	font-size: 13px;
	line-height: 15px;
}

.post-meta-data {
  margin-bottom: 0 !important;
}

.post-meta-data .meta-left {
  font-size: 13px;
  float: left;
  color: #808080;
}

.blog-site {
  margin-bottom: 0 !important;
}

.post-card {
  display: inline-block;
  border: 1px solid #E6E6E6;
  box-shadow: 0px 1px 1px 0 rgba(0, 0, 0, 0.05);
  border-bottom: none;
  width: 100%;
}

.card_media {
  height: 190px;
  width: auto;
  overflow: hidden;
  background: #f6f6f6;
  position: relative;
  border-bottom: 1px solid #E6E6E6;
}

.first-post .post_category_tag strong, .post-card .post_category_tag strong {
  font-size: 13px;
  color: #A2A2A2;
}

.card_media .img-responsive {
  height: auto;
  width: 100%;
  min-height: 190px;
  margin: auto;
}

.post-card .post-meta-data {
  height: 65px;
  overflow: auto;
}

.posts .post-card-footer {
  border: 1px solid #E6E6E6;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
  height: 65px;
}

.spinner {
  display: inline-block;
  opacity: 0;
  width: 0;

  -webkit-transition: opacity 0.25s, width 0.25s;
  -moz-transition: opacity 0.25s, width 0.25s;
  -o-transition: opacity 0.25s, width 0.25s;
  transition: opacity 0.25s, width 0.25s;
}

.has-spinner.active {
  cursor:progress;
}

.has-spinner.active .spinner {
  opacity: 1;
  width: auto;
}


/*-----------------------------------------------------------
    3. $BLOGGER_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, .blog_authors_3, .blog_authors_4 { 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,
.col-xs-5ths-4 {
	position: relative;
	min-height: 1px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}
.col-xs-5ths {
	width: 20%;
	float: left;
}

.col-xs-5ths-4 {
	width: 80%;
	float: left;
}

@media (min-width: 768px) {
.col-sm-5ths {
		width: 20%;
		float: left;
	}
.col-sm-5ths-4 {
  	width: 80%;
  	float: left;
  }
}
@media (min-width: 992px) {
	.col-md-5ths {
		width: 20%;
		float: left;
	}
  .col-md-5ths-4 {
  	width: 80%;
  	float: left;
  }
}
@media (min-width: 1200px) {
	.col-lg-5ths {
		width: 20%;
		float: left;
	}
  .col-lg-5ths-4 {
  	width: 80%;
  	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;
    margin-bottom: 0;
    bottom: 0;
}

header.b_cast_person h2.landpage_wrap {
    font-size: medium;
}

.b_cast_bio p.landpage_wrap {
    color: white;
}

.b_cast a {color: #000;}
.b_cast_bio { color: #fff; }
.b_cast_bio p{ font-family: Arial, Helvetica, sans-serif; letter-spacing: 0; line-height: 17px; text-align: left;}
.btn-view button{ font-size: 13px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0; 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: 0;
    left: 0;
    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: 0;
    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;
	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('/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('/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('/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('/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: 0; }
.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: 0;
    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-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 0 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: 0;
    box-shadow:  none;
    border-radius: 0;
}

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

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

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

/*---- $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;
}

.ow_button:hover, .ow_button_pick:hover, .ow_button_all:hover  {
    background-color: #0076A8;
}

.ow_button, .ow_button_pick, .ow_button_all {
    background: #187dbb;
    color: #fff;
    display: inline-block;
    padding: 4.5px 9px;
    margin-bottom: 5px;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    float: right;

    border: 1px solid transparent;
    border-radius: 4px;

}
.jump-link, .jump-link span { color: #337ab7 !important; }
button.like, button.follow {
  padding: 0 5px !important;
  font-weight: bold;
}
.badge {
  padding: 0px 7px !important;
}

html.js body { background: none !important; }

.modal-dialog{
  position: unset !important;
}

.comment-label { font-size: 16px !important; }
.comment-section-title { z-index: 1; }

#country-unselected { font-size: 15px !important; color: #1a1a1a !important; }

#country-unselected a {color:#0076a8 !important;}
#country-unselected a:visited{color:#004b87 !important;}
#country-unselected a:hover{color:#004b87 !important;}
#country-unselected .add_bottom_rule {
    color: #333;
    font: normal 400 22px/1.18 !important;
    -moz-font-feature-settings: "kern";
    -webkit-font-feature-settings: "kern";
    font-feature-settings: "kern";
  }

#country-unselected #recommended_domain_button { color: #FFFFFF !important; }

#country-unselected .icon-globe {
    margin: 0 0 35px;
    color: #333;
    font: normal 400 32px/1.19 !important;
    -moz-font-feature-settings: "kern";
    -webkit-font-feature-settings: "kern";
    font-feature-settings: "kern";
 }

 .top-left {
   float: right;
   margin: 5px 0 0 10px;
   position: absolute;
 }


 .ribbon {
   width: 85px;
   height: 85px;
   overflow: hidden;
   position: absolute;
   z-index: 1
 }
 .ribbon::before,
 .ribbon::after {
   position: absolute;
   z-index: -1;
   content: '';
   display: block;
   border: 5px solid #8B8B8B;
 }
 .ribbon span {
   font-size: 12px;
   font-weight: bold;
   position: absolute;
   display: block;
   width: 120px;
   padding: 5px 0;
   background-color: #E6E6E6;
   box-shadow: 0 5px 10px rgba(0,0,0,.1);
   color: #8B8B8B;
   text-shadow: 0 1px 1px rgba(0,0,0,.2);
   text-transform: uppercase;
   text-align: center;
 }

 /* top left*/
 .ribbon-top-left::before,
 .ribbon-top-left::after {
   border-top-color: transparent;
   border-left-color: transparent;
 }
 .ribbon-top-left::before {
   top: -5px;
   right: 0;
 }
 .ribbon-top-left::after {
   bottom: 0;
   left: -5px;
 }
 .ribbon-top-left span {
   right: -8px;
   top: 20px;
   transform: rotate(-45deg);
 }