/* ------------------------------------------------------------- Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets List of CSS3 Sass Mixins File to be @imported and @included as you need The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER ENDING css files note: All CSS3 Properties are being supported by Safari 5 more info: http://www.findmebyip.com/litmus/#css3-properties
------------------------------------------------------------- */
#blog-detail-page .topics { background-color: #2d2b2c; text-align: center; }
#blog-detail-page .topics ul { padding: 0; list-style: none; margin: 13px 0; }
#blog-detail-page .topics ul li { display: inline-block; background-color: #514f50; padding: 14px 0; min-width: 185px; margin: 5px; color: #e6e6e6; border-radius: 8px; text-transform: uppercase; cursor: pointer; font-weight: 500; }
#blog-detail-page .topics ul li:hover, #blog-detail-page .topics ul li.active { background-color: #1e9fbe; }

#blog-detail-page { width: 100%; float: left; }
#blog-detail-page .blog-head { background-color: #4e4e4e; color: #f6f6f6; text-transform: uppercase; }
#blog-detail-page .blog-head .img-container { width: 59%; position: absolute; left: 0; top: 0; bottom: 0; background-image: url(../img/blog/header-img.png); background-size: cover; background-position: center center; }
#blog-detail-page .blog-head .title { width: 41%; padding: 35px; float: right; text-align: center; }
#blog-detail-page .blog-head .title p { color: #e6e6e6; margin-top: 50px; font-weight: 500; }
#blog-detail-page .blog-head .title h1 { font-size: 60px; margin-top: 60px; }
#blog-detail-page .blog-head .title ul.social-links { padding: 0; margin: 80px 0; width: 100%; float: left; position: relative; z-index: 1; }
#blog-detail-page .blog-head .title ul.social-links li { display: inline-block; }
#blog-detail-page .blog-head .title ul.social-links li a { background-color: #1d9dba; color: #eaeaea; width: 65px; height: 65px; display: inline-block; border-radius: 50%; margin: 0 10px; font-size: 29px; position: relative; }
#blog-detail-page .blog-head .title ul.social-links li a .fa { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#blog-detail-page .blog-head .title ul.social-links li a:hover { color: #1d9dba; background-color: #eaeaea; }
#blog-detail-page .white-bg { background-color: #f5f5f5; }
#blog-detail-page .white-bg .content { max-width: 850px; margin: 40px auto; }
#blog-detail-page .white-bg .content h1 { text-transform: uppercase; font-size: 27px; }
#blog-detail-page .white-bg .content h2 { text-transform: uppercase; font-size: 22px; margin: 30px 0; }
#blog-detail-page .white-bg .content p { color: #8b8585; margin-bottom: 30px; }
#blog-detail-page .white-bg .content p.feature { color: #1e9ebb; font-weight: 500; }
#blog-detail-page .white-bg .content .blue-button { display: inline-block; border-radius: 4px; padding: 15px 30px; margin-right: 10px; margin-bottom: 15px; }
#blog-detail-page .white-bg .content .back-button { color: #1e9ebb; display: inline-block; padding: 19px 30px; border: 1px solid #1e9ebb; text-transform: uppercase; font-size: 20px; border-radius: 3px; }
#blog-detail-page .blog-list { background-color: #191718; text-align: center; text-transform: uppercase; padding: 0 0 35px 0; }
#blog-detail-page .blog-list h2 { margin: 60px 0 15px 0; }
#blog-detail-page .blog-list .single-blog { width: 24%; display: inline-block; padding: 26px 13px; }
#blog-detail-page .blog-list .single-blog .inner { display: inline-block; background-color: #4e4e4e; color: #f6f6f6; }
#blog-detail-page .blog-list .single-blog .inner h3, #blog-detail-page .blog-list .single-blog .inner p { padding: 0 10px; }
#blog-detail-page .blog-list .single-blog .inner p { margin-top: 30px; }
#blog-detail-page .blog-list .single-blog .inner h3 { font-size: 30px; }
#blog-detail-page .blog-list .single-blog .inner img { width: 100%; }
#blog-detail-page .blog-list .single-blog a.read-more-button { color: #f6f6f6; margin: 35px 0 40px 0; display: inline-block; padding: 10px 0; border: 1px solid #f6f6f6; min-width: 180px; border-radius: 8px; font-weight: 500; }
#blog-detail-page .blog-list .single-blog a.read-more-button:hover, #blog-detail-page .blog-list .single-blog a.read-more-button:active, #blog-detail-page .blog-list .single-blog a.read-more-button:focus { background-color: #1e9fbe; border: 1px solid #1e9fbe; }
 #blog-detail-page .white-bg .content p, #blog-detail-page .white-bg .content ul li{color:#333 !important;line-height:27px !important;}
@media only screen and (max-width: 991px) { #blog-detail-page .blog-head .img-container { position: static; width: 100%; height: 75vw; }
  #blog-detail-page .blog-head .title { width: 100%; padding: 0 20px; }
  #blog-detail-page .blog-head .title p { margin-top: 15px; }
  #blog-detail-page .blog-head .title h1 { font-size: 26px; margin-top: 25px; }
  #blog-detail-page .blog-head .title ul.social-links { margin: 15px 0; }
  #blog-detail-page .blog-head .title ul.social-links li a { width: 35px; height: 35px; font-size: 18px; margin: 0 4px; }
  #blog-detail-page .white-bg .content .back-button { padding: 7px 15px; }
  #blog-detail-page .blog-list .single-blog { width: 33.3333333%; float: left; }
  #blog-detail-page .blog-list .single-blog { padding: 26px 15px; }
  #blog-detail-page .blog-list h2 { margin: 60px 25px 15px 25px; }
  #blog-detail-page .white-bg .content p.mb10 { margin-bottom: 5px; }
  #blog-detail-page .white-bg .content { padding: 0 13px; } }
@media only screen and (max-width: 767px) { #blog-detail-page .blog-list .single-blog { width: 100%; float: left; }
  #blogListCarousel.owl-theme .owl-nav [class*='owl-'] { background: transparent; margin: 0; }
  #blogListCarousel .owl-nav span { font-size: 30px; color: #fff; } }

/*# sourceMappingURL=blog-detail.css.map */