/*
Theme Name: Money Lab
Theme URI: https://www.moneylab.co
Author: Matt Giovanisci
Version: 3.0
*/


/*********************************************************
    GLOBAL
*********************************************************/
html{font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; margin: 0; padding: 0; width: 100%; min-height: 100%; height: 100%;}
body{font-family: var(--helvetica); font-size: 1.15rem; font-weight: 400; line-height: 1.75; color: var(--black); text-align: left; background-color: #fff; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); position: relative; text-rendering: optimizelegibility; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga"; min-height: 100%; height: 100%; padding: 0; margin: 0;}
@-ms-viewport{width: device-width;}
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section{display: block; margin: 0;}
[tabindex="-1"]:focus{outline: 0 !important;}
input[type="radio"], input[type="checkbox"]{box-sizing: border-box; padding: 0;}
input, button, select, optgroup, textarea{margin: 0; font-family: inherit; font-size: inherit; line-height: inherit;}
table{border-collapse: collapse;}
img{vertical-align: middle; border-style: none; transition: 0.2s ease;}
input:focus, button:focus {outline:0;}
fieldset{border: none;}


/*********************************************************
    FONTS
*********************************************************/
:root{
    --futura: Futura, Trebuchet MS, Arial Black, Arial Bold, Arial, sans-serif;
    --helvetica: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}


/*********************************************************
    ASSETS
*********************************************************/
h1, h2, h3, h4, .h1, .h2, .h3, .h4{font-family: var(--futura); font-weight: 800; line-height: 1.2; margin-top: 0; margin-bottom: 0.5rem;}
h1, .h1{font-size: 4rem; letter-spacing: -3px;}
h2, .h2{font-size: 3rem; letter-spacing: -2px;}
h3, .h3{font-size: 2rem; letter-spacing: -1px;}
h4, .h4{font-size: 1.25rem;}
strong{font-weight: 800 !important;}
a{color: var(--pink); text-decoration: none; font-weight: 800; transition: 0.2s ease;}
a:hover{color: var(--black); text-decoration: underline;}
p{margin-top: 0; margin-bottom: 2rem;}
ol,ul,dl{margin-top: 0; margin-bottom: 2rem;}
ol ol,ul ul,ol ul,ul ol{margin-bottom: 0;}
li{margin-bottom: 0.5rem;}
iframe{margin-bottom: 2rem;}
blockquote{padding-left: 2.5rem; margin: 0; color: #999; border-left: 5px solid #ddd; font-style: italic; font-family: georgia, serif;}
.circle{border-radius: 50em;}
.no-border{border: none;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}
small, .small{font-size: 0.9rem; display: block;}
.rounded{border-radius: 0.75rem !important;}
.shadow{box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.20);}
.hover-white:hover{color: var(--white); text-decoration: underline;}
.hover-down:hover{transform: translateY(5px); box-shadow: none !important;}
.hover-down:hover img{box-shadow: none !important;}
.hide{display: none;}
.underline{text-decoration: underline !important;}
.no-underline{text-decoration: none !important;}
.muted{opacity: 0.5 !important;}
::selection{background: var(--black); color: var(--pink);}


/*********************************************************
    HELPERS
*********************************************************/
.img-fluid{max-width: 100%; height: auto;}
.w-100{width: 100%;}
.list-inline{padding-left: 0; list-style: none;}
.list-inline-item{display: inline-block;}
.list-inline-item:not(:last-child){margin-right: 0.5rem;}
.w-100{width: 100%;}
.p-1{padding: 0.25rem !important;}
.p-3{padding: 1rem !important;}
.p-4{padding: 2rem !important;}
.p-5{padding: 3rem !important;}
.px-1{padding-left: 0.25rem !important; padding-right: 0.25rem !important;}
.px-2{padding-left: 0.5rem !important; padding-right: 0.5rem !important;}
.px-3{padding-left: 1rem !important; padding-right: 1rem !important;}
.px-5{padding-left: 3rem !important; padding-right: 3rem !important;}
.py-3{padding-top: 1rem !important; padding-bottom: 1rem !important;}
.py-4{padding-top: 2rem !important; padding-bottom: 2rem !important;}
.py-5{padding-top: 3rem !important; padding-bottom: 3rem !important;}
.pt-5{padding-top: 3rem !important;}
.pb-0{padding-bottom: 0 !important;}
.pb-5{padding-bottom: 3rem !important;}
.m-0{margin: 0 !important;}
.m-1{margin: 0.25rem !important}
.m-3{margin: 1rem !important;}
.my-3{margin-top: 1rem !important; margin-bottom: 1rem !important;}
.my-4{margin-top: 2rem !important; margin-bottom: 2rem !important;}
.my-5{margin-top: 3rem !important; margin-bottom: 3rem !important;}
.mb-0{margin-bottom: 0rem !important;}
.mb-3{margin-bottom: 1rem !important;}
.mb-4{margin-bottom: 2rem !important;}
.mb-5{margin-bottom: 3rem !important;}
.mt-3{margin-top: 1rem !important;}
.mt-5{margin-top: 3rem !important;}
.mx-auto{margin-left: auto !important; margin-right: auto !important;}
.mx-1{margin-left: 0.25rem !important; margin-right: 0.25rem !important;}
.mx-3{margin-left: 1rem !important; margin-right: 1rem !important;}
.mx-auto{margin-left: auto !important; margin-right: auto !important}
.fixed-bottom{position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030;}
.font-weight-normal{font-weight: normal !important;}
.fixed-top{position: fixed; top: 0; right: 0; left: 0; z-index: 1030;}
.max-height{max-height: 5rem !important;}


/*********************************************************
    COLORS
*********************************************************/
:root{
    --purple: #5E36CA;
    --green: #33CC99;
	 --mygreen: #329ca3;
    --blue: #529ECC;
    --teal: #04BCA6;
    --orange: #F6BD60;
    --yellow: #FEF5C5;
    --red: #CC3333;
    --pink: #FF3399;
    --black: #393E42;
    --white: #FFFFFF;
    --gray: #CCCCCC;
    --dark-gray: #666666;
	 --lightgray: #f9f9f9;
}
.white{color: var(--white) !important; text-shadow: none !important;}
.white-bg{background-color: var(--white) !important;}
.black{color: var(--black) !important; text-decoration: none !important;}
.black-bg {background-color: var(--black) !important;}
.blue{color: var(--blue) !important;}
.blue-bg{background-color: var(--blue) !important;}
.green{color: var(--green) !important;}
.green-bg{background-color: var(--green) !important;}
.mygreen{color: var(--mygreen) !important;}
.mygreen-bg{background-color: var(--mygreen) !important;}
.orange{color: var(--orange) !important;}
.orange-bg{background-color: var(--orange) !important;}
.yellow{color: var(--yellow) !important;}
.yellow-bg{background-color: var(--yellow) !important;}
.purple{color: var(--purple) !important;}
.purple-bg{background-color: var(--purple) !important;}
.pink{color: var(--pink) !important;}
.pink-bg{background-color: var(--pink) !important;}
.teal{color: var(--teal) !important;}
.teal-bg{background-color: var(--teal) !important;}
.red{color: var(--red) !important;}
.red-bg{background-color: var(--red) !important;}
.gray{color: var(--gray) !important;}
.gray-bg{background-color: var(--gray) !important;}
.dark-gray{color: var(--dark-gray) !important;}
.dark-gray-bg{background-color: var(--dark-gray) !important;}
.lightgray{color: var(--lightgray) !important;}
.lightgray-bg{background-color: var(--lightgray) !important;}
.border{border: 1px solid var(--gray);}
.no-border{border: 0px !important;}
.border-bottom{border-bottom: 1px solid var(--gray);}
.border-top{border-top: 1px solid var(--gray);}


/*********************************************************
    FORMS
*********************************************************/
.btn{color: var(--white) !important; white-space: normal; font-size: 1rem; line-height: 1.7; padding: 0.75rem; text-decoration: none; border: 0px !important; border-radius: 5px !important; cursor: pointer; display: inline-block; background-image: none !important; text-shadow: none !important; background: var(--teal); transition: 0.2s ease; font-family: var(--futura); font-weight: 800; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.20) !important; text-transform: inherit;}
.btn:hover{text-decoration: none; box-shadow: 0 0 20px var(--teal) !important;}
.btn-big{color: var(--white) !important; white-space: normal; font-size: 1.5rem; line-height: 1.7; padding: 0.75rem; text-decoration: none; border: 0px !important; border-radius: 5px !important; cursor: pointer; display: inline-block; background-image: none !important; text-shadow: none !important; background: var(--teal); transition: 0.2s ease; font-family: var(--futura); font-weight: 800; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.20) !important; text-transform: inherit;}
.btn-big:hover{text-decoration: none; box-shadow: 0 0 20px var(--teal) !important;}
.btn-lg{font-size: 1.25rem !important; padding: 0.75rem 1.25rem !important;}
.form-control{display: block; width: 100%; padding: 0.75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.form-group{margin-bottom: 1rem;}

/*********************************************************
    FOCUS CARD
*********************************************************/
.focus-card {
    background-color: var(--yellow) !important;
    border-radius: 5px !important;
	 box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.20) !important;
    border: 1px solid #ddd;
    padding: 10px 20px;
    margin-bottom: 2.5rem;
    width:calc(100% - 2px)
}
/*********************************************************
    SIDENOTE
*********************************************************/
.sidenote {
    background-color: var(--white) !important;
    border-radius: 10px !important;
	 box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.20) !important;
    border: 2px solid #F6BD60;
    padding: 1.5rem;
    margin-bottom: 2.5rem;
    width:calc(100% - 2px)
}
/*********************************************************
    HEADER & NAVIGATION
*********************************************************/
.header{padding: 1.5rem 0; font-size: 1rem; background: var(--black); font-family: var(--futura); font-weight: 800; min-height: 80px;}
.header a{color: var(--white);}
.header a:hover{color: var(--pink); text-decoration: none;}
.header img, .header div{height: 30px;}

.footer ul {
    padding: 5px;
    margin: 5px;
}

.footer li {
    display: inline-block;
    font-size: 0.8rem;
    padding: 5px 10px;
}
/*********************************************************
    CONTENT
*********************************************************/
.article{max-width: 800px; margin: auto; word-wrap: break-word;}
.article h3{color: var(--dark-gray);}
.article a{text-decoration: underline;}
.article blockquote{font-size: 22px; line-height: 35px; font-style: italic; color: #aaa; border-left: 5px solid var(--green); padding-left: 40px; margin-bottom: 40px;}
.article .recommended-post{list-style: none; padding: 0 1rem 0.5rem; margin-bottom: 1rem; display: block; width: 100%;}
.content-card img{max-width: 100%; height: auto; box-shadow: 0 10px 20px 0 rgba(0,0,0,.2); border-radius: 0.75rem !important; margin-bottom: 1rem;}
.ml-background{background-image: url("images/money-lab-background.svg"); background-size: contain;}
.video-container{position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe, .video-container object, .video-container embed{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


/*********************************************************
    TOOLKIT
*********************************************************/
.lesson-links li{margin-bottom: 1rem; line-height: 1.5;}
.lesson-links li a{color: var(--white); text-decoration: none;}
.lesson-links li a:hover{color: var(--orange);}



/*********************************************************
    POPUP
*********************************************************/
.pop{position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 1090; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9); display: none; overflow: scroll;}
.close-pop{position: absolute; top: 10px; right: 10px; color: #999; font-size: 25px;}
.close-pop:hover{color: #999;}
.slide-box{max-width: 500px; height: auto; position: fixed; bottom: 0; right: -500px; z-index: 2050;}




/*********************************************************
    TIMELINE
*********************************************************/
.cd-container{width: 90%; max-width: 1200px; margin: 0 auto;}
.cd-container::after {content: ''; display: table; clear: both;}
#cd-timeline{position: relative; padding: 5em 0;}
#cd-timeline::before{content: ''; position: absolute; top: 0; left: 18px; height: 100%; width: 4px; background: #fff; border-radius: 10px;}
.cd-timeline-block{position: relative; margin: 2em 0; color: #666;}
.cd-timeline-block:after{content: ""; display: table; clear: both;}
.cd-timeline-block:first-child{margin-top: 0;}
.cd-timeline-block:last-child{margin-bottom: 0;}
.cd-timeline-img{position: absolute; top: 0; left: 0; width: 40px; height: 40px; border-radius: 50%; box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);}
.cd-timeline-img .fa, .cd-timeline-img .fas, .cd-timeline-img .fab{display: block; font-size: 25px; line-height: 22px; position: relative; left: 50%; top: 50%; margin-left: -16px; margin-top: -11px; color: #fff;}
.cd-timeline-img img{display: block; width: 30px; height: 30px; position: relative; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; color: #fff;}
.cd-timeline-content {position: relative; margin-left: 60px; background: white; border-radius: 0.50em; padding: 1em;}
.cd-timeline-content:after { content: ""; display: table; clear: both;}
.cd-timeline-content h3 {margin: 0 0 10px 0; padding: 0;}
.cd-timeline-content img {display: block; width: 100%; border: 1px solid #ccc; border-radius: 10px; margin: 30px 0 10px;}
.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {font-size: 18px; margin: 0;}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date{display: inline-block;}
.cd-timeline-content .cd-date{color: #fff;}
.cd-timeline-content small{color: #999; font-size: 12px; line-height: 20px; text-align: center; display: block; font-style: italic;}
.cd-timeline-content .cd-read-more {float: right; padding: .5em 1em; background: #acb7c0; color: white; border-radius: 0.25em;}
.no-touch .cd-timeline-content .cd-read-more:hover {background-color: #bac4cb; text-decoration: none;}
.cd-timeline-content .cd-date {float: left; padding: 1em 0; opacity: .7;}
.cd-timeline-content::before {content: '';position: absolute;top: 16px;right: 100%;height: 0;width: 0;border: 7px solid transparent;border-right: 7px solid white;}
.cd-timeline-img--hidden, .cd-timeline-content--hidden{visibility: hidden}
.cd-timeline-img--bounce-in{-webkit-animation: cd-bounce-1 0.6s; animation: cd-bounce-1 0.6s}
.cd-timeline-content--bounce-in{-webkit-animation: cd-bounce-2 0.6s; animation: cd-bounce-2 0.6s}
.cd-timeline-block:nth-child(even) .cd-timeline__content--bounce-in{-webkit-animation-name: cd-bounce-2-inverse;animation-name: cd-bounce-2-inverse}

@-webkit-keyframes cd-bounce-1 {
    0% {opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5)}
    60% {opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2)}
    100% {-webkit-transform: scale(1); transform: scale(1)}
}

@keyframes cd-bounce-1 {
    0% {opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5)}
    60% {opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2)}
    100% {-webkit-transform: scale(1); transform: scale(1)}
}

@-webkit-keyframes cd-bounce-2 {
    0% {opacity: 0; -webkit-transform: translateX(-100px); transform: translateX(-100px)}
    60% {opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px)}
    100% {-webkit-transform: translateX(0); transform: translateX(0)}
}

@keyframes cd-bounce-2 {
    0% {opacity: 0; -webkit-transform: translateX(-100px); transform: translateX(-100px)}
    60% {opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px)}
    100% {-webkit-transform: translateX(0); transform: translateX(0)}
}

@-webkit-keyframes cd-bounce-2-inverse {
    0% {opacity: 0; -webkit-transform: translateX(100px); transform: translateX(100px)}
    60% {opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px)}
    100% {-webkit-transform: translateX(0); transform: translateX(0)}
}

@keyframes cd-bounce-2-inverse {
    0% {opacity: 0; -webkit-transform: translateX(100px); transform: translateX(100px)}
    60% {opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px)}
    100% {-webkit-transform: translateX(0); transform: translateX(0)}
}

.lesson-learned{max-width: 800px; width: 90%; height: 100%; margin: 0 auto; padding: 35px 30px 40px; position: relative; box-sizing: border-box; text-align: center; background: #fff; color: #666; border-radius: 10px;}
.lesson-learned h2{margin: 0 auto 20px auto; padding: 0; color: var(--green); font-weight: 800;}
.lesson-learned p{font-size: 24px; line-height: 34px; font-style: italic; margin: 0 0 20px 0;}
.lesson-learned a:hover{text-decoration: none;}



/*********************************************************
    WORDPRESS
*********************************************************/
.alignnone {margin: 5px 20px 0 0; max-width: 100%; width: auto; height: auto; border: 1px solid var(--gray); border-radius: 0.75rem;}
.aligncenter, div.aligncenter {display:block;margin: auto; max-width: 100%; width: auto; height: auto;}
.alignright {float:right; margin: 5px 0 20px 20px;}
.alignleft {float:left; margin: 5px 20px 20px 0;}
.aligncenter {display: block; margin: 5px auto 5px auto; border: 1px solid var(--gray); border-radius: 0.75rem;}
a img.alignright {float:right; margin: 5px 0 20px 20px;padding: 5px;}
a img.alignnone {padding: 0px; max-width: 100%; width: auto; height: auto; border: 1px solid var(--gray); border-radius: 0.75rem;}
a img.alignleft {float:left;margin: 5px 20px 20px 0;padding: 5px;}
a img.aligncenter {display: block;margin-left: auto;margin-right: auto;padding: 5px;}
.wp-caption {background: none; border:none; max-width: 100%; /* Image does not overflow the content area */ padding: 0; text-align: right; margin: 0 0 40px 0;}
.wp-caption.alignnone {margin: 0;}
.wp-caption.alignleft {margin: 5px 20px 20px 0;}
.wp-caption.alignright {margin: 5px 0 20px 20px;}
.wp-caption img {border: 0 none;height: auto; margin:0; max-width: auto; padding:0; width: auto; border: none;}
.wp-caption-text{font-size: 14px; line-height: 16px; padding: 10px 0 0; color: #999; text-align: center; margin: 0 0 40px 0 !important;}
.wp-block-image{margin: 0 0 2.5rem 0;}
.wp-block-image img{max-width: 100%; width: auto; height: auto;}

/*********************************************************
    REMOVE reCAPTCHA BADGE
*********************************************************/
.grecaptcha-badge { visibility: hidden; }


/*********************************************************
    RESPONSIVE
*********************************************************/
@media only screen and (min-width: 1200px) {
  #cd-timeline::before{left: 50%; margin-left: -2px;}
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in{-webkit-animation: cd-bounce-2-inverse 0.6s; -moz-animation: cd-bounce-2-inverse 0.6s; animation: cd-bounce-2-inverse 0.6s;}
  .cd-timeline-block{margin: 4em 0;}
  .cd-timeline-block:first-child{margin-top: 0;}
  .cd-timeline-block:last-child{margin-bottom: 0;}
  .cd-timeline-img{width: 60px; height: 60px; left: 50%; margin-left: -30px; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden;}
  .cssanimations .cd-timeline-img.is-hidden{visibility: hidden;}
  .cssanimations .cd-timeline-img.bounce-in{visibility: visible; -webkit-animation: cd-bounce-1 0.6s;-moz-animation: cd-bounce-1 0.6s; animation: cd-bounce-1 0.6s;}
  .cd-timeline-content{margin-left: 0; padding: 1.6em; width: 40%;}
  .cd-timeline-content::before{top: 24px; left: 100%; border-color: transparent; border-left-color: white;}
  .cd-timeline-content .cd-read-more{float: left;}
  .cd-timeline-content .cd-date{position: absolute; width: 100%; left: 135%; top: 0; font-size: 16px; font-size: 1rem;}
  .cd-timeline-block:nth-child(even) .cd-timeline-content{float: right;}
  .cd-timeline-block:nth-child(even) .cd-timeline-content::before{top: 24px; left: auto; right: 100%; border-color: transparent; border-right-color: white;}
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more{float: right;}
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {left: auto; right: 135%; text-align: right;}
  .cssanimations .cd-timeline-content.is-hidden {visibility: hidden;}
  .cssanimations .cd-timeline-content.bounce-in {visibility: visible; -webkit-animation: cd-bounce-2 0.6s; -moz-animation: cd-bounce-2 0.6s; animation: cd-bounce-2 0.6s;}
}

@media (max-width: 1199.98px){

}

@media (max-width: 991.98px){
	h1, .h1{font-size: 3rem;}
	h2, .h2{font-size: 2rem;}
	h3, .h3{font-size: 1.5rem;}
	.text-lg-center{text-align: center;}
}


@media (max-width: 767.98px){
  .header .logo{margin-bottom: 1rem;}
}


@media (max-width: 575.98px){

}

/*********************************************************
             Affiliate Product Box
*********************************************************/
/* Affiliate Product Box */
.sb-pro-table {
  margin: 30px 0;
}
.sb-pro-table thead {
  background: #424242;
  color: #fff;
}
.sb-pro-table,
.sb-pro-table td,
.sb-pro-table th {
  border: none;
  box-sizing: border-box;
}
.sb-pro-table thead th {
  font-weight: 300;
  font-size: 17px;
  padding: 10px;
  margin: 0;
}
.sb-pro-table tr {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center;
  transition: 0.3s;
}
.sb-pro-table tbody tr:hover {
  transform: scale(1.02);
  transition: 0.3s;
  box-shadow: 0 0 20px -4px rgba(0, 0, 0, 0.15);
}
.sb-pro-table tbody tr {
  border: 2px solid #e1e1e1;
  margin-bottom: 5px;
}
.sb-pro-table tr td:first-child,
.sb-pro-table tr th:first-child {
  width: 25%;
}
.sb-pro-table tr td:nth-child(2),
.sb-pro-table tr th:nth-child(2) {
  width: 25%;
}
.sb-pro-table tr td:nth-child(3),
.sb-pro-table tr th:nth-child(3) {
  width: 30%;
}
.sb-pro-table tr td:last-child,
.sb-pro-table tr th:last-child {
  width: 20%;
}
.sb-pro-table .sb-image {
  position: relative;
}
.sb-pro-table .p_tag {
  position: absolute;
  left: -10px;
  top: 0;
  background: #FF3399;
  padding: 5px 10px;
  color: #fff;
  font-size: 20px;
  text-transform: capitalize;
}
.sb-pro-table .p_tag::after {
  content: ' ';
  display: block;
  position: absolute;
  left: -10px;
  bottom: -7px;
  border-color: rgba(0, 0, 0, 0) #133091 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  border-style: inset solid inset inset;
  border-width: 0 10px 7px;
}

.sb-pro-table .p-img {
  width: 90%;
  max-height: 140px;
  margin: 0 auto;
  display: block;
  height: auto;
  object-fit: contain;
}
.sb-pro-table .sb-product .p_title {
  font-weight: 600;
  font-size: 17px;
  line-height: 1.2;
  text-decoration: none;
  color: #4b77b7;
}
.sb-pro-table .sb-btn a {
  background: #319CA3;
  text-transform: capitalize;
  padding: 10px;
  border-radius: 5px;
  color: #fff;
  font-size: 15px;
  display: block;
  text-align: center;
  transition: 0.3s;
}
.sb-pro-table .sb-btn a:hover {
  background: #000;
  transition: 0.3s;
}
.sb-pro-table .sb-feature {
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
@media only screen and (max-width: 768px) {
  .sb-pro-table .p_tag {
    position: absolute;
    left: -20px;
  }
  .sb-pro-table tbody tr {
    padding: 10px;
  }
  .sb-pro-table tr td:first-child {
    width: 40%;
  }
  .sb-pro-table tr td:nth-child(2) {
    width: 60%;
  }
  .sb-pro-table tr td:nth-child(3),
  .sb-pro-table tr th:nth-child(3) {
    width: 100%;
  }
  .sb-pro-table tr td:last-child,
  .sb-pro-table tr th:last-child {
    width: 100%;
  }
  .sb-pro-table .sb-btn a {
    margin-top: 20px;
  }
  .sb-pro-table tr th:nth-child(2) {
    width: 100%;
  }
  .sb-pro-table tr th:first-child,
  .sb-pro-table tr th:nth-child(3),
  .sb-pro-table tr th:last-child {
    display: none;
  }
}

/* End Affiliate Product Box */