@charset utf-8;/*
Theme Name: Bluefaqs 2016
Theme URI: http://bluefaqs.com/
Author: Shawn Ramsey
Author URI: http://bitdrips.com/
Description: Third version of Bluefaqs. Left unminified, feel free to browse.
*/

/* Reset ----------------------------------------------------- */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figure,figcaption,hgroup,menu,header,footer,nav,section,summary,time,mark,audio,video { margin: 0; padding: 0; border: 0; }
article,aside,canvas,figure,figure img,figcaption,hgroup,footer,header,nav,section,audio,video { display: block; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

button {
  background: none!important;
  margin:0;
  padding:0;
  border:none;
}
button:focus {outline:0 !important;}

/* Small Extras - prob move to a cutstom css meta box -------- */
.postid-13363 .thumb {
  margin-left: 90px;
}

.postid-13363 .smallthumbnail {
  margin-top: 8px;
}

/* Layout ---------------------------------------------------- */
.site-main {
  width: 64%;
  float: left;
}

.page-main-centered {
  width: 100%;
  max-width: 660px;
  margin: 0 auto;
}

.fade-in {
  position: relative;
  transition: margin 0.1s ease;
}

.container {
  width: 90%;
  max-width: 1050px;
  margin-left: auto;
  margin-right: auto;
}

.fr {
  float: right;
}

/* Typography and Extras ------------------------------------- */
@font-face {
  font-family: 'bluefaqs-social';
  src:    url('fonts/bluefaqs-social_k8csbi.eot');
  src:    url('fonts/bluefaqs-social_k8csbi.eot#iefix') format('embedded-opentype'),
          url('fonts/bluefaqs-social_k8csbi.ttf') format('truetype'),
          url('fonts/bluefaqs-social_k8csbi.woff') format('woff'),
          url('fonts/bluefaqs-social_k8csbi-bluefaqs-social.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'bluefaqs-social' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering ------- */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-bf-logo:before { content: "\e902"; }
.icon-price-tag:before { content: "\e908"; }
.icon-search:before { content: "\e900"; }
.icon-menu:before { content: "\e901"; }
.icon-bookmark:before { content: "\e909"; }
.icon-mail2:before { content: "\e903"; }
.icon-google-plus:before { content: "\e904"; }
.icon-facebook:before { content: "\e905"; }
.icon-twitter:before { content: "\e906"; }
.icon-rss:before { content: "\e907"; }

.screen-reader-text {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.clear { clear: both; }

body {
    background: #FFFFFF;
	color: #666666;
	font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 17px;
	line-height: 1.5em;
	text-rendering: optimizeLegibility;
}

input,
textarea {
	border: none;
	padding: 5px;
	outline: none;
  font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

ul { list-style: none; }

p { margin-bottom: 25px; }

img {
  max-width: 100%;
  height: auto;
}

a {
	color: #4083A9;
	text-decoration: none;
	outline: none;
	transition: 0.1s ease-in-out;
}

a:hover {
	color: #3a3a3a;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  color: #3a3a3a;
	margin-bottom: 20px;
	line-height: 1.5em;
}

.page-title {
  font-size: 30px;
  color: #C0C0C0;
  letter-spacing: -1px;
  margin: 0 0 35px 0;
}

h2 {
  font-size: 26px;
  margin-top: 30px;
}

h3 { font-size: 21px; }

.entry-title a,
.entry-title {
  color: #3a3a3a;
  font-size: 38px;
  line-height: 1.21em;
  font-weight: normal;
  letter-spacing: -0.01em;
  margin: 0 0 10px 0;
  padding-top: 5px;
}

.entry-title a:hover { color: #4083A9; }

/* Buttons and action text ----------------------------------- */
.br { border-radius: 6px; }

.close-icon {
  fill: #C0C0C0;
  transition: 0.1s ease;
}

.close-icon:hover { fill: #B0B0B0; }

.download-btn {
  display: inline-block;
  margin: 15px 0 25px 0px;
  padding: 15px 10px;
  width: 180px;
  background: #46719D;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  line-height: 20px;
  cursor: pointer;
  font-size: 15px;
  border-radius: 6px;
}

.form-submit input#submit:hover,
.download-btn:hover {
  background: #9D4683;
  color: #ffffff;
}

.mc-button {
  display: block;
  background: #79ABDC;
  font-size: 16px;
  color: #ffffff;
  font-weight: 700;
  padding: 11px 0;
  transition: background 0.1s ease-in-out;
}

.mc-button:hover,
#mc-embedded-subscribe:hover {
  background: #6E9CCA;
  color: #ffffff;
}

#mc-embedded-subscribe {
  width: 100%;
  color: #ffffff;
  background: #79ABDC;
  padding: 11px 0;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.1s ease-in-out;
  -webkit-appearance: none;
}

.form-submit input#submit {
  color: #ffffff;
  background: #46719D;
  font-size: 15px;
  font-weight: 700;
  padding: 14px 20px;
  cursor: pointer;
  border-radius: 6px;
  border: none;
  -webkit-appearance: none;
  transition: background 0.1s ease-in-out;
}

/* Images ---------------------------------------------------- */
.ad-comments img {
  display: block;
  margin: 0 auto;
}

.ad-comments img,
.affiliate img,
.relatedthumb img,
.page-browse img,
.post img {
  transition: opacity 0.1s ease-in-out;
}

.ad-comments img:hover,
.affiliate img:hover,
.relatedthumb img:hover,
.page-browse img:hover {
  opacity: 0.9;
}

.ad-comments img { border-radius: 6px; }

a img {
  border: none;
  vertical-align: bottom;
}

.home .post img,
.tag .post img,
.category .post img,
.author .post img,
.search .post img {
  float: left;
  margin: -1px 0 0 0;
  border-radius: 50%;
}

.alignleft { float: left; }

.alignright { float: right; }

.post img:hover { opacity: 0.7; }

/* Pre and Code blocks --------------------------------------- */
pre {
  overflow: auto;
  margin: 8px 0px;
  padding: 20px;
  tab-size: 2;
  position: relative;
  background: #edf0f3;
  font-weight: normal;
  font-style: normal;
  font-size: 0.85em;
  line-height: 1.6;
  box-sizing: border-box;
  -webkit-font-smoothing: auto;
  font-family: 'Consolas','Courier New',Courier,monospace;
}

/* Header ---------------------------------------------------- */
.bf-branding {
  float: left;
  width: 136px;
  color: #ffffff;
  font-size: 42px;
  line-height: 1em;
  margin: 0;
}

svg.logomark {
  width: 32px;
  height: 39px;
  fill: #ffffff;
}

.main-nav {
  display: inline-block;
  position: relative;
  top: 8px;
  margin-left: 28px;
}

.main-nav ul {
  display: block;
  float: left;
}

.main-nav ul li { display: inline; }

.main-nav ul li a {
  color: #fff;
  white-space: nowrap;
  margin: 0 20px;
}

.bf-branding:hover,
.main-nav ul li a:hover,
.bf-connect a:hover {
  color: rgba(255, 255, 255, 0.7);
}

/*search slide down*/
.header-search-form {
  opacity: 0;
  display: none;
  position: absolute;
  top: 100px;
  left: 0;
  width: 100%;
  background: #F8F8F8;
  padding: 10px 0;
  border-bottom: 2px solid #e7e7e7;
  z-index: 10;
  animation: fade 0.2s;
}

.search-active .header-search-form {
  opacity: 1;
  display: block;
}

#s {
  width: 100%;
  background: #F8F8F8;
  font-size: 49px;
  letter-spacing: -1px;
  padding: 20px 0;
  margin: 0;
  border: none;
}

.bf-search #searchsubmit { display: none; }

/*push menu search*/
.slide-search-form { margin-top: 30px; }

.slide-search-form #s {
  font-size: 16px;
  text-indent: 7px;
  padding: 10px 0;
  border-radius: 6px;
}

.slide-search-form .bf-search-input-wrap {
  padding: 0 30px;
}

.header-items-right {
  float: right;
  width: 29.12%;
  max-width: 300px;
  position: relative;
  top: 8px;
}

.bf-connect {
  float: left;
  padding: 0px;
}

.bf-connect li { float: left; }

.bf-connect li a {
  position: relative;
  display: block;
  color: #ffffff;
  font-size: 22px;
  margin-right: 16px;
  outline: none;
}

.bf-connect .icon-rss { margin-right: 17px; }
.bf-connect .icon-mail2 { margin-right: 13px; }
.bf-connect .icon-facebook { margin-right: 11px; }
.bf-connect .icon-twitter { margin-right: 0; }

.gplus-bigger:before {
  font-size: 30px;
  position: relative;
  top: -2px;
}

.click-search {
  font-size: 22px;
  color: rgba(255, 255, 255, 0.7);
}

.click-search:hover { color: #ffffff; }

/* Header Titles --------------------------------------------- */
.header-wrap {
  background: #2C3E50;
  margin-bottom: 40px;
}

.header {
  width: 100%;
  padding: 30px 0 28px 0;
  overflow: hidden;
}

.header h1 {
  font-size: 42px;
  line-height: 1em;
  margin: 0;
}

/* Sidebar --------------------------------------------------- */
.sidebar {
  width: 29.12%;
  max-width: 300px;
  float: right;
}

.sidebar ul { clear: both; }

.sidebar-block { margin: 0 0 52px 0; }

.sb-popular { margin: 0 0 37px 0; }

.sidebar h4 {
  font-size: 26px;
  margin-bottom: 20px;
  font-weight: normal;
}

.affiliate-300 {
  max-width: 300px;
  margin: 0 auto;
}

.popular-sidebar ul li:first-child {
  border-top: 1px solid #e7e7e7;
}

.popular-sidebar ul li a {
  background: url(../../uploads/2016/02/pop-sprite.png);
  background-repeat: no-repeat;
  min-height: 50px;
  display: block;
  font-size: 15px;
  line-height: 1.5em;
  color: #666666;
  padding: 18px 10px 12px 60px;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
  -ms-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}

.popular-sidebar ul li a:hover,
.tag-sidebar ul li a:hover {
  background-color: #FBF6F6;
}

.popular-sidebar .pop1 a {
  background-position: 10px 21px;
}

.popular-sidebar .pop2 a {
  background-position: 10px -115px;
}

.popular-sidebar .pop3 a {
  background-position: 10px -251px;
}

.popular-sidebar .pop4 a {
  background-position: 10px -387px;
}

.tag-sidebar ul li a {
  display: block;
  font-size: 15px;
  padding: 15px 0 15px 26px;
  color: #666666;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
  -ms-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}

.tag-sidebar ul li.tag-fonts a {
  border-top: 1px solid #e7e7e7;
}

.tag-sidebar ul li a:before {
  content: '';
  width: 20px;
  height: 20px;
  display: inline-block;
  border-radius: 50%;
  position: relative;
  top: 4px;
  left: -8px;
  margin-right: 5px;
}

.tag-sidebar .tag-fonts a:before {
  background: #23b36e;
}

.tag-sidebar .tag-photography a:before {
  background: #904dae;
}

.tag-sidebar .tag-photoshop a:before {
  background: #009e85;
}

.tag-sidebar .tag-wallpaper a:before {
  background: #ea309c;
}

.tag-sidebar .tag-tips a:before {
  background: #59ade3;
}

.tag-sidebar .tag-logos a:before {
  background: #f59c0d;
}

/* Newsletter Signup Sidebar and Modal ------------------------ */

.email-sidebar {
  background: #F8F8F8;
  background: rgba(0, 0, 0, 0.03);
  padding: 42px 45px;
  text-align: center;
}

.email-sidebar h3 {
  font-weight: normal;
  font-size: 26px;
  line-height: 1.3em;
  margin: 0 0 25px 0;
}

.email-sidebar p {
  font-size: 15px;
  line-height: 1.5em;
  margin-bottom: 30px;
}

.mc-button-wrap {
  max-width: 200px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Newsletter modal*/
.modal-wrapper {
  -webkit-transition: background 300ms ease-in-out;
  -moz-transition: background 300ms ease-in-out;
  transition: background 300ms ease-in-out;
  position: fixed;
  top: 0;
  right: 0;
  display: none;
  height: 100%;
  width: 100%;
  z-index: 1000;
  background: rgba(0, 0, 0, 0);
}

.modal-wrapper.open-modal {
  background: rgba(0, 0, 0, 0.88);
}

.modal-wrapper.open-modal .modal {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.modal-wrapper .modal {
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  -webkit-transform: translateY(-500px);
  -moz-transform: translateY(-500px);
  -ms-transform: translateY(-500px);
  -o-transform: translateY(-500px);
  transform: translateY(-500px);
  position: fixed;
  top: 40%;
  left: 50%;
  max-width: 480px;
  width: 100%;
  padding: 40px;
  background: #f6f9fa;
  margin: -260px 0 0 -280px;
  text-align: center;
}

.newsletter-embed {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%;
  margin-left: 25.58941%;
}

.close {
  height: 25px;
  width: 25px;
  position: absolute;
  top: 0;
  right: 0;
  margin: 20px;
  display: block;
  cursor: pointer;
}

.modal-wrapper .modal .newsletter-embed {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  margin-left: 0%;
}

.newsletter-embed form {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 65.88078%;
  margin-left: 17.05961%;
}

.newsletter-embed form:last-child {
  margin-right: 0;
}

.newsletter-modal.active,
.cover.darken {
  display: block;
}

.newsletter-embed h2 {
  font-size: 30px;
  margin-bottom: 28px;
  margin: 0 0 25px 0;
}

.newsletter-embed p { font-size: 16px; }

#mc_embed_signup #mce-EMAIL {
  width: 100%;
  font-size: 16px;
  text-align: center;
  padding: 11px 0;
  margin-bottom: 20px;
  border: none;
}

#mc_embed_signup ::-webkit-input-placeholder {
  color: silver;
}
#mc_embed_signup :-moz-placeholder {
  color: silver;
}
#mc_embed_signup ::-moz-placeholder {
  color: silver;
}
#mc_embed_signup :-ms-input-placeholder {
  color: silver;
}

/* Push Menu ------------------------------------------------- */
.slide-menu {
background: #38495A;
position: fixed;
top: 0;
right: -284px;
bottom: 0;
display: block;
width: 100%;
max-width: 284px;
height: 100%;
padding: 33px 0 0 0;
z-index: 0;
overflow: auto;
  -webkit-overflow-scrolling: touch;
  transition: 0.1s ease;
}

.slide-menu li { margin: 0 0 15px 0; }

.slide-menu li a {
  display: block;
  font-size: 18px;
  color: #ffffff;
  padding: 6px 0 6px 30px;
}

.slide-menu li a:hover { color: rgba(255, 255, 255, 0.7); }

body.menu-active .slide-menu { right: 0px; }

.nav-toggle {
  display:none;
  float: right;
  margin-top: 12px;
  position:relative;
}

.nav-toggle a {
  width: 28px;
  height: 20px;
  display: block;
  position: relative;
}

.nav-toggle a:hover .hamburger,
.nav-toggle a:hover .hamburger:before,
.nav-toggle a:hover .hamburger:after {
  background-color: #C0C5CB;
}

.hamburger {
  position:relative;
  top: 8px;
  background-color: #FFFFFF;
  width: 28px;
  height: 4px;
  display: block;
  border-radius: 6px;
  -webkit-transition: top 0.3s ease, bottom 0.3s ease, background-color 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transition-delay: 0.2s, 0.2s, 0s, 0s;
  -webkit-transition: top 0.3s ease 0.2s, bottom 0.3s ease 0.2s, background-color 0.3s ease, -webkit-transform 0.3s ease;
  transition: top 0.3s ease 0.2s, bottom 0.3s ease 0.2s, background-color 0.3s ease, transform 0.3s ease;
}

.hamburger:before { top: -8px; }

.hamburger:after { bottom: -8px; }

.hamburger:before, .hamburger:after {
  content:"";
  position: absolute;
  left: 0;
  background-color: #ffffff;
  width: 28px;
  height: 4px;
  display: block;
  border-radius: 6px;
  -webkit-transition: top 0.3s ease, bottom 0.3s ease, background-color 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transition-delay: 0.2s, 0.2s, 0s, 0s;
  -webkit-transition: top 0.3s ease 0.2s, bottom 0.3s ease 0.2s, background-color 0.3s ease,      -webkit-transform 0.3s ease;
  transition: top 0.3s ease 0.2s, bottom 0.3s ease 0.2s, background-color 0.3s ease, transform 0.3s ease;
}

body.menu-active .fade-in {
  margin-right: 284px;
  margin-left: -284px;
}

body.menu-active .hamburger {
  background-color: rgba(0, 0, 0, 0) !important;
}

body.menu-active .hamburger:before {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

body.menu-active .hamburger:after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

body.menu-active .fade-in #logo {
  margin-left: 284px;
}

/* Homepage -------------------------------------------------- */
.txt-wrap { margin-left: 124px; }

.home .post,
.tag .post,
.category .post,
.author .post,
.search .post {
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 40px;
  padding-bottom: 20px;
}

/* Single Post and Some Homepage ----------------------------- */
.page-wrap-single {
  margin-bottom: 40px;
  overflow: hidden;
}

.entry-content p { line-height: 1.8em; }

.post-meta {
  font-size: 16px;
  color: #C0C0C0;
  margin: 0 0 10px 0;
}

.single .post-meta {
  margin: 0 0 25px 0;
}

.post-meta a { color: #C0C0C0; }

.post-meta a:hover { color: #3a3a3a; }

.site-main,
.site-main p {
  line-height: 1.8em;
}
.home .site-main {
  margin-bottom: 0;
}
.site-main { margin-bottom: 40px; }

/* Single Post Footer ---------------------------------------- */
.tags-share {
  margin: 40px 0 55px 0;
  padding: 0 0 60px 0;
  border-bottom: 1px solid #e7e7e7;
}

.single-tags {
  display: block;
  margin-top: 40px;
}

.single-tags a {
  font-size: 14px;
  background: #F9F9F9;
  background: rgba(0, 0, 0, 0.04);
  color: #666666;
  margin-right: 10px;
  padding: 7px 10px;
  border-radius: 6px;
}

.single-tags a:hover { background: #D9D9D9; }

.social-share a {
  color: #666666;
  font-weight: 700;
  letter-spacing: -0.05em;
  padding: 6px 0;
  display: inline-block;
}

.social-share span {
  font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
}

.share-twit {
  margin-right: 30px;
}

.share-twit.icon-twitter:before {
  background: #41B7D8;
  font-size: 16px;
  color: #FFF;
  padding: 7px;
  border-radius: 50%;
  margin-right: 9px;
}

.share-fb.icon-facebook:before {
  background: #3B5997;
  font-size: 16px;
  color: #FFF;
  padding: 7px;
  border-radius: 50%;
  margin-right: 9px;
}

.share-twit:hover { color: #4083A9; }
.share-fb:hover { color: #4083A9; }

.post-author-wrap {
  border-bottom: 3px solid #e7e7e7;
  margin-bottom: 40px;
  padding-bottom: 10px;
}

.post-author { margin-bottom: 40px; }

.post-author img {
  float: left;
  clear: left;
  margin: 0 20px 0 0;
  max-width: 100px;
  border-radius: 50%;
  position: relative;
  top: 5px;
}

.post-author h4 {
  margin: 0 0 5px 124px;
  padding-top: 7px;
  font-size: 26px;
}

.post-author p {
  margin: 0px 0 0 124px;
}

/* related posts*/
.relatedposts {
  overflow: hidden;
  margin-bottom: 40px;
}

.relatedposts ul li {
  list-style: none;
  width: 30%;
  float: left;
  clear: none;
  margin-right: 5%;
  margin-left: 0;
}

.relatedposts ul li:last-child {
  margin-right: 0;
}

.relatedthumb img {
  height: auto;
  padding-bottom: 10px;
  border-radius: 6px;
}

.relatedcontent {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.5em;
}

.relatedcontent a {
  display:block;
  color: #666666;
}

.relatedcontent a:hover { color: #4083A9; }

.ad-comments { margin-bottom: 60px; }

/* Comments -------------------------------------------------- */
#comments h3,
#reply-title,
.related-title {
  display: inline-block;
  font-weight: normal;
  font-size: 24px;
  margin-bottom: 20px;
}

.add-comment a {
  float: right;
  color: #C0C0C0;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 3px;
}

.add-comment a:hover { color: #3a3a3a; }

#comments .comment {
  width: 100%;
  list-style-type: none;
}

#comments .thread-even {
  background: #F8F8F8;
  background: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid #e7e7e7;
}

#comments .children .comment-container {
  margin: 0px 40px;
  border-top: 1px solid #e7e7e7;
}

#comments .comment .comment-container {
  padding: 40px;
}

#comments .vcard { margin: 0 0 15px 0; }

#comments .comment-avatar {
  float: left;
  margin: 0 15px 10px 0;
}

#comments .comment-avatar img {
  margin: 0;
  vertical-align: middle;
  border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
}

.comment cite {
  font-style: normal;
}

.name {
  color: #3a3a3a;
  font-size: 18px;
  margin-top: 7px;
  display: block;
  font-weight: 700;
}

.name a { color: #3a3a3a; }

#comments .comment-entry p {
  margin: 0 0 20px 0;
}

.reply { padding-top: 10px; }

.comment-reply-link {
  font-size: 12px;
  text-transform: uppercase;
  box-shadow: none;
  background: #F9F9F9;
  background: rgba(0, 0, 0, 0.04);
  color: #666666;
  padding: 4px 10px;
  font-weight: 700;
  border-radius: 6px;
}

#cancel-comment-reply-link {
  font-size: 17px;
  font-weight: 700;
  display: block;
}

#respond {
  background: #F8F8F8;
  background: rgba(0, 0, 0, 0.03);
  margin: 40px 0px;
  padding: 40px;
}

#respond label {
  font-size: 16px;
  color: #666;
}

#commentform label {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

input,
textarea {
  border: 1px solid #e7e7e7;
}

#commentform input.txt,
#commentform textarea {
  font-size: 17px;
  color: #666;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 3%;
  padding-right: 3%;
  -webkit-appearance: none;
}

#commentform input.txt {
  width: 40%;
  background: #FFF;
  margin: 0 0 15px 0;
}

#commentform textarea {
  width: 94%;
  height: 174px;
  background: #FFF;
  margin-bottom: 10px;
}

.comment-notes { display: none; }

.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-comment,
.form-submit {
  margin-bottom: 3px;
}

/* All Pages no Single or Home ------------------------------- */
.page-wrap {
  margin-bottom: 40px;
  overflow: hidden;
}

.page-wrap-thanks {
  margin-bottom: 250px;
  overflow: hidden;
}

.page-title-thanks {
  font-size: 38px;
  font-weight: normal;
  margin: 0 0 35px 0;
}

/* Archive Page ---------------------------------------------- */

.archive-comments {
  font-size: 15px;
  color: #C0C0C0;
}

/* Archives Page ----------------------------------------------- */
.page-browse { margin-bottom: 60px; }

.page-browse li {
  overflow: hidden;
  padding: 30px 0;
  padding-left: 4%;
  border-bottom: 1px solid #e7e7e7;
}

.page-browse li:hover .archive-more a {
  background: #46719D;

}

.page-browse li:first-child {
  margin-top: 40px;
  border-top: 1px solid #e7e7e7;
}

.page-browse img {
  float: left;
  max-width: 75px;
  position: relative;
  top: 6px;
  border-radius: 50%;
}

.page-title-browse {
  font-size: 38px;
  text-align: center;
}

.archive-teaser { margin-left: 124px; }

.archive-more a {
  float: right;
  background: #C0C0C0;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 19px 4% 0 27px;
  padding: 6px 10px;
}

.archive-more a:hover { background: #9D4683!important; }

.page-browse h2 {
  max-width: 560px;
  margin: 5px 0 10px 0;
}

.page-browse h2 a {
  font-size: 32px;
  color: #3a3a3a;
  letter-spacing: -0.01em;
}

.page-browse h2 a:hover { color: #4083A9; }

.page-browse p {
  color: #C0C0C0;
  margin: 5px 0 10px 0;
}

/* Contact Page ---------------------------------------------- */
#frmCSCF {
  background: #F8F8F8;
  background: rgba(0, 0, 0, 0.03);
  padding: 40px;
  margin-top: 45px;
}

#frmCSCF .control-group label {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

#cscf_name,
#cscf_email,
#cscf_message {
  width: 100%;
  font-size: 16px;
  padding: 12px 0;
  margin-bottom: 20px;
  text-indent: 10px;
  border: none;
}

#cscf_SubmitButton {
  color: #FFF;
  background: #46719D;
  padding: 12px 20px;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.1s ease-in-out;
  -webkit-appearance: none;
}

#cscf_SubmitButton:hover {
  background: #9D4683;
  color: #FFF;
}

/* Post Navigation Numbers
-------------------------------------------------------------- */
.pagination { margin: 60px 0 60px 124px; }

.nav-links a { background: #D9D9D9; }

.nav-links a:hover { background: #C0C0C0; }

.nav-links a, .nav-links span.current {
  color: #fff;
  padding: 6px 14px;
  margin: 0 1px;
  border-radius: 6px;
}

.nav-links span.current {
  background: #C0C0C0;
  color: #FFF;
}

/* Footer ---------------------------------------------------- */
.footer {
  color: #fff;
  text-align: center;
  background: #2C3E50;
  padding: 80px 0 20px 0;
  overflow: hidden;
}

.footer-nav ul li {
  display: inline-block;
  margin: 0 15px 10px 15px;;
}

.footer a { color: #ffffff; }

.footer a:hover { color: rgba(255, 255, 255, 0.7); }

.footer-copyright {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
}

.footer-copyright a {
  margin: 0 4px;
  color: rgba(255, 255, 255, 0.7);
}

.footer-copyright a:hover { color: #ffffff; }

.copyright-narrow { display: none; }

.footer-nav { margin-bottom: 40px; }

.footer-nav ul li a { padding: 10px 0; }

/* Fade Things in -------------------------------------------- */

@-webkit-keyframes fade {
0% { opacity: 0; }
100% { opacity: 1; }
}

@keyframes fade {
  0% { opacity: 0; }
100% { opacity: 1; }
}


/* Media Queries --------------------------------------------- */
@media only screen and (max-width: 1085px) {
  #menu-header-menu li:last-child,
  #menu-header-menu li:nth-child(3) span {
    display: none;
  }
}

@media only screen and (max-width: 900px) {
  .main-nav,
  .bf-social-right,
  .header-items-right
   {
    display: none;
  }

  .sidebar {
    max-width: 100%;
  }

  .footer-logo a {
    display: block;
    padding-bottom: 20px;
  }

  .nav-toggle {
    display: block;
  }

  .sidebar {
    clear: both;
    float: none;
  }

  .site-main {
    width: 100%;
    float: none;
  }
  .sidebar {
    width: 100%;
    clear: both;
    float: none;
  }
}

@media only screen and (max-width: 767px) {
  .archive-more {
    display: none;
  }

  .modal-wrapper.open-modal .modal {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }

  .modal-wrapper .modal {
    position: fixed;
    top: 0;
    left: 50%;
    max-width: 300px;
    -webkit-transform: translate(-50%, -500px);
    -moz-transform: translate(-50%, -500px);
    -ms-transform: translate(-50%, -500px);
    -o-transform: translate(-50%, -500px);
    transform: translate(-50%, -500px);
    border-radius: 0;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 550px) {
  .social-share a {
    margin-right: 0;
    display: block;
    margin-bottom: 25px;
  }

  #comments .comment .comment-container {
    padding: 9%;
  }

  #comments .children .comment-container {
    margin: 0 9%;
  }

  .pagination {
    text-align: center;
    margin: 60px 0 60px 0;
  }

  .nav-links a,
  .nav-links span.current {
    font-size: 14px;
  }

  .copyright-wide,
  .nav-links .prev,
  .nav-links .next,
  .post-meta span,
  .add-comment,
  .home .post img,
  .tag .post img,
  .category .post img,
  .author .post img,
  .search .post img,
  .post-author img,
  .page-browse img,
  .relatedposts {
    display: none;
  }

  .copyright-narrow {
    display: block;
  }

  #cscf_SubmitButton,
  .form-submit input#submit,
  #commentform input.txt {
    width: 100%;
  }

  .entry-title a,
  .entry-title {
    font-size: 32px;
  }

  .newsletter-modal {
    top: 205px;
    width: 200px;
    margin-left: -130px;
  }

  .modal-wrapper .modal {
    max-width: 260px;
  }

  body.menu-active .fade-in #logo {
    margin-left: 0px;
  }

  .slide-menu {
    width: 240px;
    right: -240px;
  }

  body.menu-active .fade-in {
    margin-right: 240px;
    margin-left: -240px;
  }

  .post-author h4,
  .post-author p {
    margin: 0 0 10px 0;
  }

  .single-tags {
    float: none;
    display: block;
    margin-top: 28px;
  }

  .txt-wrap,
  .archive-teaser {
    margin-left: 0;
  }
}
/* Goal is 1000 lines or less - Last check 1545 lines */