/* last updated: 5/8/19 */
/*  Override default 30px setting  */
p {
    margin: 0 0 20px !important;
}
.t3-copyright .nav-stacked > li {
float: left;
margin-top: 2px;
padding-right: 10px;
}
/* 5/8/19 increase font size of menu items from 14px - see also .dropdown-menu  */
.navbar-default .navbar-nav>li>a {
    font-size: 15px !important;
}
.article-info a {
    text-transform: none;
  	font-size: 13px;
}
.article-content a {
    color: #f39200 !important;
    text-decoration: none !important;
    border-bottom: none !important;
}
/* 5/8/19 added color to hover for clarity & consisentcy. */
.article-title a:hover {
  color: #a66400 !important;
  text-decoration: none !important;
  
}
.article-info a:hover {
  color: #a66400 !important;
}
/* Custom setting based on default larger font-size blockquote  */
.blockquote-sm {
  padding: 0px 20px;
  margin: 0 0 0px;
  font-size: 13px;
  border-left: 5px solid #eaeaea;
  display: block;
}
/* 5/8/19 added for .lead for text in .article-content AND .t3-banner  */
.lead {
  font-family: "PT Serif", "Times New Roman", Times, serif;
}
@media (max-width: 768px) {
    .lead {
      font-size: 18px !important;
    }
    .item-page .article-content {
      font-size: 16px !important;
    }
}
#infinity-next {
  width: 250px;
}  
/*  Override Off canvas css for 992px */
.t3-off-canvas .t3-off-canvas-body .nav > li.active > a {
  color: #f39200 !important;
  border-bottom: 0px !important;
}
/* 5/9/19 tweak size from 12px to match other nav items  */
.t3-off-canvas .t3-off-canvas-body .nav>li>a  {
  font-size: 14px !important;
}
/* Tweaks for System messages  */
.btn {
  text-transform: none !important;
  font-size: 13px;
  font-weight: normal;
}
.btn-primary {
  color: #000;
  background-color: #d3d3d3;
  border-color: #d3d3d3;
}
.btn-primary:hover, .btn-primary:active {
  color: #000;
  background-color: #b3b3b3;;
  border-color: #b3b3b3;
}
.formResponsive label {
  max-width: 90% !important;
  font-weight: normal;
}
/* Tweak for t3 module  */
.t3-module {
  margin-bottom: 0px !important;
}
/* Disqus tweaks  */
div.jwDisqusArticleCounter span {
    display: inline !important;
    border-top: 0px !important;
    border-bottom: 0px !important;
    background: #fff !important;
    text-align: left !important;
    padding: 0px 0px 0px 0px !important;
}
a.jwDisqusArticleCounterLink, a.jwDisqusArticleCounterLink:hover {
    font-size: 13px !important;
}
/* Tweak pagination  */
.pagination  {
    margin: 10px 0  !important;
}
.pager .pagination-list > li.hidden-phone {
	display:none;
}
.pager {
  	margin-top:  0px !important;
}
.pagenav {
    margin-bottom: 0px !important;
}
.pagenavcounter {
	float: right !important;
    margin-bottom: 0px !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
}
/*  Reading Age classifications  */
span.for-readers-early {
    font-weight: bold;
    color: white;
	background-color: #009900;
}
span.for-readers-preteen {
    font-weight: bold;
    color: white;
	background-color: #6699FF;
}
span.for-readers-YA {
    font-weight: bold;
    color: black;
	background-color: #FF9900;
}
span.for-readers-18plus {
    font-weight: bold;
    color: white;
	background-color: #993300;
}
/*  Stop sidebars disappearing in responsive mode  */
.leading-sidebar .banner-sidebar {
  display: block;
}
/*  Centre advertising panels & text/imgs	*/
.centre-w800-banners {
  margin: auto;
  max-width: 800px;
  margin-bottom: 20px;
}
.centre-w400-panel {
  margin: auto;
  max-width: 400px;
  margin-bottom: 20px;
}
.centre-w350-panel {
  margin: auto;
  max-width: 350px;
  margin-bottom: 20px;
}
.centre-w300-panel {
  margin: auto;
  max-width: 300px;
  margin-bottom: 20px;
}
.centre-footer-panels {
  margin: auto;
  max-width: 350px;
  margin-bottom: 20px;
} 
.panel-title {
  text-align: center;
  font-weight: normal !important;
  padding: 10px 15px !important;
}
.panel-title a {
  color: #ffffff !important;
}
.panel-title a:hover {
  color: #ffffff !important;
}
.panel-heading  {
    padding: 0px 0px !important; 
}
.panel-body img {
    display: block;
    width: 100%; 
    height: auto;
    margin: auto;
}
.footer-panel {
    float: left;
    margin-left: 20px;
    display:block;
}
.clear {
    clear: both; 
}
/*  Override settings for titles like Subscribe via MailChimp
        9/1/18: May not need this & it affects formatting of Writing on Tall And True in Writer Bios. */
/*.moduletable > h3 {
    text-align: center !important;
    font-weight: normal !important;
}*/

/* Tweak for banner padding - updated  5/8/19, left & right 0px*/
.t3-banner .bannergroup {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 0px;
    padding-right: 0px;
}
.t3-banner {
    margin-bottom: 0px !important;
}
/* 5/8/19 stop <a> text wrapping in banner */
.t3-banner .bannergroup a {
    display: inline;
}
/* Tweak for horizontal AddThis buttons  */
.addthis_inline_share_toolbox {
    margin-bottom: 20px;
}
/* Custom HTML module not displaying same as Category Blog articles in responsive views */
@media (max-width: 768px) {
.category-module .custom {
border-top: 1px solid #eaeaea;
padding-top: 20px;
margin-top: 20px;
  }
}
/*  Tweak for  pop-up modal error messages  plug-in  */
#wli-messages #wli-main span.messages-error {
   text-align: left;
   color: #000;
   min-height: 0px;
}
#wli-messages {
   box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
   min-height: 0px;
}
/*  Tweak for osdonate  (PayPal) form  */
#osdonatestatic {
   color: #fff;
   font-size: 16px !important;
   font-weight: normal !important;
   text-shadow: 0 0px 0 #333;
   max-width: 400px;
   margin: auto;
   margin-bottom: 20px !important;
}
/*  Override FJ Related Articles settings  */
.module-title {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; 
}
.module-inner > h3 {
    border-bottom: 0px !important;
}
/* Remove border/padding for More by Writer to make it look like More Blog Posts */
ul.relateditems {
    list-style: none !important;
    margin-left: 0px !important;
    /*border-top: 1px solid #eaeaea;*/
    /* padding-top: 20px; */
    line-height: 1.75;
}
/* Tweak a links to look like More Blog Posts */
.relateditems a {
    color: #3c3c3c;
}
.relateditems a:hover {
color: #f39200 !important;
}
/* Override default copyright & footer settings  */
.copyright a {
    border-bottom: 0px !important;
    color: #f39200 !important;
}
.nav-stacked > li {
  border-top: 0px !important;
  font-size: 13px;
}
.nav-stacked > li > a{
  padding: 5px 5px 0 0;
}
/* 5/8/19 increased font-size from 14px  */
.dropdown-menu {
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 16px !important;
  text-align: left;
  background-color: #ffffff;
  border: 0px !important;
  border-radius: 0px; !important;
 -webkit-box-shadow: 0px !imporant;
  box-shadow: 0 !important;
  background-clip: none !important;
}
/* Sidebar-2 customisation for Blog-type menu item  */ 
@media (max-width:992px) and (min-width:466px) { 
  .itemid-136 .formResponsive input { width: 170px; }
  .itemid-180 .formResponsive input { width: 170px; }
}
/* Override thick border-bottom on category menu items  */
.cat-orange .leading-main .item-content {
    border-bottom-style: none !important;
}
/* Override link colour in More Blog Posts  */
a.mod-articles-category-title:hover {
  color: #f39200 !important;
}
/* Custom formatting for More Blog Posts  */
.mod-articles-category-group {
  font-size: larger;
  font-weight: bold;
}
/* Hide panels etc from print out of web page  */
@media print {
  .centre-w400-panel {
    display: none !important;
  }
  .jwDisqusForm {
    display: none !important;
  }
  a[href]:after {
    content: none !important;
  }
  .pager {
    display: none !important;
  }
  .fa {
    display: none !important;
  }
  .tags {
    display: none !important;
  }
}
/* CSS for Author & Editor Bios (from stackoverflow - couldn't tweak JA .author properly for very small screens) */
.bio-content {
    font-family: "PT Serif", "Times New Roman", Times, serif;
    width: 100%;
    border: 0px;
    background: #eaeaea;
    padding: 20px;
    overflow: hidden;
    margin-bottom: 20px;
}
.bio-content img {
    margin-right: 15px;
    margin-bottom: 10px;
    float: left;
}
@media (max-width: 600px) {
  .bio-content > h3 {
    clear: left;
  }
}
.bio-social {
    font-size: 16px !important;
    display: table;
    float: left;
}
.bio-social ul {  
    list-style-type: none;
    margin: 0;
    padding: 0;
} 
.bio-social li {
    float: left;
    display: inline-block;
    margin-left: 20px;
}
/* Make page-title h1, article-title h1 & h1 consistent */
.article-header, .article-title h1 {
    font-size: 36px !important;
    font-weight: 500 !important;
}
.page-title, .page-header h1 {
    margin: 0;
    color: #000;
    font-size: 36px !important;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
    font-weight: 500 !important;
}
h1 {
    font-size: 36px !important;
    font-weight: 500 !important;
}
/* Affiliate ads (Grammarly, Amazon etc) in articles  */
.affiliate-ads img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-bottom:0.3em;
}
.affiliate-ads p {
    font-size:80%;
    text-align: center;
}
/* Affiliate ads (Grammarly, Amazon etc) in sidebars  */
@media (max-width: 992px) {
  .affiliate-sidebars img {
  	 max-width: 219px;
     height: 182.5px; 
  }
}
/* Instagram thumbnails & text used in posts and articles  */
.instagram-thumbnails img {
  float: left;
  margin-right: 20px; 
}
@media (max-width: 768px) {
  .instagram-thumbnails img {
  float: none;
  }
}
.instagram-thumbnails h2 {
  font-size: 20px; 
}
.instagram-thumbnails h3 {
  font-size: 18px; 
  margin-top: 0px;
}
/* Three & four column CSS settings to display text/img as per RF.com  */
.threecolumn-heading h2, .fourcolumn-heading h2 {
  font-size: 20px; 
}
.threecolumn-heading h3, .fourcolumn-heading h3 {
  font-size: 18px; 
  margin-top: 0px;
}
.threecolumn-text {
    width: 64.833%; 
    float: left;
}
.threecolumn-img {
	width: 29.667%; 
    float: right;
}
.fourcolumn-text {
     width: 73.625%;
     float: left;
}
.fourcolumn-img {
     width: 20.875%;
     float: right;
}
.threecolumn-img img, .fourcolumn-img img {
    float: right;
    margin-top: 10px;
}
@media (max-width: 768px) {
    .threecolumn-text, .fourcolumn-text {
        width: 100%; 
        float: left;
    }
    .threecolumn-img, .fourcolumn-img {
	    width: 100%; 
        float: left;
    }
    .threecolumn-img img, .fourcolumn-img img {
        float: none;
        margin-left:0px;
    }
}