/*

Site: www.bppstore.com
Version: 2.0.0 25-May-2021
Beartooth Media Group, Inc.

*/

/* inline image styling in articles - need to be careful here so as not to affect the rest of the site, but the idea here is to add an image title and description (caption?) at the top, with light gray top and bottom lines separating the image from the content */

/* bbpress styles */

/* from RW - see email thread 2024-05-29 make UL LI and OL LI and A font sizes consistent with surrounding text size */
/* make font size of links in forum replies the same as the rest of the text */
/* fix link hover styling issues in bbpress comments */

#bbpress-forums div.bbp-reply-content ul li, #bbpress-forums div.bbp-reply-content ol li {
	font-size: .9em;
}

.comments-container .reply a:hover {
               color: #000 !important;
}

.comments-container .reply a {
               font-size: 1.0em !important;
}

/* lasso styles */

.lasso-title {
    font-size: 2em;
    font-family: var(--sansserifbold),Helvetica,sans-serif;
}
.lasso-fields {
    font-size: 1em;
    font-family: var(--sansserif),Helvetica,sans-serif;
}
.lasso-badge {
    font-size: 1.25em;
    font-family: var(--sansserifbold),Helvetica,sans-serif;
    text-transform: uppercase;
}
.badge-text {
    font-family: var(--sansserifbold),Helvetica,sans-serif;
}

/* test methodology widget styles (2024) */

.bpl-test-methodology-widget {
    border-left: 55px solid #ccc;
    border-right: 4px solid #ccc;
    border-top: 4px solid #ccc;
    border-bottom: 4px solid #ccc;
    padding-left: 10px; 
	margin-top: 30px;
	margin-bottom: 30px;
}

.bpl-test-methodology-widget::before {
    content: '\f7ee';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    font-size: 1.25em;
    position: absolute;
    left: 33px;
	color: #000;
}

/* affiliate widget styles (2024) */

.bpl-related-content-widget {
	border-left: 4px solid #b3e065;
}

.bpl-product-widget-inline {
    border-left: 55px solid #0b5394;
    border-right: 4px solid #0b5394;
    border-top: 4px solid #0b5394;
    border-bottom: 4px solid #0b5394;
    padding-left: 10px; 
	margin-top: 30px;
	margin-bottom: 30px;
}
.bpl-product-widget-inline a {
    color: #0096FF;
}
.bpl-product-widget-inline a:hover {
    color: #000;
    text-decoration: none;
}
.bpl-product-widget-inline::before {
    content: '\f02b';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    font-size: 1.25em;
    position: absolute;
    left: 33px;
	color: #fff;
}

/* make all <strong> styles on site use the sansserifbold font (4.Jan.2022) */

.site-content b {
    font-family: var(--sansserifbold), Helvetica, sans-serif !important;
}

.site-content strong {
    font-family: var(--sansserifbold), Helvetica, sans-serif !important;
}

/* transform text to uppercase on Download Now button, home page email form (31.dec.2021) */

.register-submit {
	text-transform: uppercase;
}

/* where to buy section wrapper (new 20.nov.2020) */

.wheretobuy {
	border: 5px solid #fcc400;
	padding: 20px;
	margin-bottom: 15px;
}

/* youtube video wrapper style  */

.youtube-video {
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
}

/* styles for new staff picks and featured products - 2019Dec */

.affdiv {
   border: 20px solid #ddd;
   padding: 15px;
   margin-top: 15px;
   margin-bottom: 30px;
}
.product-category {
   padding: 30px;
   margin-top: 30px;
   margin-bottom: 30px;
   background-color: #ddd;
   font-size: 150%;
   font-weight: bold;
   text-align: center;
}

/* callout div for calling out summary content in an article */
.callout  {
   border: 10px solid #aaa;
   padding: 15px;
   margin-top: 15px;
   margin-bottom: 30px;
   background-color: #eee;
}

.callout-title {
	font-weight: bold;
	text-transform: uppercase;
}

/* style for font-awesome jumplinks to top anchor */

span.jumptotop:before {

  content: "\f077";

  display: inline-block;
  opacity:  0.3;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

/* style for the end-of-article affiliate disclosure statement */

.disclosure-div {
	padding: 30px;
	margin-top: 15px;
	margin-bottom: 30px;
	background-color: #eee;
	font-size: small;
	color: #777;
}

/* style for major section headings of long articles */

.section-heading {
	text-align: center;
	font-size: 133%;
	border-top: 1px solid #222222;
	border-bottom: 1px solid #999;
	padding: 15px;
	margin-top: 45px;
	margin-bottom: 30px;
	background-color: #64b927;
	color: #ffffff;
}

.sub-section-heading {
    border-top: 3px solid #64b927;
	border-bottom: 1px solid #999;
	padding: 15px;
	color: #64b927;
	background-color: #f5f5f5;
	text-transform: uppercase;
}

/* responsive table CSS to allow horizontal scrolling of large tables */

@media only screen and (max-width: 768px) {
.responsive-table {
overflow: hidden;
overflow-x: scroll;
display:block;
}
}

/* tooltips */

.tooltip {
    position: relative;
    display: inline-block;
	color: #777;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 200px;
	font-size: small;
    background-color: #ddd;
    color: #000;
    text-align: left;
    border-radius: 6px;
    padding: 10px;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

/* gear lists */

.gearlistsectionheading {
   padding-top:5px;
   padding-bottom:5px;
   padding-left:15px;
   background-color:red;
   color:#ffffff;
   font-size:x-large;
   font-weight:bold;
   margin-bottom:15px;
}

.gearlistitemheading {
   padding-top:5px;
   padding-bottom:5px;
   padding-left:15px;
   background-color:#dddddd;
   font-size:x-large;
   font-weight:bold;
   margin-bottom:15px;
}

/* Members Only Content Icons

span.membersonly:before,
span.members-only-icon:before {

  color: #ccad00;
  content: "\f084";

  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.memberonly {
  font-size: small;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  background-color: #ff4400;
  border: 1px solid black;
  padding: 0px 2px;
}

*/