@charset "UTF-8";

/***************************************

/*
Theme Name: Sahifa Child
Description: Child theme for Sahifa theme
Author: TieLabs
Template: sahifa
*/
/* write custom css after this line */


/****** BODY ******/
body {color: #555; background: #FFF !important;}


body.single .post .entry a, body.page .post .entry a {
    border-bottom: 1px dotted;
}

body.single .post .entry a:hover, body.page .post .entry a:hover {
    border-bottom: 1px solid;
}

body.single .post .entry .tablepress a, body.single .page .entry .tablepress a, body.page .post .entry .tablepress a {line-height: 1.4;}

.entry {line-height: 33px;}
#tabbed-widget .widget-top {font-size: 14px;}

#sidebar {font-size: 15px;}

#crumbs, .woocommerce-breadcrumb {font-size: 14px;}

.entry ol, .entry ul {margin-bottom:30px;}

.entry li {margin: 0 0 15px;}

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {margin-bottom: 15px;}

.entry p {margin-bottom: 30px;}

.divider.divider-solid {border-top-color: #0099cc;}

.wp-caption a p.wp-caption-text span {color: #0099CC; border-bottom: 1px dotted;}
.wp-caption a p.wp-caption-text span:hover {border-bottom: 1px solid;}
.wp-caption a:hover p.wp-caption-text span {border-bottom: 1px solid;}

/****** BIOG LINK - BLUE LINKS IN SIDEBAR ******/
a.sidebar-blue {color: #0099cc; border-bottom: 1px dotted;}
a.sidebar-blue:hover {text-decoration: none; border-bottom: 1px solid;}


/****** TABLE OF CONTENTS ******/
.entry .tab-of-contents ol {
    list-style-type: none !important;
    padding-inline-start: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.entry .tab-of-contents ol li {
    float: left;
    list-style: none !important;
    margin-right: 18px;
    line-height: 28px;
}

.entry .tab-of-contents li.numbered {
    margin-left: 16px;
    text-indent: -16px;
    margin-right: 34px;
}

.entry .tab-of-contents ol li a {
    cursor: pointer;
    color: #0099CC;
    transition: color 0.25s ease-out 0s;
    font-family: ;
    text-transform: none;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    font-size: ;
    border: none!important;
}

.entry .tab-of-contents ol li a.bronze {
    color: #CD7F32;
    border: none;
}

.entry .tab-of-contents ol li a.silver {
    color: #C0C0C0;
    border: none;
}

.entry .tab-of-contents ol li a.gold {
    color: #E5C100;
    border: none;
}

.entry .tab-of-contents ol li a:hover, .entry .tab-of-contents ol li a.bronze:hover, .entry .tab-of-contents ol li a.silver:hover, .entry .tab-of-contents ol li a.gold:hover {
	color: #777;
	text-decoration: none;
	border: none;
}

i.rollover {
    float: ;
    font-size: ;
    margin-right: 5px;
    border: ;
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

/****** GOOGLE AUTO ADS ******/
.entry div.google-auto-placed.ap_container {margin-bottom: 17px;}


/****** IMAGE CAPTIONS ******/
.aligncenter .wp-caption-text {text-align: center; margin-top: 6px; margin-bottom: 15px; font-size: 13px;}


/****** CATEGORY PAGES ******/
.content .archive-meta p {margin-bottom: 20px;}


/****** BOX CUSTOMIZATIONS AND STYLES ******/
.centered-box {text-align: center;}


/****** QUOTE BOXES ******/
.in-page-quote {
    display: block;
    margin: 20px 0;
    position: relative;
    padding: 15px 22px 15px 40px;
    font-family: "Georgia";
    font-size: 22px;
    line-height: 32px;
    border-top: 5px solid #0099cc;
    border-bottom: 5px solid #0099cc;
}

.in-page-quote p {
	margin: 15px 10px 15px 0;
}
	
.in-page-quote p::before {
	content: "\201C";
    position: absolute;
    margin-left: -20px;
    font-size: 40px;
}

.in-page-quote p::after {
	content: "\201D";
    font-size: 40px;
    position: absolute;
    margin-left: 5px;
    bottom: 28px;
}


/****** QUOTE BOXES ******/
p.closing-comment {
	padding: 0 18px;
	font-weight: bold;
	border: 4px solid #0099cc;
    border-width: 0 0 0 4px;
}

/****** FADE IMAGES ON HOVER ******/

.lazy-enabled #main-content a.tweetthispost img.fade-image:hover, #sidebar a.leadbox img.fade-image:hover, .lazy-enabled #main-content .outer-fade img.fade-image:hover, .lazy-enabled #main-content a.easyazon-link img.price:hover, .entry a img.fade-image:hover
  {
    opacity: 0.675;
}

/*** OUR PICK – BOX ***/
body.single .post .entry .our-pick, body.page .post .entry .our-pick {
	border: 1px solid #E1E1E1;
	padding: 30px 30px 4px 30px;
	margin-top: 2em;
	margin-bottom: 2em;	
}

body.single .post .entry .our-pick h3, body.page .post .entry .our-pick h3 {
	margin-top: 0;
	margin-bottom: 15px;
	font-size: 20px;
    line-height: 26px;
}

body.single .post .entry .our-pick h4, body.page .post .entry .our-pick h4 {
	margin-top: 10px;
	margin-bottom: 10px;
}

body.single .post .entry .our-pick p, body.page .post .entry .our-pick p {
	font-size: 13px;
	line-height: 20px;
}


/*** PRODUCT INTRO BOX AND NEWSLETTER OPTIN BUTTONS ***/
body.single .post .entry .product-intro, body.page .post .entry .product-intro {
	border: 1px solid #E1E1E1;
	padding: 30px 30px 4px 30px;
	text-align: center;
	margin-top: 2em;
	margin-bottom: 2em;
}

body.single .post .entry .btn-product-intro, body.page .post .entry .btn-product-intro {
	display: inline-block;
	text-align: center;
	line-height: 17px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0px;
	color: #0099cc;
	background: #fff;
	padding: 10px 20px 10px 20px;
	border: solid #0099cc 2px;
	text-decoration: none;
}

body.single .post .entry .btn-product-intro:hover, body.page .post .entry .btn-product-intro:hover {
	background: #0099cc;
	color: #fff;
	border: solid #0099cc 2px;
	text-decoration: none;
}

body.single .post .entry .btn-product-intro i.fa, body.page .post .entry .btn-product-intro i.fa {padding-left: 4px;}


/*** GIFT GUIDE ***/
body.single .post .entry .gift-box, body.page .post .entry .gift-box {
	border: 2px solid #E1E1E1;
	padding: 30px 30px 15px 30px;
	text-align: left;
	margin-top: 2em;
	margin-bottom: 2em;
}


body.single .post .entry p.gift-description, body.page .post .entry p.gift-description {
	margin-top: 0em;
	margin-bottom: 0em;
}

body.single .post .entry .btn-gift-guide, body.page .post .entry .btn-gift-guide {
	float: left;
	display: inline-block;
	text-align: center;
	line-height: 17px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0px;
	color: #0099cc;
	background: #fff;
	margin-bottom: 10px;
	padding: 10px 20px 10px 20px;
	border: solid #0099cc 2px;
	text-decoration: none;
}

body.single .post .entry .btn-gift-guide-first, body.page .post .entry .btn-gift-guide-first {margin-right: 15px;}

body.single .post .entry .btn-gift-guide:hover, body.page .post .entry .btn-gift-guide:hover {
	background: #0099cc;
	color: #fff;
	border: solid #0099cc 2px;
	text-decoration: none;
}

body.single .post .entry .btn-gift-guide i.fa, body.page .post .entry .btn-gift-guide i.fa {
	padding-left: 4px;
}

body.single .post .entry p.gift-guide-button, body.page .post .entry p.gift-guide-button {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 15px;
}

.gift-guide-container {margin-top: 20px;}


/*** CUSTOM FONT AWESOME LISTS ***/
.list-inside-box {padding: 20px 30px 15px 30px;}

.list-inside-box .tie-list-shortcode li {padding-left: 30px;!important}

.tie-list-shortcode.pencil-list ul li:before {
    content: "\f040";
	margin-right: 13px!important;
	margin-left: -28px!important;
	font-size: 18px;
}

.entry .pencil-list ul {
	margin-bottom: 0;
}


/*** PHOTO ICON BOXES ***/
.box.photo-box.box-light-grey {background-color: #F7F7F6;}
.box.photo-box div.box-inner-block {min-height: 30px; margin-bottom: 20px; padding-left: 40px;}
.box.photo-box .photo-box-icon {float: left; margin-left: -40px; line-height: 44px;}
.box.photo-box .photo-box-icon:before {line-height: 30px; height: 30px; width: 30px; font-size: 30px; margin: 0;}
.box.photo-box.pencil .photo-box-icon:before {content: "\f040";}
.box.photo-box.thumb-up .photo-box-icon:before {content: "\f164";}
/* don't have a clue why this isn't displaying the icon: .box.photo-box.video-camera .photo-box-icon:before {content: "\f03d";} */
.box.photo-box.star-feature .photo-box-icon:before {content: "\f005";}
.box.photo-box div.box-inner-block span {float: left; margin-top: 0; margin-bottom: 20px; font-size: 18px; font-weight: bold;}
p.photo-box-last {margin-bottom: 0;}


/*** VIDEO PLAYING ICON BOXES ***/
.box.video-camera-box.box-light-grey {background-color: #F7F7F6;}
.box.video-camera-box div.box-inner-block {min-height: 30px; margin-bottom: 20px; padding-left: 40px;}
.box.video-camera-box .video-camera-icon {float: left; margin-left: -40px; line-height: 44px;}
.box.video-camera-box .video-camera-icon:before {line-height: 30px; height: 30px; width: 30px; font-size: 30px; margin: 0;}
.box.video-camera-box .video-camera-icon:before {content: "\f03d";}
.box.video-camera-box div.box-inner-block span {float: left; margin-top: 0; margin-bottom: 20px; font-size: 18px; font-weight: bold;}
.box.video-camera-box p.video-player {margin-bottom: 10px;}


/*** LEARN MORE BOX ***/
.box.learn-more-box {background-color: #44525f; padding: 30px 35px 35px 35px;}
.box.learn-more-box p {color: #FFF;}
.box.learn-more-box p.title {font-weight:bold;}
p.btn-learn-more {margin-top: 35px; margin-bottom: 0;}
body.single .post .entry p.btn-learn-more a, body.page .post .entry p.btn-learn-more a {display: inline-block; line-height: 17px; padding: 17px 20px; color:#FFF; text-decoration: none; background:#00bcd4; border: solid #00bcd4 2px; border-radius: 0px;}
body.single .post .entry p.btn-learn-more a:hover, body.page .post .entry p.btn-learn-more a:hover {background:none; text-decoration: none; border: solid #00bcd4 2px;}
body.single .post .entry p.btn-learn-more i.fa, body.page .post .entry p.btn-learn-more i.fa {padding-left: 6px;}


/*** PRICE BUTTON WITH BORDER ***/
body.single .post .entry p.price-button {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 15px;
}


/*** OTHER FACT THUMBNAILS IN COLUMNS ***/
.box.other-fact-thumbnails {padding: 25px 25px 10px 25px; margin-top: 20px}
.box.other-fact-thumbnails h3 {margin-top: 0; margin-bottom: 15px;}


/*** SOURCE AND CLICK TO TWEET FLOATING BUTTONS ***/
body.single .post .entry .btn-source-tweet, body.page .post .entry .btn-source-tweet {
	float: left;
	display: inline-block;
	text-align: center;
	line-height: 17px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0px;
	color: #0099cc;
	background: #fff;
	margin-bottom: 10px;
	padding: 8px 15px 8px 15px;
	border: solid #0099cc 2px;
	text-decoration: none;
}

body.single .post .entry .btn-source-tweet-first, body.page .post .entry .btn-source-tweet-first {margin-right: 15px;}

body.single .post .entry .btn-source-tweet:hover, body.page .post .entry .btn-source-tweet:hover {
	background: #0099cc;
	color: #fff;
	border: solid #0099cc 2px;
	text-decoration: none;
}

body.single .post .entry .btn-source-tweet i.fa, body.page .post .entry .btn-source-tweet i.fa {
	font-size: 25px;
    padding-right: 7px;
    vertical-align: middle;
}

body.single .post .entry p.source-tweet-button, body.page .post .entry p.source-tweet-button {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 15px;
}

.source-tweet-container {margin-top: 20px;}

p.after-tweet-button {margin-top: 16px;}


/*** FACT BOX ***/
.fact-box {background: #616161; color: #fff; padding: 30px;}
.fact-box-bottom {margin-bottom: 25px;}
p.fact {margin-bottom: 10px; font-weight: bold; font-size: 30px; text-transform: uppercase;}
p.fact-quote {font-style: italic; margin-top: 20px; margin-bottom: 15px;}
p.fact-text {margin-bottom: 0;}

.margin-at-top {margin-top: 20px;}


/*** DID YOU KNOW? BOX ***/
.did-you-know {border: ; background-color: #F7F7F7; padding: 40px; text-align: center;}
.did-you-know-bottom {margin-bottom: 25px;}
/* .did-you-know-title {border-top: 3px solid #0099cc; border-bottom: 3px solid #0099cc; margin-bottom: 15px;} */
p.did-you-know-title {border-bottom: 4px solid #0099cc; font-weight: bold; font-style: italic; font-size: 30px; margin: 0 0 25px; padding: 0 5px 15px 5px; display: inline-block; line-height: 34px;}
p.did-you-know-text {margin-bottom: 0;}

/*** INDENTED LISTS ***/
.entry ol.indent, .entry ul.indent { margin-left: 35px; }
.tie-list-shortcode ul.indent { margin-left: 20px!important; }

@media only screen and (max-width: 500px) {
	.entry ol.indent, .entry ul.indent { margin-left: 25px; }
	.tie-list-shortcode ul.indent { margin-left: 10px!important; }
}


/*** YOUTUBE AND OTHER VIDEO EMBEDS ***/
.youtube-embed { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-bottom: 20px; }
.youtube-embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/*** END OF POST NEWSLETTER CLUB OPTIN AND IN PAGE OPTINS ***/
body.single .post .entry .post-optin-box, body.page .post .entry .post-optin-box {
	border: 1px solid #E1E1E1;
	padding: 30px;
	text-align: center;
}

body.single .post .entry p.newsletter-club, body.page .post .entry p.newsletter-club {
	margin-top: 0em;
	margin-bottom: 0em;
}

body.single .post .entry .post-optin-box h3, body.page .post .entry .post-optin-box h3 {
	font-size: 1.85em;
	margin-top: 1em;
}

body.single .post .entry p.newsletter-text, body.page .post .entry p.newsletter-text {
	font-size: 18px;
	margin-top: 1.2em;
	padding-left: 20px;
	padding-right: 20px;
}

body.single .post .entry p.newsletter-button, body.page .post .entry p.newsletter-button {
	margin-top: 2.5em;
	margin-bottom: 30px;
}

body.single .post .entry a.newsletter-button-link, body.page .post .entry a.newsletter-button-link {
	padding-top: 17px; padding-bottom: 12px; font-size: 14px; width: 100%;
}


/****** CAPTIONS UNDER CENTERED COLUMNS – LIKE ROUND CIRCLE ACCESSORIES IMAGES ******/
.entry .centered-column {text-align: center;}
.entry .centered-column img.price {margin-top: 10px; margin-bottom: 15px;}
.entry .centered-column p {text-align: left;}
.entry p.product-names {text-align: center;}
.entry span.product-names {text-align: center;}


/****** TABLE STUFF ******/
.compare-table {font-size: 13px; line-height: 1.2; border: 0!important;}
table.compare-table img {margin: 0 auto;}
table.compare-table thead th {text-transform: none;}

.compare-table .column-1, .compare-table .column-2, .compare-table .column-3, .compare-table .column-4, .compare-table .column-5, .compare-table .column-6, .compare-table .column-7, .compare-table .column-8, .compare-table .column-9, .compare-table .column-10  {
	vertical-align:middle;
	text-align:center;
}

table.compare-tens-pads-table .column-2,table.compare-tens-pads-table .column-3,table.compare-tens-pads-table .column-4 {
	line-height: 1.4;
}

table.compare-tens-pads-table .column-1 {width: 160px;}
table.compare-tens-pads-table .column-2 {min-width: 170px;}
table.compare-tens-pads-table .column-3 {min-width: 150px;}
table.compare-tens-pads-table .column-4 {min-width: 140px;}


/****** TOOLTIP ******/
.post-tooltip {
    border-bottom: 1px #0099cc dotted;
    color: #0099cc;
}
.post-tooltip:hover{border-bottom: 1px #0099cc solid;}

.tipsy { font-size: 13px;}

/****** CLICK TO TWEET BOX ******/
.tweet-box {
    width: 100%;
    display: inline-block;
    font-size: 18px;
    line-height: 24px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    color: #0099cc;
    background: #fff;
    border: solid #0099cc 2px;
    text-decoration: none;
    color: #0099cc;
    transition: color 0.25s ease-out 0s;
    cursor: pointer;
}

.tweet-box:hover {
    background: #0099cc;
    color: #fff;
    border: solid #0099cc 2px;
    text-decoration: none;
}

.tweet-box-inner-top {
    width: 100%;
    padding: 15px 20px;
}

.tweet-box-inner-bottom {
    width: 100%;
    padding: 10px 20px 15px;
    text-align: right;
    float: right;
}

.tweet-box-inner-bottom i.fa {font-size: 25px; vertical-align: bottom;}


/****** PROGRESS BARS ******/
.dzs-progress-bar {font-family: inherit!important;}


/****** GO PRICING TABLES ******/
#go-pricing-table-633 .gw-go {
    padding-bottom: 20px;
}


/****** H3 FOR LIST POSTS LIKE BACK INJURY STATISTICS ******/
h3.spaced-lists {line-height: 28px;}


/****** GIPHY IMAGES ******/
.giphy-center {
    max-width: 300px; 
    margin: 30px auto 30px auto;
}

.giphy-center p {
    text-align: right;
    font-size: 10px;
    margin-top: -3px;
}


/****** OTHER ARTICLES IN THIS SERIES ******/
.other-articles {
    margin: 10px 22px 10px 15px;
}

.other-articles h3 {
    margin-left: 4px;
    margin-bottom: 20px;
    line-height: 28px;    
}

.entry .other-articles ol {
    list-style-type: none !important;
    margin-bottom: 30px;
}

.entry .other-articles ol li {
    list-style: none!important;
    margin-right: 18px;
    margin-left: 16px;
    margin-bottom: 18px;
    text-indent: -11px;
    line-height: 30px;
}

@media only screen and (max-width: 500px) {
	.other-articles { 
		margin: 10px 0px 10px 0px;
	}

	.other-articles h3 {
		margin-left: 3px;
	}

	.entry .other-articles ol {
		margin-left: 19px;
	}

	.entry .other-articles ol li {
		margin-right: 4px;
		margin-left: 12px;
	}	
}

.entry .other-articles ol li:last-child {
    margin-bottom: 5px;
}

.entry .other-articles ol li a {
    cursor: pointer;
    color: #0099CC;
    transition: color 0.25s ease-out 0s;
    text-transform: none;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    border: none!important;
}

.entry .other-articles ol li a:hover {
    color: #777;
    text-decoration: none;
    border: none;
}

i.other-articles-rollover {
    margin-right: 10px;
}

/****** FOOTNOTES ******/
.footnotes {
  margin-top: 25px;
  border-top: 1px solid #CCC;
}

.footnotes ol {
  padding-left: 20px;
  font-size: 13px;
  line-height: 19px;
}

.footnotes ol li {margin: 0 0 10px;}

h3.references {margin-top: 15px;}

/**
 * Initialiazing a `footnotes` counter on the wrapper
 */
article {
  counter-reset: footnotes;
}

/**
 * Inline footnotes references
 * 1. Increment the counter at each new reference
 * 2. Reset link styles to make it appear like regular text
 */
[aria-describedby="footnote-label"] {
  counter-increment: footnotes; /* 1 */
  text-decoration: none; /* 2 */
  color: inherit; /* 2 */
  cursor: default; /* 2 */
  outline: none; /* 2 */
}

body.single .post .entry a.labels-pre-sub,body.page .post .entry a.labels-pre-sub {border-bottom: none; color: #555;}
body.single .post .entry blockquote a.labels-pre-sub,body.page .post .entry blockquote a.labels-pre-sub {color: #999;}
body.single .post .entry .fact-box a.labels-pre-sub,body.page .post .entry .fact-box a.labels-pre-sub {border-bottom: none; color: #fff;}

/**
 * Actual numbered references
 * 1. Display the current state of the counter (e.g. `[1]`)
 * 2. Align text as superscript
 * 3. Make the number smaller (since it's superscript)
 * 4. Slightly offset the number from the text
 * 5. Reset link styles on the number to show it's usable
 */
[aria-describedby="footnote-label"]::after {
  content: '[' counter(footnotes) ']'; /* 1 */
  vertical-align: super; /* 2 */
  font-size: 0.7em; /* 3 */
  line-height: 0em;
  margin-left: 2px; /* 4 */
  color: #0099cc; /* 5 */
  text-decoration: none; /* 5 */
  border-bottom: 1px dotted;
  cursor: pointer; /* 5 */
  font-weight: normal;
}

[aria-describedby="footnote-label"]:hover::after {border-bottom: 1px #0099cc solid;}


.fact-box [aria-describedby="footnote-label"]::after {color: #fff;}
.fact-box [aria-describedby="footnote-label"]:hover::after {border-bottom: 1px #fff solid;}

/**
 * Resetting the default focused styles on the number
 */
[aria-describedby="footnote-label"]:focus::after {
  outline: thin dotted;
  outline-offset: 2px;
}

[aria-label="Back to content"] {
  border-bottom: ;
}

body.single .post .entry a.back-arrow,body.page .post .entry a.back-arrow {border-bottom: none;}

/**
 * Highlight target note
 */
.footnotes :target {
  background: yellow;
}

/**
 * Visually hidden yet accessible content
 */
.visually-hidden {
  position: absolute;
  clip: rect(0 0 0 0);
  visibility: hidden;
  opacity: 0;
}


/****** COMMENTS ******/
body.single #comments p a {color: #0099cc; border-bottom: 1px dotted;}
body.single #comments p a:hover {border-bottom: 1px solid;}

***************************************/