/* ------------------------------------------------------------- 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-header { width: 100%; float: left; background-color: #191718; padding-bottom: 30px; }
.blog-header .logo-bg { position: absolute; left: 0; height: 107px; /* background-color: #f5f5f5;*/ background-color: #fff; top: 0; left: -2000px; right: 0; }
.blog-header .logo { background-color: #f5f5f5; padding: 24px 35px 24px 0; position: relative; }
.blog-header .logo:after { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 107px 62px 0 0; /*border-color: #f5f5f5 transparent transparent transparent;*/border-color: #FFF transparent transparent transparent; position: absolute; left: 100%; top: 0; }
.blog-header .logo a { position: relative; }
.blog-header .blog { font-size: 82px; text-transform: uppercase; margin-left: 80px; margin-top: 9px; font-weight: 200; line-height: 98px; letter-spacing: 4px; float: left; }
.blog-header .right-section { padding-top: 65px; }
.blog-header .right-section .input-group { float: left; position: relative; }
.blog-header .right-section .input-group input { background-color: transparent; border: 2px solid transparent; height: 40px; width: 215px; padding-left: 40px; border-radius: 8px; color: #f1f1f1; font-size: 18px; font-weight: 300; }
.blog-header .right-section .input-group input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #f1f1f1; font-size: 18px; text-transform: uppercase; }
.blog-header .right-section .input-group input::-moz-placeholder { /* Firefox 19+ */ color: #f1f1f1; font-size: 18px; text-transform: uppercase; }
.blog-header .right-section .input-group input:-ms-input-placeholder { /* IE 10+ */ color: #f1f1f1; font-size: 18px; text-transform: uppercase; }
.blog-header .right-section .input-group input:-moz-placeholder { /* Firefox 18- */ color: #f1f1f1; font-size: 18px; text-transform: uppercase; }
.blog-header .right-section .input-group input:focus { border: 2px solid #1e9ebb; outline: none; }
.blog-header .right-section .input-group .fa-tag, .blog-header .right-section .input-group .glyphicon-search { color: #1e9ebb; font-size: 27px; position: absolute; left: 9px; top: 5px; }
.blog-header .right-section .input-group .glyphicon-search { left: 5px; }
.blog-header .navbar-collapse.collapse { display: none !important; }
.blog-header .navbar-collapse.collapse.in { display: block !important; }

@media only screen and (max-width: 991px) { .blog-header { padding-bottom: 0; position: relative; overflow: visible; }
  .blog-header .container { padding: 0 20px; }
  .blog-header .logo { width: 100%; text-align: center; padding: 8px 0 2px 0; position: static; }
  .blog-header .logo:after { display: none; }
  .blog-header .logo a { display: inline-block; }
  .blog-header .logo-bg { right: 0px; left: 0; height: 74px; }
  .blog-header .blog { padding: 10px 0; margin: 0; font-size: 30px; line-height: 30px; letter-spacing: 0; }
  .blog-header .right-section { padding-top: 0; }
  .blog-header .right-section .input-group input.search { width: 25px; margin-right: 10px; padding-left: 25px; height: 35px; position: relative; }
  .blog-header .right-section .input-group input.search:focus { width: 33vw; }
  .blog-header .right-section .input-group input.filter { display: none; }
  .blog-header .right-section .input-group .glyphicon-search, .blog-header .right-section .input-group .fa-tag { margin: 0; }
  .blog-header .right-section .input-group .fa-tag { font-size: 25px; margin-right: 10px; position: static; margin-top: 6px; }
  .blog-header .right-section .input-group .glyphicon-search { color: #f5f5f5; font-size: 20px; margin: 0; top: 7px; }
  .blog-header form { padding: 7px 0; float: left; }
  #headNavbar { min-height: 0px; position: absolute; top: 100%; z-index: 2; max-width: 400px; right: 0; background: #1fa0bf; width: 100%; padding: 0; border: 0; margin: 0; }
  #headNavbar ul { list-style: none; padding: 0; padding: 0; margin: 0; width: 100%; }
  #headNavbar ul li { width: 100%; text-align: center; padding: 0; }
  #headNavbar ul li a { color: #e6e6e6; font-size: 18px; padding: 10px 0; font-weight: 300; display: block; }
  #headNavbar ul li a:hover, #headNavbar ul li a.active { background-color: #333333; }
  .navbar-toggle { float: right; margin: 0; padding: 15px 0; }
  .navbar-toggle span.icon-bar { height: 3px; background-color: #6ccce2; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
  .navbar-toggle[aria-expanded=true] span { margin: 0; background-color: #fff; }
  .navbar-toggle[aria-expanded=true] span:nth-child(1) { margin-top: 8px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
  .navbar-toggle[aria-expanded=true] span:nth-child(2) { opacity: 0; margin: 0; height: 0; }
  .navbar-toggle[aria-expanded=true] span:nth-child(3) { margin-top: -3px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } }

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