/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {font-family: 'Lato', sans-serif;font-weight:400;font-size:16px;}
.browsehappy {background-color: #fcf8e3;border: 1px solid #faebcc;padding:10px;color: #a94442;font-size:18px;}
/* Vidyard Responsive Video */
.vidyard_player>span {
	position: relative;
	display: block;
	height: 0 !important;
	padding: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	width: inherit !important;
}
.vidyard_iframe {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
/*BLOG*/
.blog-header {
  padding-top: 10px;
  padding-bottom: 10px;
}
.blog-title {
  margin-top: 0px;
  margin-bottom: 0;
  font-size: 35px;
  font-weight: normal;
}
.blog-post-title {margin-top:0;}
.blog-title a {text-decoration:none;color:#515151;}
.blog-title a:hover {text-decoration:none;color:#428bca;}
.blog-description {
  font-size: 20px;
  color: #999;
}
.sidebar-module-inset {
  padding: 15px;
  background-color: #f5f5f5;
  border-radius: 4px;
  margin-bottom:15px;
}
.blog-tags > a {
  padding: 3px 6px;
  margin: 4px 4px 4px 0;
  background: #f6f6f6;
  border: 1px solid #e4e4e4;
  border-width: 0 1px 1px 0;
  border-radius: 4px;
  color: #515151;
  text-decoration: none;
  font-size: 14px;
  white-space: nowrap;
  display: inline-block;
  -webkit-transition: all 150ms;
  -o-transition: all 150ms;
  transition: all 150ms;
}
.blog-tags > a:hover {
  background:#428bca;
  color:#fff;
}
.sidebar-module {
  padding: 15px;
  margin: 0 -15px;
}
.blog-sidebar h4 {
  text-transform: uppercase;
}
.more i{padding-left: 5px; padding-left: 10px; color: #A5A5A5; -webkit-transition: padding 0.2s; -moz-transition: padding 0.2s; -o-transition: padding 0.2s; transition: padding 0.2s;}
.more {text-transform: uppercase;color:#4b4b4b;font-size:14px;font-weight:bold;}
.more:hover i {color:#428bca;padding-left: 12px;}
ul.category li {
  border-top: 1px solid #aaa;
}
ul.category li a {
  color: #555;
  line-height: 30px;
  height: 30px;
  display: block;
  padding: 0 10px;
}
ul.category li a:hover {
  text-decoration: none;
  font-weight: bold;
  background: #F8F8F8;
}
.blog-image {
margin-bottom: 10px;
}
.blog-post h4 {
    margin-top: 20px;
    font-weight: 600;
}
.blog-post h3 a {
  font-weight: 500;
  color: #4b4b4b;
}
.blog-post h3 a:hover {
  text-decoration:none;
  color: #428bca;
}
.post-date {font-size:14px;}
.blog-post .bottom {
border-bottom: 1px solid #E4E4E4;
line-height: 30px;
font-size: 11px;
margin: 30px 0 40px;
font-weight:600;
}
.label{font-size:85%;}
.label-tag {
  background:#428bca;
}
.label-tag:hover {
  background:#f6f6f6;
  color:#515151;
  border: 1px solid #e4e4e4;
  border-width: 0 1px 1px 0;
}
.bottom a, .bottom a:hover {
  text-decoration:none;
}
.blog-pagination{margin-top:0;}
.blog-post .pager {text-align:right;margin:0 0 30px;}
.blog-post .blog-post-vid {
  background-position: bottom;
  background-repeat: no-repeat;
  position: relative;
  margin: 0 0 10px 0;
  box-sizing: border-box;
}
.blog-post-vid { padding-top: 65%;} 
.blog-post-vid iframe,
.blog-post-vid object,
.blog-post-vid embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
blockquote {font-size:14px;margin:30px 0;}
.blog-footer{background:#555555;padding:15px 0;margin-top:15px;color:#c9c9c9;}
.blog-footer h3{color:#fff;margin-bottom:15px;}
.blog-footer hr {border-top:1px solid #414141;}
.footer-icon {float:left;font-size:16px;margin-right:15px;}
.optin-checkbox {font-weight:100;font-size:14px;}
.btn{font-size:16px;}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .blog-title {
    margin-top: 15px;
    margin-bottom: 0;
    font-size: 50px;
    font-weight: normal;
  }
  .blog-description {
    font-size: 22px;
    color: #999;
  }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .blog-header {
  padding-top: 20px;
  padding-bottom: 20px;
  }
  .blog-title {
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 60px;
    font-weight: normal;
  }
  .blog-description {
    font-size: 24px;
    color: #999;
  }
}