/*HP redesign 11-21-2014*/ @charset "UTF-8"; @font-face { font-family:'zocial'; font-style:normal; font-weight:normal; src:url('https://weloveiconfonts.com/api/fonts/zocial/zocial-regular-webfont.eot'); src:url('https://weloveiconfonts.com/api/fonts/zocial/zocial-regular-webfont.eot?#iefix') format('eot'), url('https://weloveiconfonts.com/api/fonts/zocial/zocial-regular-webfont.woff') format('woff'), url('https://weloveiconfonts.com/api/fonts/zocial/zocial-regular-webfont.ttf') format('truetype'), url('https://weloveiconfonts.com/api/fonts/zocial/zocial-regular-webfont.svg#zocialregular') format('svg'); font-display:swap } .zocial-acrobat:before{content:"\00E3"}.zocial-amazon:before{content:"a"}.zocial-android:before{content:"&"}.zocial-angellist:before{content:"\00D6"}.zocial-aol:before{content:"\""}.zocial-appnet:before{content:"\00E1"}.zocial-appstore:before{content:"A"}.zocial-bitbucket:before{content:"\00E9"}.zocial-bitcoin:before{content:"2"}.zocial-blogger:before{content:"B"}.zocial-buffer:before{content:"\00E5"}.zocial-call:before{content:"7"}.zocial-cal:before{content:"."}.zocial-cart:before{content:"\00C9"}.zocial-chrome:before{content:"["}.zocial-cloudapp:before{content:"c"}.zocial-creativecommons:before{content:"C"}.zocial-delicious:before{content:"#"}.zocial-digg:before{content:";"}.zocial-disqus:before{content:"Q"}.zocial-dribbble:before{content:"D"}.zocial-dropbox:before{content:"d"}.zocial-drupal:before{content:"\00E4"}.zocial-dwolla:before{content:"\00E0"}.zocial-email:before{content:"]"}.zocial-eventasaurus:before{content:"v"}.zocial-eventbrite:before{content:"|"}.zocial-eventful:before{content:"'"}.zocial-evernote:before{content:"E"}.zocial-facebook:before{content:"f"}.zocial-fivehundredpx:before{content:"0"}.zocial-flattr:before{content:"%"}.zocial-flickr:before{content:"F"}.zocial-forrst:before{content:":"}.zocial-foursquare:before{content:"4"}.zocial-github:before{content:"g"}.zocial-gmail:before{content:"m"}.zocial-google:before{content:"G"}.zocial-googleplay:before{content:"h"}.zocial-googleplus:before{content:"+"}.zocial-gowalla:before{content:"@"}.zocial-grooveshark:before{content:"8"}.zocial-guest:before{content:"?"}.zocial-html5:before{content:"5"}.zocial-ie:before{content:"6"}.zocial-instagram:before{content:"\00DC"}.zocial-instapaper:before{content:"I"}.zocial-intensedebate:before{content:"{"}.zocial-itunes:before{content:"i"}.zocial-klout:before{content:"K"}.zocial-lanyrd:before{content:"-"}.zocial-lastfm:before{content:"l"}.zocial-linkedin:before{content:"L"}.zocial-macstore:before{content:"^"}.zocial-meetup:before{content:"M"}.zocial-myspace:before{content:"_"}.zocial-ninetyninedesigns:before{content:"9"}.zocial-openid:before{content:"o"}.zocial-opentable:before{content:"\00C7"}.zocial-paypal:before{content:"$"}.zocial-pinboard:before{content:"n"}.zocial-pinterest:before{content:"1"}.zocial-plancast:before{content:"P"}.zocial-plurk:before{content:"j"}.zocial-pocket:before{content:"\00E7"}.zocial-podcast:before{content:"`"}.zocial-posterous:before{content:"~"}.zocial-print:before{content:"\00D1"}.zocial-quora:before{content:"q"}.zocial-reddit:before{content:">"}.zocial-rss:before{content:"R"}.zocial-scribd:before{content:"}"}.zocial-skype:before{content:"S"}.zocial-smashing:before{content:"*"}.zocial-songkick:before{content:"k"}.zocial-soundcloud:before{content:"s"}.zocial-spotify:before{content:"="}.zocial-statusnet:before{content:"\00E2"}.zocial-steam:before{content:"b"}.zocial-stripe:before{content:"\00A3"}.zocial-stumbleupon:before{content:"/"}.zocial-tumblr:before{content:"t"}.zocial-twitter:before{content:"T"}.zocial-viadeo:before{content:"H"}.zocial-vimeo:before{content:"V"}.zocial-vk:before{content:"N"}.zocial-weibo:before{content:"J"}.zocial-wikipedia:before{content:","}.zocial-windows:before{content:"W"}.zocial-wordpress:before{content:"w"}.zocial-xing:before{content:"X"}.zocial-yahoo:before{content:"Y"}.zocial-yelp:before{content:"y"}.zocial-youtube:before{content:"U"} /* define roboto font */ @font-face{font-family:'Roboto';font-style:normal;font-weight:100;src:local('Roboto Thin'),local('Roboto-Thin'),url(https://fonts.gstatic.com/s/roboto/v14/vzIUHo9z-oJ4WgkpPOtg1_esZW2xOQ-xsNqO47m55DA.woff) format('woff');font-display:swap} @font-face{font-family:'Roboto';font-style:normal;font-weight:300;src:local('Roboto Light'),local('Roboto-Light'),url(https://fonts.gstatic.com/s/roboto/v14/Hgo13k-tfSpn0qi1SFdUfT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');font-display:swap} @font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto Regular'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v14/2UX7WLTfW3W8TclTUvlFyQ.woff) format('woff');font-display:swap} @font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local('Roboto Medium'),local('Roboto-Medium'),url(https://fonts.gstatic.com/s/roboto/v14/RxZJdnzeo3R5zSexge8UUT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');font-display:swap} @font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'),local('Roboto-Bold'),url(https://fonts.gstatic.com/s/roboto/v14/d-6IYplOFocCacKzxwXSOD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');font-display:swap} @font-face{font-family:'Roboto';font-style:normal;font-weight:900;src:local('Roboto Black'),local('Roboto-Black'),url(https://fonts.gstatic.com/s/roboto/v14/mnpfi9pxYH-Go5UiibESIj8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');font-display:swap} @font-face{font-family:'Roboto';font-style:italic;font-weight:100;src:local('Roboto Thin Italic'),local('Roboto-ThinItalic'),url(https://fonts.gstatic.com/s/roboto/v14/12mE4jfMSBTmg-81EiS-YRsxEYwM7FgeyaSgU71cLG0.woff) format('woff');font-display:swap} @font-face{font-family:'Roboto';font-style:italic;font-weight:300;src:local('Roboto Light Italic'),local('Roboto-LightItalic'),url(https://fonts.gstatic.com/s/roboto/v14/7m8l7TlFO-S3VkhHuR0at4bN6UDyHWBl620a-IRfuBk.woff) format('woff');font-display:swap} @font-face{font-family:'Roboto';font-style:italic;font-weight:400;src:local('Roboto Italic'),local('Roboto-Italic'),url(https://fonts.gstatic.com/s/roboto/v14/1pO9eUAp8pSF8VnRTP3xnvesZW2xOQ-xsNqO47m55DA.woff) format('woff');font-display:swap} @font-face{font-family:'Roboto';font-style:italic;font-weight:500;src:local('Roboto Medium Italic'),local('Roboto-MediumItalic'),url(https://fonts.gstatic.com/s/roboto/v14/OLffGBTaF0XFOW1gnuHF0YbN6UDyHWBl620a-IRfuBk.woff) format('woff');font-display:swap} @font-face{font-family:'Roboto';font-style:italic;font-weight:700;src:local('Roboto Bold Italic'),local('Roboto-BoldItalic'),url(https://fonts.gstatic.com/s/roboto/v14/t6Nd4cfPRhZP44Q5QAjcC4bN6UDyHWBl620a-IRfuBk.woff) format('woff');font-display:swap} @font-face{font-family:'Roboto';font-style:italic;font-weight:900;src:local('Roboto Black Italic'),local('Roboto-BlackItalic'),url(https://fonts.gstatic.com/s/roboto/v14/bmC0pGMXrhphrZJmniIZpYbN6UDyHWBl620a-IRfuBk.woff) format('woff');font-display:swap} /* declare roboto font */ nav a,nav h2,label,.reg-field,.tp-info,.tp-title,.content h2,#register_form select,#inspiration *,#inspiration-wrap h2,#inspiration-wrap h3,.viewmore,.back2board *,.back2insp *,.qq-upload-button,.qq-upload-drop-area span,.orange-submit,.pink-submit,.white-submit,.followbox h3,.index-top,.featured-article h2,.featured-article p,.box-header h1,.single-top h1,textarea,.mobile-menu-view *,.mobile-menu-view ul li ul li a,#stay-connected,#reg-submit,#footer-top h3{font-family:'Roboto',sans-serif} /* general */ .tt-wrapper{clear:both} html{margin-top:0!important} body{background-color:#fff;display:block;position:relative;min-height:101vh;margin:0;font-family:'Roboto',sans-serif} body.fixed{padding-top:50px} header{background-color:#1298EB;position:relative} form{max-width:700px;margin:0 auto} nav{margin:30px 0 0 4px} nav *{list-style-type:none} .separator{font-size:16px;color:#fff} nav>ul{margin:0} nav>ul>li{display:inline-block;padding:10px 15px;position:relative} nav>ul>li>ul{display:none;position:absolute;z-index:100;top:49px;left:0;width:215px;margin:0} nav>ul>li>ul li{background-color:#1298EB;padding:15px} nav>ul>li>ul h3{margin:0} nav a,nav h2{font-family:'Roboto Light',sans-serif;font-size:16px!important;font-weight:100!important;color:#FFF!important;text-decoration:none;margin:5px 0;text-transform:uppercase} nav li :hover{color:#A7CFF9!important} nav a.nav-active{color:#A7CFF9!important} input{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0} input:not(input[type='radio']),select{-webkit-appearance:none;border-radius:0} input[type=checkbox]:not(old){width:28px;margin:0;padding:0;opacity:0} input[type=checkbox]:not(old) + label{display:inline-block;margin-left:-25px;padding-left:28px;background:url('https://healthypage.com/mcdn/checkmark.png') no-repeat -24px -1px;line-height:24px;padding-top:0px!important;padding-bottom:0px!important;float:left;width:19px!important;height:19px;cursor:pointer} input[type=checkbox]:not(old):checked + label{background-position :-1px -1px} strong{font-weight:bold!important} .logo-cont{position:relative;display:inline-block;width:165px} .hplogo{position:absolute;z-index:99;top:-85px} .hplogo img{padding:80px 20px 0} .hdr-wrap{width:100%;max-width:1147px;height:90px;margin:0 auto;position:relative} #btf{position:relative} #atf{position:static} #atf{margin-bottom:15px;background-color:#fff} #btf{padding-bottom:30px;width:calc(100% - 2px)} #trendingWrap{background-color:#4A4A4A;margin-top:15px} #trendingBar{width:100%;max-width:1125px;height:40px;margin:0 auto} #trendingBar img{padding:10px;float:left} .catWrap{margin-top:15px;background-color:#E9E9E9} #catBar{width:100%;max-width:1125px;height:40px;margin:0 auto} #trendingWrapCat{background-color:#4A4A4A;margin-top:0px} .catName,.trendCat{color:#fff;font-weight:bold;font-size:20px;float:left;padding-top:12px;text-transform:uppercase} .trend{color:#fff;font-weight:bold;font-size:20px;float:left;margin:11px 0;text-transform:uppercase} .catName{padding-left:14px;color:#4a4a4a} .trendCat{font-size:15px;padding-top:4px} .trendingCatContainer{padding:0} .itemsListBox {margin:0 auto;width:1130px;overflow:hidden} .itemsListBox ul {white-space:nowrap;overflow:hidden} .itemsListBoxCat {margin:0 auto;width:1115px;overflow:hidden} .itemsListBoxCat ul {white-space:nowrap;overflow:hidden} .trendingSlide li{width:370px;height:170px;margin:0 9px 0 0;list-style-type:none;display:inline-block;overflow:hidden;position:relative} .trendingContainer{position:relative} .trendingContainer .trendingul{height:189px} .trendingul,.trendingSlide{margin:0;text-align:center;position:relative} .trendingSlide{border-bottom:1px solid #ccc;height:170px;margin-bottom:20px;position:relative;top:0px} .trendingul li{width:371px;margin:0 1% 0 0;list-style-type:none;display:inline-block;overflow:hidden;position:relative} .featured,.topPostImage {height:189px;overflow:hidden;display:block;position:relative} .featuredCat{width:363px;height:189px;overflow:hidden;display:block;position:relative} li.trendingCatItems {margin:0 1% 0 0px;width:363px} .topPostImage img{width:100%;position:absolute;height:auto;top:0;bottom:0;left:0;right:0;min-height:100%;margin:auto} .contentCat{position:relative;width:319px;padding:20px;height:164px;border:2px solid #e9e9e9;border-top:0px} .catTitle{line-height:26px;color:#4A4A4A;text-align:left;font-size:20px;font-family:'Roboto Medium',sans-serif;font-weight:600;white-space:normal;position:absolute;width:calc(100% - 38px)} .catTrendingDate {color:#404041;text-align:left;position:absolute;bottom:20px;margin-top:30px} .catReadMoreTrending {color:#4a4a4a;text-align:left;position:absolute;bottom:4px;text-align:left;font-size:12px} .trendingul li img{width:100%;position:absolute;height:auto;opacity:0.3;top:0;bottom:0;left:0;right:0;min-height:100%;margin:auto} .cat{position:absolute;padding:2px 5px;left:30px;line-height:25px;color:#fff;font-size:16px;top:30px;text-transform:uppercase} .healthy_tips{color:#6ec1f4} /*.new,.w-news,.vid-eos,.catDescriptionArticle-videos,.catDescriptionArticle-news{color:#2ecc70} .health,.catDescriptionArticle-videos,.catDescriptionArticle-health{color:#2ecc70}*/ .catDescriptionArticle-entertainment,.entertainmentDescr{color:#227cb3} .entertainment{background-color:#227cb3} .catDescriptionArticle-inspirational,.inspirationalDescr{color:#00395c} .inspirational{background-color:#00395c;color:#fff} .catDescriptionArticle-controversial,.controversialDescr{color:#1298eb} .controversial {background-color:#1298eb;color:#fff} .catDescriptionArticle-lifestyle,.lifestyleDescr{color:#f74d47} .lifestyle {background-color:#f74d47;color:#fff} .catDescriptionArticle-scandal,.scandalDescr{color:#7e0b07} .scandal{background-color:#7e0b07;color:#fff} .catDescriptionArticle-videos,.catDescriptionArticle-health,.healthDescr{color:#2ecc70} .health,.videos {background-color:#2ecc70;color:#fff} .videosDescr{color:#2ecc70!important} .date,.dateCat,.dateCatTablet,.dateCatTabletTrending{color:#4a4a4a;text-align:left;font-size:12px;font-family:'Roboto Light',sans-serif;text-transform:uppercase} .dateCat{margin-top:5px} .postTitle{line-height:26px;white-space:normal;position:absolute;left:30px;top:67px;width:calc(100% - 75px);line-height:25px;font-weight:700;color:#4a4a4a;text-align:left;font-size:20px;font-family:'Roboto Medium',sans-serif} .postTitleCat{line-height:22px;color:#404010;text-align:left;font-size:16px;font-family:'Roboto Medium',sans-serif;padding-bottom:30px} .trendingDate{position:absolute;left:30px;bottom:21px} .catDescription,.catDescriptionTrending,.catDescriptionArticle{text-align:left;font-size:13px;font-family:'Roboto Medium',sans-serif;font-weight:600;margin-bottom:5px;text-transform:uppercase} .contentCat .catDescription,.hotCatArticle .catDescription,.catDescriptionArticle{font-size:12px} .postTitleSlide{line-height:20px;color:#404041;text-align:left;font-size:16px;font-family:'Roboto Light',sans-serif;width:calc(100% - 15px);white-space:normal;position:absolute} .postTitleOther{line-height:20px;color:#404041;text-align:left;font-size:16px;font-family:'Roboto Light',sans-serif;white-space:normal} .trendingDateSlide{position:absolute;top:70px;margin-top:30px;color:#404041} .readMore{color:#4a4a4a;text-align:left;font-size:12px;font-family:'Roboto Medium',sans-serif;font-weight:600} .readMoreTrending{position:absolute;top:128px;text-align:left;font-size:12px} .readMoreHot{margin-top:15px} .readMoreCat{position:absolute;bottom:11px} .line{position:absolute;bottom:0;left:0;height:2px;background-color:#4a4a4a;width:0%;height:10px} .progress{z-index;1;width:0px;height:100%;position:absolute;background:#f2f2f2;left:0px;top:0px} .content{z-index:9;position:relative} .smallImg {width:106px;height:55px;overflow:hidden;display:block;position:relative} .smallImg img {width:100%;/* position:absolute; */height:auto;top:0;bottom:0;left:0;right:0;margin:auto} .smallImgCat{width:175px;height:92px;overflow:hidden;display:block;position:relative} .smallImgCat img { width:100%;position:absolute;height:auto;top:0;bottom:0;left:0;right:0;margin:auto} .hotItemsLeft{float:left;width:34%} .hotItemsRight{float:left;width:66%} .articleItemsLeft{float:left;width:27%} .articleItemsRight{float:left;width:73%} .hotArticle{border-bottom:1px solid #d8d8d8;padding-bottom:10px;padding-top:10px} #sideBarCatTablet,.dateCatTablet,.dateCatTabletTrending{display:none} .articleCat{position:relative;border-bottom:2px solid #e9e9e9;padding-bottom:10px;padding-top:10px} .postTitleHotCat {line-height:22px;color:#404041;text-align:left;font-size:16px;font-family:'Roboto Medium',sans-serif;font-weight:600} .hotCatArticle{border-right:2px solid #E3E2E2;border-left:2px solid #E3E2E2;padding:10px} .adHotArticle{margin:15px 0 10px 0} .adHotArticleResponsive{display:none} .hot-articles .hotArticle:nth-child(3n){border-bottom:0px;margin-bottom:0px} .video-health_wrap{margin-left:19px} .video-health_wrap_header{width:362px;float:left} .wrap{float:left;background-color:#F2F2F2;padding:16px} .wrap-hdr{} .mobileMiddle{display:none} .spacer{float:left;width:5px} h5{color:#fff;padding:11px} h5.video-health{background-color:#404041;text-align:center;margin:0;text-transform:uppercase} h5.article,h5.hotCat {background-color:#404041;text-align:left;margin:0;padding:4px 11px 3px;font-size:15px} .home-5-article{position:relative;border-bottom:1px solid #ccc;padding:10px;margin-bottom:10px;background-color:#fff;height:125px} .health-1,.video-1{background-color:#fff;margin-bottom:10px} .video-1:hover,.home-5-article-video:hover{background:rgba(46,204,112,0.1)} .health-1:hover,.home-5-article-health:hover{background:rgba(18,152,235,0.1)} .hotArticle:hover{background:#F2F2F2} .video-1 img,.health-1 img{width:100%;height:auto} .health-1-text,.video-1-text{text-align:center;padding:10px;line-height:20px;color:#404041;font-size:16px;font-family:'Roboto Light',sans-serif} .video-1-text .readMore,.video-5 .readMore{color:#2ecc70!important} .health-1-text .readMore,.health-5 .readMore{color:#2ecc70!important} .home5-text{font-size:13px;font-family:'Roboto Medium',sans-serif;font-weight:600;text-transform:uppercase} .videoText{color:#2ecc70} .healthText{color:#2ecc70} .home-5-left{float:left;width:34%} .home-5-right{width:60%;margin-left:10px;float:left} .readMore-home-5{position:absolute;bottom:6px} .centerText{text-align:center} .centerDate{text-align:center;margin-top:15px} .noatf #atf{margin-bottom:0px!important} .noatf #btf{padding-top:60px} #btf #subnav{background-color:#fbfbfb;padding:10px 0} #page{width:100%;max-width:1126px;margin:0 auto} #subnav{background-color:#fff} #slides{position:relative;display:block!important} .slidesjs-container,.slidesjs-control,#slides img{width:100%!important;height:auto} #slides img{position:absolute} .slidesjs-slide{display:block!important} .bottomBox{text-align:center;margin-bottom:30px} .small-box{display:inline-block;vertical-align:top;margin:0px 10px 0px 0px;padding:19px;border:1px solid #1F8CC2} #hp-fb-like{margin:0 auto;width:160px} #hp-fb-like-text{font-family:lucida grande,tahoma,verdana,arial,sans-serif;font-size:11px} #hp-fb-like-text img{float:left;margin-right:15px} .followbox-wrap{background-color:#404041;padding:5px;margin:10px 5px 10px 0;display:inline-block;vertical-align:top;text-align:center} .followbox{background-color:#404041;padding:10px;border:1px solid #e6e6e8} .followbox h3{font-weight:400;font-size:16px;color:#fff;margin-bottom:5px;text-align:center;letter-spacing:1px} .social-icon{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;height:30px;width:30px;display:inline-block;background-color:#fff;margin:0 2px} .social-icon *{background:url('https://healthypage.com/mcdn/socials.png') 0px 0px;background-size:150px;background-repeat:no-repeat;display:block;height:30px;margin:4px auto;cursor:pointer} .social-icon > .fb{width:16px} .social-icon > .tw{width:28px;background-position:-15px 0} .social-icon > .tm{width:25px;background-position:-43px 0} .social-icon > .pn{width:26px;background-position:-67px 0} .social-icon > .ig{width:26px;background-position:-95px 0} .social-icon > .gp{width:26px;background-position:-125px 0} .index-top{background-color:#21cfcf;padding:15px 30px;font-size:26px;line-height:27px;color:#fff;font-weight:100} .index-top br{display:none} .featured-article{width:100%;padding:1% 0;border-bottom:3px solid #f2f2f2} .featured-article td{display:inline-block;width:49%;padding:0!important;height:300px;position:relative;overflow:hidden} .featured-article .preview_image,.featured-article .preview_summary{display:inline-block;width:49%;padding:0!important;height:300px;position:relative;overflow:hidden} .featured-article-mobile td{top:50px} .grey-wrap{background-color:#f3f3f5;margin-left:auto;width:88%;padding:5%;position:relative} .featured-article img{width:100%;position:absolute;height:auto;top:0;bottom:0;left:0;right:0;min-height:100%;margin:auto} .featured-article h2{font-size:46px;line-height:50px;font-weight:100;margin-bottom:20px;color:#404041} .featured-article p{font-size:16px;line-height:25px;font-weight:300;margin-bottom:0;color:#404041} .featured-banner{position:absolute;width:176px!important;bottom:40px;left:30px} #box-list *{list-style-type:none} #box-list{margin:0} .box-item{height:250px;width:300px;position:relative;overflow:hidden} #box-list li{display:inline-block;margin:0 15px 30px} #box-list li a{color:#414042} .middlerow{margin-top:15px} .box-header{background-color:#ed3b7a;padding:5px 10px 10px;position:absolute;bottom:0px;padding-bottom:36px;width:calc(100% - 20px)} .box-header h1{color:#fff;font-size:18px;line-height:22px;font-weight:300;text-align:left} .takealook{position:absolute;bottom:6px;right:6px;background-color:#e6e6e8;padding:5px;font-weight:500;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px} .wp-pagenavi *{float:none!important} .featured-article tr{vertical-align:top} .singlepost{display:inline-block} .main_content{width:calc(100% - 320px);float:left;margin-right:18px} div[data-tweetid],div[data-shortcode]{clear:both} .single-sidebar{width:300px;display:inline-block;vertical-align:top} .singlepost,.single-top p{font-family:'Roboto Light',sans-serif!important;font-size:16px;line-height:22px;font-weight:300;color:#333333} p.breadcrumbs{padding:0 0 5px;font-size:12px;margin:0 0 15px;color:#404041} .single-top p{color:#404041} .singlepost h4{font-size:20px;color:#1298eb;font-weight:600;font-family:'Roboto Medium',sans-serif} .singlepost img{max-width:100%;height:auto} .single-top{padding:0px 20px 20px} .single-top img{display:block;margin:0 auto;padding:10px 0;max-width:100%} .single-top h1{color:#4A4A4A;font-size:30px;line-height:40px;font-weight:100;margin-bottom:10px;margin-top:0px;font-weight:500} .featured-article-mobile h1{margin-top:10px} p.credit{font-size:13px;padding-top:10px} .single-bottom-table{width:100%} .single-bottom-table img{max-width:292px!important;max-height:292px!important} .single .fbcomments{text-align:center} .single-navigation{width:250px;height:27px;margin:0 auto;padding-bottom:20px;color:#404041!important} .single-navigation > div{float:left;background:#DDD;border:1px solid #CCC;padding:3px 6px;text-align:center;margin-right:10px} /*before question (fblikeshare)*/ .beforequestion{margin:35px 0;display:flex;display:-webkit-flex;flex-flow:row wrap;-webkit-flex-flow:row wrap;align-content:flex-start;-webkit-align-content:flex-start;align-items:flex-start;-webkit-align-items:flex-start;justify-content:flex-start;-webkit-justify-content:flex-start} .beforequestion .fbshare{background-color:#4865B0;display:flex;display:-webkit-flex;flex-flow:row nowrap;-webkit-flex-flow:row nowrap;align-content:flex-start;-webkit-align-content:center;align-items:center;justify-content:space-around;-webkit-justify-content:space-around;padding:15px 10px;margin-right:10px;width:calc(100% - 140px)} .beforequestion .fbshare p,.beforequestion .fbshare span{font-family:'Raleway',sans-serif!important;font-size:18.2px!important;line-height:20px!important;font-weight:bold!important;color:#fff!important;margin:0;text-transform:uppercase;text-align:center} .beforequestion .likeus{background-color:rgba(72,101,176,.1);display:flex;display:-webkit-flex;flex-flow:row wrap;-webkit-flex-flow:row wrap;align-content:flex-start;-webkit-align-content:center;align-items:center;justify-content:space-around;-webkit-justify-content:space-around;padding:15px 10px;height:30px} .beforequestion .likeus p{color:#4865b0;font-size:25px;font-weight:bold;text-transform:uppercase;margin:0;padding:0 8px} .fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr {position:absolute;width:480px;max-width:100%;left:0;right:0;margin:auto;z-index:1235} @media screen and (max-width:1100px){ .beforequestion .fbshare p {font-size:16px;line-height:30px} .beforequestion .fbshare p span{display:none} } @media screen and (max-width:1020px){ .fb-like{overflow:hidden} } @media screen and (max-width:767px){ .beforequestion.desktop .fbshare img:first-of-type{display:none} .beforequestion.desktop .fbshare p {font-size:12px} } @media screen and (max-width:430px){ .beforequestion .fbshare p {font-size:11px;margin:0} .beforequestion .fbshare {padding:10px 5px} } /*video layout*/ .raised-video-area {padding:10px 10px 65px;border:1px solid #ddd;margin-bottom:15px;-moz-box-shadow:0 0 10px rgba(0,0,0,0.1);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);box-shadow:0 0 10px rgba(0,0,0,0.1)} .raised-video-area iframe,.raised-video-area object,.raised-video-area embed{width:100%} .right{float:right} .left {float:left} .fbshare{cursor:pointer} .raised-video-area br {display:none} .closediv h3{text-align:right;margin-top:10px;margin-right:35px;color:#fff} .fbsharesmall{background:url('https://healthypage.com/mcdn/shareTop.svg');height:32px;width:162px;float:left;margin-bottom:10px} .fbsharebig{background:url('https://healthypage.com/mcdn/shareBottom.svg');height:44px;width:351px;float:left;margin-top:10px} .nextvideobutton{background:url('https://healthypage.com/mcdn/nextVideo.svg');height:44px;width:323px;float:right;margin-top:10px} .nextvideobutton,.fbsharebig{max-width:49%} #player{position:relative;z-index:5} /*pre/next buttons*/ .prev-btn,.next-btn{height:85px;width:68px;text-align:center;background-color:rgba(74,74,74,.4);position:fixed;display:none} .prev-btn span,.next-btn span{display:block;font-size:60px;line-height:100%;color:#fff} .prev-btn p,.next-btn p{font-size:11px;font-weight:500;line-height:117%;color:#fff;text-transform:uppercase} .popular{margin-bottom:30px} .popular h3{color:#1298eb;margin:10px 0;font-weight:600;font-family:'Roboto Medium',sans-serif} .popular-wrap{} .popular-thumbnail{font-family:'Roboto Light',sans-serif;width:149px;display:inline-block;vertical-align:top;background-color:#f5f5f5;padding:12px;margin-right:10px} .popular-wrap a:last-of-type .popular-thumbnail{margin-right:0} .popular-thumbnail img{display:block;margin:0 auto 10px;max-height:67px;width:auto} .popular-thumbnail span{color:#5c5c5c;font-weight:200;font-size:16px;height:111px;overflow:hidden;display:block} .readstory {text-transform:uppercase;color:#d0d2d3;background-color:#fff;padding:12px;margin-top:10px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;position:relative;font-size:17px} .readstory:after {content:'>';color:#d5d2d3;width:12px;font-size:14px;font-weight:600;display:block;background-color:#fff;position:absolute;text-align:center;padding:4px 0 6px 0;right:7px;top:6px;border:1px solid #d5d2d3;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px} .next-link{float:right!important} .a404{padding:60px 20px 20px} .twshare,.gpshare,.pnshare,.fbshare{cursor:pointer} .hpvideo{border:2px solid #e6e6e8;padding:10px;width:calc(100% - 24px);margin-bottom:10px} .hpvideo iframe{width:100%} .hpvideo .clearfix,.hpvideo br{display:none} .single-ad{position:relative;max-width:100%;margin:20px auto 10px} .single-ad p{margin-bottom:0;font-size:11px;position:absolute;top:-13px;line-height:12px} .single-sidebar .single-ad{margin-bottom:40px!important} .slotforad .single-ad{margin:0px!important} .slotforad .single-ad p{transform:rotate(270deg);-webkit-transform:rotate(270deg);top:40px;left:-42px} .ad336{width:100%;max-width:336px;float:left;margin-right:20px!important} .ad300{width:100%;max-width:300px;text-align:center} .ad728{width:100%;max-width:728px} .ad160{width:100%;max-width:160px} .slidesjs-navigation,.slidesjs-pagination,.mobile-nav{display:none!important} .index-wrap{padding:25px 0 0} .privacy{width:85%;margin:10px;position:relative} .content{margin:10px} .singlepost{word-wrap:break-word} .content h2{font-weight:100;line-height:25px} .privacy h2{margin:25px 0 20px;text-decoration:underline} .privacy h3{margin-bottom:5px} .divider{border-bottom:1px solid #e6e6e8;width:100%} .transition{transition:all 0.4s ease-in-out 0s;-webkit-transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s} .subnav-td{width:728px} .facebooklikebutton{border:none;overflow:hidden;width:90px!important;height:21px;margin-top:11px} textarea{width:96%;max-width:96%;padding:1%;font-weight:100;height:65px;border-color:#404041} .ac_adbox{text-align:center!important} .slotforad{display:inline-block;margin:10px 5px;max-width:100%} .slotforad_footer {display:inline-block;margin:0px;max-width:100%} .slotforad_footer .single-ad{margin:0} .slotforad:first-of-type{margin:0 0 10px 19px} #leftCatContainer .slotforad:first-of-type{margin:0 0 0 6px} .content-container{width:90%;max-width:600px;margin:20px auto} /*desktop menu styles*/ .desktop-nav{position:absolute;right:0px;top:44px;bottom:30px} .desktop-nav > *{position:relative;float:right} .desktop-nav div{background-size:contain;cursor:pointer;background-repeat:no-repeat} .signin{height:24px;width:25px;background:url('https://healthypage.com/mcdn/account.svg');margin:12.5px 10px 13px 0} .signin-menu{color:#e8f5fd;margin-top:7px;margin-left:10px} .signin-menu p{margin:10px 5px} .signin-menu a{color:#e8f5fd!important} .desktop-search{height:24px;width:25px;background:url('https://healthypage.com/mcdn/search.svg');margin:12.5px 20px} .search-open{height:100%;width:100%} header.fixed{position:fixed;top:0;z-index:999;width:100%} #searchform2{display:none;position:absolute;top:90px;height:32px;left:0;width:calc(100% - 10px);padding:2px 5px;background-color:#fff;max-width:calc(100% - 20px);z-index:99;border:5px solid #1298EB} #searchform2.active{display:block} #searchform2 input{height:100%;width:100%;/*max-width:210px;*/border:none;color:#404041;padding:0;background-color:rgba(0,0,0,0);font-size:15px} #searchform2 .input-wrap{height:100%} .searchform2submit{height:100%;width:35px;position:absolute;top:0;right:0;cursor:pointer} header.active{margin-bottom:45px} .searchform2submit{background:url('https://healthypage.com/mcdn/navi-icons.png') -35px 0px;background-size:cover!important} .mp-logo,.gp-logo,.ff-logo{width:111px;height:58px;display:inline-block} .gp-logo{background-position:-234px 0px} .ff-logo{background-position:-116px 0px} /*mobile menu styles*/ #searchform #searchfield{font-size:22px!important;font-weight:100!important;text-transform:none!important;width:90%!important;padding:30px 5%!important;margin:0!important;border:none!important;border-bottom:1px solid #e5e5e5!important;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0} #searchform{position:relative} .clear-search{height:25px;width:25px;cursor:pointer;background-color:#e6e6e8;color:#fff;font-size:25px;text-align:center;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;padding:7px 4px 0px;position:absolute;top:-12px;right:15px} .fixed3{position:absolute;display:block;z-index:999;top:50px;bottom:0px;left:0px;width:100%;background-color:#fff;min-height:485px} .fixed3.hidden{display:none!important} .pushdown{margin-top:96px!important} .mobile-nav{display:none;height:50px;width:100%;position:absolute;top:0} /* .mobile-nav{display:none;height:43px;width:100%;background-color:#e6e6e8;position:relative} */ .mobile-nav div{background-size:contain;background-repeat:no-repeat;cursor:pointer} .mobile-nav-bar{background-color:#1298EB;z-index:100;position:fixed;top:50px;left:-100vw;padding:0px 10px;width:140px;transition:all 1s ease;-webkit-transition:all 1s ease;height:calc(100% - 50px)} .mobile-nav-bar.active{left:0} .mobile-nav-bar *{color:#fff} .mobile-nav-bar p{font-size:16px;text-transform:uppercase;font-weight:500;margin:30px 0 0} .mobile-nav-bar img{width:90%;margin:0 auto 10px;display:block} .user-signin-desktop{display:block} .user-signin-mobile{display:none} .links{text-align:center} .links div{display:inline-block;padding:10px 20px;cursor:pointer} .links div:hover{background-color:rgba(255,255,255,.2)} .links img{padding-bottom:10px;height:30px;width:auto} .links h4{font-weight:400;font-size:14px;color:#fff;text-align:center;margin:0} .links a{display:block} .mobile-menu{height:27px;width:26px;background:url('https://healthypage.com/mcdn/hamburger.svg');position:absolute;top:12px;left:20px;z-index:100} .mobile-search{height:24px;width:25px;background:url('https://healthypage.com/mcdn/search.svg');float:right;margin:12.5px 20px} .mobile-signin{height:24px;width:25px;background:url('https://healthypage.com/mcdn/account.svg');float:right;margin:12.5px 20px 13px 0} .mobile-connect{height:24px;width:25px;background:url('https://healthypage.com/mcdn/social.svg');float:right;margin:12.5px 0} /* .mobile-connect{float:right;padding:12px 5px;text-decoration:underline;cursor:pointer;line-height:19px} */ .mobile-menu-view *{cursor:pointer} .mobile-menu-view > ul > li > h3,.mobile-down{float:left;color:#1f8cc2} .mobile-menu-view > ul > li > h3{padding:15px 0;font-weight:100;margin-bottom:0} .mobile-down{font-size:80px!important;font-weight:bold;margin-right:10px;height:40px;padding:0px!important} .mobile-menu-view *{list-style-type:none;font-size:30px} .mobile-menu-view ul{margin:0} .mobile-menu-view ul li{background-color:#e8f5fd;position:relative;overflow:hidden} .mobile-menu-view > ul > li:not(:last-child){border-bottom:2px solid rgba(0,0,140,0.2)} .mobile-menu-view ul li ul{display:none;padding:20px 0 5px;background-color:#e6e6e8} .mobile-menu-view ul li.active ul{display:block} .mobile-menu-view ul li.active{background-color:#1f8cc2} .mobile-menu-view ul li.active > *{color:#fff!important} .mobile-menu-view ul li ul li{background-color:#e6e6e8;padding-bottom:15px} .mobile-menu-view ul li ul li a{width:100%;display:block;padding:10px 0;color:#404041;margin-left:40px;font-weight:100;font-size:28px} .social-box{width:calc(25% - 2px);border:1px solid #e6e6e8;background-color:#fff;position:relative;float:left} .circle{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;height:70%;width:70%;position:absolute;top:15%;left:15%} .xcolor{background-color:#e6e6e8} .xcolor > div{font-size:35px;text-align:center;color:#fff;cursor:pointer;margin-top:40%} .fbcolor{background-color:#3b5998} .twcolor{background-color:#55acee} .gpcolor{background-color:#dd4b39} .pncolor{background-color:#c92228} .igcolor{background-color:#3f729b} .tmcolor{background-color:#35465c} .fbwhite,.twwhite,.pnwhite,.tmwhite,.igwhite,.gpwhite{height:44px;background-repeat:no-repeat;margin:5px auto} .fixed3 .fbwhite,.fixed3 .twwhite,.fixed3 .pnwhite,.fixed3 .tmwhite,.fixed3 .igwhite,.fixed3 .gpwhite{margin:25% auto} .fbwhite{width:24px;background:url('https://healthypage.com/mcdn/socials-white.png') 0 0} .twwhite{width:44px;background:url('https://healthypage.com/mcdn/socials-white.png') -30px 0} .pnwhite{width:44px;background:url('https://healthypage.com/mcdn/socials-white.png') -123px 0} .tmwhite{width:30px;background:url('https://healthypage.com/mcdn/socials-white.png') -85px 0} .igwhite{width:36px;background:url('https://healthypage.com/mcdn/socials-white.png') -177px 0} .gpwhite{width:40px;background:url('https://healthypage.com/mcdn/socials-white.png') -226px 0} .varrow{height:48px;width:48px;background:url('https://healthypage.com/mcdn/arrows-sp.png') -2px -5px;background-repeat:no-repeat} li.active .varrow{background-position:-44px -5px} /*sign in page*/ .pinkbar{background-color:#ed3b7a;color:#fff;font-weight:500;padding:15px 0} .pinkbar>div{width:85%;margin:0 auto} .pinkbar h2{width:700px;max-width:100%;margin:0 auto} .login-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(20,20,20,.8);z-index:99} .login-overlay-text{color:#fff;font-size:30px;margin-top:120px;text-align:center} .orange-submit,.pink-submit,.white-submit{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:20px;font-weight:100;padding:8px 20px;cursor:pointer;border:none;margin-left:3px} .orange-submit{background-color:#f74d47;color:#fff} .pink-submit{background-color:#ed3b7a;color:#fff} .white-submit{background-color:#fbfbfb;color:#000} /*signup page*/ .orangebar{background-color:#f74d47;color:#fff;font-weight:500;padding:15px 0;margin:0} .orangebar>div{width:85%;margin:0 auto} .orangebar h2{width:700px;max-width:100%;margin:0 auto} .reg-field{width:94%;padding:4px 2%;height:30px;border:1px solid #404041;font-weight:100;font-size:18px;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px} input[type="radio"]:checked + label{color:#fff;background-color:#f74d47;border:1px solid #f74d47} label{width:90%!important;display:block!important;text-align:center!important;padding:10px 0!important;border:1px solid #404041;background-color:#fff;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:23px;font-weight:100} .gender-div input[type="radio"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:none;margin:0} #register_form{margin:25px auto} #register_form h2{margin-left:3px} #register_form select{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-weight:100;font-size:18px;height:40px;padding-left:5px} .register-popup{position:absolute;top:38px;left:0;right:0;bottom:0;background:rgba(0,0,0,.8)} #fb-reg{width:540px!important;height:486px!important;margin:20px auto;position:relative} .reg-close{position:absolute;right:8px;top:8px;color:#000;font-size:24px;cursor:pointer} .reg-field-error,.reg-field-error+label{border:1px solid #F74D47} /*footer*/ .social-div{background-color:#fff;height:255px;padding:40px 44px 20px;max-width:1004px;margin:0 auto;font-family:'Roboto',sans-serif} .social-div h3{text-transform:uppercase;font-size:17px;color:#4a4a4a;line-height:106%;font-weight:700;margin:0 0 5px} .social-div input{font-family:'Roboto',sans-serif} .social-div input[type="text"]{padding:11px 10px;width:256px;background-color:#f2f2f2;border:1px solid #e9e9e9} .social-div input[type="submit"]{cursor:pointer;background-color:#2ECC70;border:2px solid #2ECC70;color:#fff;padding:10px;margin-left:5px;-webkit-appearance:none;-webkit-border-radius:0} .find-us{margin-bottom:20px;width:600px;float:left} .find-us div{background:#f2f2f2;padding:5px;width:180px;display:inline-block;margin:0 3px 10px 0} .find-us div img{vertical-align:middle} .find-us div span{vertical-align:middle;font-size:10px;color:#4a4a4a;line-height:111%;margin-left:5px;text-transform:uppercase} .newsletter{width:600px;float:left} .newsletter p{font-size:15px;margin:10px 0} .sidebar-fb{position:relative;background-color:#4865B0;border:5px solid #4865B0;text-align:center;color:#fff;padding:30px 0 40px;margin-bottom:20px;height:60px} .sidebar-fb .fb-blue{display:none} .sidebar-fb img{display:inline-block;vertical-align:top;height:40px;width:40px;padding:10px 0} .sidebar-fb span{font-size:55px;line-height:50px;font-weight:600} .sidebar-fb p{font-size:14px;line-height:17px;margin:5px 0 0;font-weight:400} .sidebar-fb:after{content:'';position:absolute;top:100%;left:15%;width:0;height:0;border-top:15px solid #4865B0;border-right:15px solid transparent;border-left:15px solid transparent} .sidebar-fb .likes{display:block;vertical-align:middle;width:105px;margin:0 auto;text-align:center} .sidebar-fb .fblike{display:none;margin:5px auto 0;width:105px} .fblikebox{width:300px;float:left;padding-left:96px;margin-top:-133px} .zigzag{background:linear-gradient(45deg,transparent 33.333%,#1298EB 33.333%,#1298EB 66.667%,transparent 66.667%),linear-gradient(-45deg,transparent 33.333%,#1298EB 33.333%,#1298EB 66.667%,transparent 66.667%);background-size:20px 40px;width:100%;height:10px} .content-bottom{background-color:#1298EB;padding-top:40px} #footer{position:relative;width:100%;bottom:0;left:0} #footer-top{background-color:#1298EB;height:65px;max-width:1090px;margin:0 auto} #footer-top h3{font-size:18px;line-height:27px;color:#fff;font-weight:100;margin-bottom:0} .footer-top-left{padding:0 20px;float:left} .footer-top-right{padding:15px 20px;float:right} .footer-top-left img{margin-left:20px} .footer-table{border-collapse:collapse} .footer-wrap{margin:0 auto;position:relative;max-width:100%;width:1090px} #footer-bottom{background-color:#21cfcf;padding:10px 0;position:absolute;width:100%} #footer-bottom span{font-size:12px;font-weight:400;color:#fff;display:inline-block;float:left;font-family:'Roboto Light',sans-serif} #footer-bottom span:nth-of-type(2){float:right} #footer-bottom a{color:#fff} #footer-bottom br{display:none} /*yarpp*/ .yarpp-thumbnails-horizontal .yarpp-thumbnail,.yarpp-thumbnail-default,.yarpp-thumbnail-title{display:inline-block;*display:inline} .yarpp-thumbnails-horizontal .yarpp-thumbnail{border:1px solid rgba(127,127,127,0.1);width:130px;height:225px;margin:5px;margin-left:0px;vertical-align:top} .yarpp-thumbnail > img,.yarpp-thumbnail-default{width:120px;height:120px;margin:5px} .yarpp-thumbnails-horizontal .yarpp-thumbnail > img,.yarpp-thumbnails-horizontal .yarpp-thumbnail-default{display:block} .yarpp-thumbnails-horizontal .yarpp-thumbnail-title{font-size:1em;max-height:7em;line-height:1.3em;margin:7px;margin-top:0px;width:120px;text-decoration:inherit;overflow:hidden} .yarpp-thumbnail-default{overflow:hidden} .yarpp-thumbnail-default > img{min-height:120px;min-width:120px} .yarpp-related{width:90%;margin:0 auto} /* from pagenavi-css.css */ .wp-pagenavi{padding:0;margin:0;clear:both;font-weight:normal} .wp-pagenavi a,.wp-pagenavi a:link,.wp-pagenavi a:visited{padding:10px 20px;margin:0 5px 5px 0;border:1px solid #e5e5e5;background:#f5f5f5;color:#888;float:left} .wp-pagenavi a:hover,.wp-pagenavi a:active{background-color:#fff;color:#000} .wp-pagenavi span.pages{position:absolute;left:-999em;display:none} .wp-pagenavi span.current{padding:10px 20px;margin:0 5px 5px 0;border:1px solid #e5e5e5;background:#fff;color:#000;float:left} .wp-pagenavi span.extend{padding:10px 20px;margin:0 5px 5px 0;border:1px solid #e5e5e5;background:#f5f5f5;color:#888;float:left} /*inspiration board*/ #inspiration{margin:0 auto;position:relative} #upload-div,#search-div,#login-div,#thankyou-div{background:#fff;padding:2% 5%;top:60px;width:40%;left:25%;z-index:25;position:absolute;box-shadow:0px 0px 10px #333;-webkit-box-shadow:0px 0px 10px #333;-moz-box-shadow:0px 0px 10px #333} #inspiration-wrap > div > form > input:not(.inspsubmit){width:96%;padding:7px 2%;font-size:17px} #upload-div h2,#search-div h2,#login-div h2{line-height:130%} #upload-div h3,#search-div h3,#login-div h3{line-height:116%} #login-div h2{margin-bottom:15px} .insp-single > h2{text-align:center;font-weight:300;margin-bottom:20px;line-height:24px} .insp-single > h3{text-align:center;font-weight:300;margin:10px auto;width:200px} .insp-single > p{margin:2.5px 0} .ib-item{overflow:hidden!important} .qq-upload-button input{width:100%} .inspsubmit{border:none;background:#f74d47;color:#fff;font-size:20px;font-weight:300;padding:10px 10%;margin:10px auto;display:block;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none} .upload-cancel,.search-cancel,.login-cancel,.thankyou-cancel{color:#1f8cc2;cursor:pointer;text-align:center;font-size:18px;background:#fff;width:20px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:2px solid #1f8cc2;font-weight:bold;position:absolute;top:-12px;right:-12px;padding:4px} .upload-trigger,.search-trigger,.back2top-trigger{height:40px;width:150px;position:fixed;right:-100px;background:rgba(255,255,255,.7);z-index:12;cursor:pointer} .upload-trigger{top:110px} .search-trigger{top:170px} .back2top-trigger{top:230px;display:none} .upload-btn,.search-btn,.back2top-btn{display:inline-block;vertical-align:middle;height:40px;width:40px;margin:0 5px} .upload-btn{background:url('https://healthypage.com/mcdn/uploadicon-hp.png') 4px 4px;background-repeat:no-repeat} .search-btn{background:url('https://healthypage.com/mcdn/searchicon-hp.png') 0px 4px;background-repeat:no-repeat} .back2top-btn{background:url('https://healthypage.com/mcdn/backicon-hp.png') 4px 4px;background-repeat:no-repeat} .upload-trigger p,.search-trigger p,.back2top-trigger p{display:inline-block;vertical-align:middle;max-width:calc(100% - 55px);color:#1f8cc2;text-transform:uppercase;margin:0} .bar{height:50px;background:#fff;position:absolute;width:100%;bottom:-50px} .tal{float:right;margin:5px;padding:10px;background-color:#f74d47;color:#fff;font-weight:300;font-size:16px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px} .ms{float:left;margin:5px} .circle2{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;height:40px;width:40px;position:absolute;display:block;cursor:pointer;background-color:#1f8cc2;top:48%} .circle2 img{width:30px;margin:4px auto;display:block} .circle2:nth-of-type(2) img{margin:4px 6px} .bar .fbwhite{background-size:200px;background-position:3px 0} .bar .twwhite{background-size:200px;background-position:-17px 0} .bar .pnwhite{background-size:200px;background-position:-88px 0} .ib-overlay{position:absolute;height:100%;width:100%;background:rgba(0,0,0,.6)} .left-pack-overlay{position:absolute;height:100%;width:100%;background:rgba(225,225,225,.6)} .insp-single{width:calc(75% - 340px);float:left;margin:20px auto;padding:0 20px} .insp-sidebar{background:#e6e6e8;padding:20px;width:260px;float:left} .insp-sidebar-wrap{border:1px solid #ccc;min-height:84vh} .insp-sidebar-wrap h3{font-weight:300;max-width:250px;margin:10px auto;text-align:center;line-height:120%} .insp-sidebar-item{height:200px;width:200px;margin:5px auto 15px;display:block;position:relative} .insp-sidebar-item img{height:200px;width:200px} .ib-left{width:50%;height:200px;display:block;float:left;overflow:hidden} .ib-left img{width:100%;height:auto;min-height:100%} .viewmore{padding:10px 20px;background-color:#f74d47;width:160px;color:#fff;font-size:24px;font-weight:300;text-align:center;margin:10px auto} #left-pack{width:25%;left:0;overflow:hidden;float:left;position:relative} .back2board{background:#1f8cc2;color:#fff;font-size:24px;font-weight:300;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);position:fixed;top:350px;left:-155px;z-index:9999;padding:10px 25px 20px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px} .back2insp{background:#1f8cc2;color:#fff;font-size:24px;text-align:center;position:relative;display:none;width:80%;margin:0 auto;padding:10px} .back2board *,.back2insp *{font-weight:300} .back2board img,.back2insp img{width:30px;height:30px;display:inline-block;vertical-align:middle;margin-right:5px} .back2board span,.back2insp span{vertical-align:middle} .popup-overlay{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(30,30,30,.9)} .flipped{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg)} /*qq uploader*/ .qq-uploader{position:relative;width:100%} .qq-uploader *{cursor:pointer} .qq-upload-button{display:block;width:100%;padding:25px 0;margin-bottom:10px;text-align:center;background:white;font-size:20px;border:1px solid #DDD;background:#e6e6e8;color:black} .qq-upload-button-hover{background:#F9F5A5} .qq-upload-button-focus{outline:1px dotted #000000} .qq-upload-drop-area,.qq-upload-extra-drop-area{position:absolute;top:0;left:0;width:100%;height:100%;min-height:30px;z-index:2;background:#F2DE4E;text-align:center} .qq-upload-drop-area span{display:block;position:absolute;top:50%;width:100%;margin-top:-8px;font-size:20px} .qq-upload-extra-drop-area{position:relative;margin-top:50px;font-size:16px;padding-top:30px;height:20px;min-height:40px} .qq-upload-drop-area-active{background:#E2C30A} .qq-upload-list{margin:0 0 10px;padding:0;list-style:none} .qq-upload-list li{margin:0;padding:9px;line-height:15px;font-size:16px;background-color:#FFF0BD} .qq-upload-file,.qq-upload-spinner,.qq-upload-size,.qq-upload-cancel,.qq-upload-failed-text,.qq-upload-finished{margin-right:12px} .qq-upload-spinner{display:inline-block;background:url('https://healthypage.com/mcdn/loading.gif');width:15px;height:15px;vertical-align:text-bottom} .qq-upload-finished{display:none;width:15px;height:15px;vertical-align:text-bottom} .qq-upload-size,.qq-upload-cancel{font-size:12px;font-weight:normal} .qq-upload-failed-text{display:none;font-style:italic;font-weight:500} .qq-upload-failed-icon{display:none;width:15px;height:15px;vertical-align:text-bottom} .qq-upload-fail .qq-upload-failed-text{display:inline} .qq-upload-list li.qq-upload-success{background-color:#5DA30C;color:#FFFFFF} .qq-upload-list li.qq-upload-fail{background-color:#D60000;color:#FFFFFF} .qq-progress-bar{background:-moz-linear-gradient(top,rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);/* FF3.6+ */background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(30,87,153,1)),color-stop(50%,rgba(41,137,216,1)),color-stop(51%,rgba(32,124,202,1)),color-stop(100%,rgba(125,185,232,1)));/* Chrome,Safari4+ */background:-webkit-linear-gradient(top,rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);/* Chrome10+,Safari5.1+ */background:-o-linear-gradient(top,rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);/* Opera 11.10+ */background:-ms-linear-gradient(top,rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);/* IE10+ */background:linear-gradient(to bottom,rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);/* W3C */width:0%;height:15px;border-radius:6px;margin-bottom:3px;display:none} /*end custom styles*/ .next5{margin-top:5px} .next10{margin-top:10px} .next15{margin-top:15px} .next20{margin-top:20px} .prev5{margin-bottom:5px} .prev10{margin-bottom:10px} .prev15{margin-bottom:15px} .prev20{margin-bottom:20px} .left15{margin-left:15px} .right15{margin-right:15px} .left{float:left} .right{float:right} .textcenter{text-align:center} .hidden{display:none!important} .error{color:#f00;text-align:center;font-size:16px;margin-bottom:0} .success{color:#228B22;text-align:center;font-size:16px;margin-bottom:0} body{text-align:left;margin:0;color:#404041;line-height:1.5em;font-size:9pt;font-family:arial,helvetica,sans-serif} #outer-wrap{width:960px;margin:0 auto;padding-top:15px} #header{clear:both;margin:0 auto;padding:0;max-width:100%;position:relative} #head-content{margin:0 auto;padding:0;max-width:100%} #sitetitle,#logo{max-width:100%;margin:0;padding:0;text-align:left} #logo img{width:336px;height:auto;margin-left:15px} #sitetitle .title{padding:0;margin:0;letter-spacing:-1px;line-height:1.2em;font-size:24px;display:block} #sitetitle .title a{color:#000} #sitetitle .description{padding:0;margin:0;font-size:9pt;display:block} #wrap{max-width:100%;clear:both;margin:0 auto;padding:0;position:relative} .limit{max-width:100%;margin:0 auto} #page{padding:0;clear:both;margin:0 auto} #contentleft{width:62.5%;float:left;margin:0;position:relative} #content{width:100%;float:none;padding:0;margin:0} #sidebar-narrow{width:20%;float:left;padding:2.5%;margin:0;border:1px solid #e5e5e5;background:#f5f5f5} #contentright{width:34.375%;float:right;padding:20px 0;margin:0} #sidebar{width:100%;float:none;display:block;overflow:hidden} #sidebar-bottom{clear:both;display:block;overflow:hidden;padding:0 0 0 30px} #sidebar-bottom-left{width:53.33%;float:left;padding:0;margin:0;overflow:hidden} #sidebar-bottom-right{width:40%;float:right;padding:0;margin:0;overflow:hidden} #footer{clear:both;font-size:8pt;text-align:left;line-height:24px;z-index:9999} #footer a:hover{color:#A7CFF9} #footer li{height:20px} .clear,.clearfix{clear:both} .clearfix:after,blockquote:after{content:".";display:block;height:0;clear:both;visibility:hidden} .clearfix,blockquote{display:inline-block} * html .clearfix,* html blockquote{height:1%} .clearfix,blockquote{display:block} .clearfix2{display:none;clear:both} h1{font-size:20pt;margin:0} h2{font-size:18pt;margin:0 0 5px} h3{font-size:16pt;margin:0} h4,h5,h6,h7{font-size:14pt} .entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6,.entry h7{margin-bottom:15px} h3#postinfo,h3#comments,h3#respond,h3#trackbacks,#respond h3{margin:0} h3#comments{margin:0 0 5px} h3.post-title,h2.post-title{font-size:16pt;margin:0} h1.post-title{margin:0 0 15px} .auth-bio h1{margin:0 0 10px} h2.feature-title,h3.widgettitle,h2.feat-title,.sitemap h2{font-size:12pt;line-height:25px;margin:0 0 10px;padding:0;letter-spacing:0} h2.feature-title span,h3.widgettitle span,h2.feat-title span,.sitemap h2 span{background:#000;color:#fff;font-size:9pt;text-transform:uppercase;padding:5px 10px;line-height:25px} a,a:link,a:visited{outline:none;text-decoration:none;color:#336699} a.more-link,a.more-link:link,a.more-link:visited{background:#333;color:#fff;padding:4px 8px;font-weight:bold} a.more-link:hover,a.more-link:active{background-color:#000;color:#fff} .post-title a,.post-title a:link,.post-title a:visited{color:#333;text-decoration:none} .post-title a:hover,.post-title a:active{color:#000} h3.widgettitle span a,h2.feat-title span a,h3.widgettitle span a:link,h2.feat-title span a:link,h3.widgettitle span a:visited,h2.feat-title span a:visited{color:#ffcc00;background:url('https://healthypage.com/mcdn/arrow-link.gif') right 50% no-repeat;padding-right:12px} h3.widgettitle span a:hover,h2.feat-title span a:hover,h3.widgettitle span a:active,h2.feat-title span a:active{color:#fff} .entry img{max-width:97%;padding:3px;border:1px solid #e5e5e5;background:#fff;height:auto} img.alignright{float:right;clear:right;margin:0 0 15px 10px} img.alignleft{float:left;clear:left;margin:0 10px 15px 0px} img.aligncenter,img.centered,img.center{display:block;margin:0 auto 15px;float:none;clear:both} img.thumbnail{float:right;margin:0 0 15px 10px} .entry img.thumbnail{max-width:25%;height:auto} img.wide-thumbnail{max-width:40%;height:auto;float:right;margin:0 0 15px 10px;padding:2px;border:1px solid #e5e5e5} img.avatar,img.comment-grav,.singlepost .auth-bio img.avatar{border:1px solid #e5e5e5;padding:2px;background:#fff;float:right;margin:0 0 15px 10px} .wp-caption{border:1px solid #e5e5e5;text-align:center;background-color:#fff;padding-top:5px;margin:0 10px 10px} .wp-caption img{margin:0;padding:0;border:0 none} .wp-caption p.wp-caption-text{font-size:8pt;padding:5px;margin:0} p{margin-top:0px;margin-bottom:15px} ol{margin-left:40px;padding:0} ul{margin-left:20px;padding:0} .post ul,.post ol{list-style-type:none} .post ul li{list-style-type:none;padding:0;margin:0 0 2px;padding-left:12px;background:url('https://healthypage.com/mcdn/bullet.png') 0 1px no-repeat} .post ol li{list-style-type:decimal;margin-left:0;padding-left:0} .post ul li li{list-style-type:square;padding:0;margin:0 0 2px;padding-left:0;background:none} .post ul li li li{list-style-type:disc;padding:0;margin:0 0 2px;padding-left:0;background:none} form,select{padding:0} acronym,abbr,span.caps{cursor:help} acronym,abbr{border-bottom:1px solid #999} * html acronym,abbr{border-bottom:1px dashed #999} blockquote{margin:0 0 15px;color:#666;background:#f5f5f5;padding:15px 15px 1px;border:1px solid #e5e5e5} .center{text-align:center} a img,img a{border:none} code{font:1.1em 'Courier New',Courier,Fixed} hr{display:block;clear:both} .navigation{padding:0;margin:0;clear:both} .navigation .alignright{width:49%;float:right;text-align:right} .navigation .alignleft{width:49%;float:left;text-align:left} .alignright{float:right} .alignleft{float:left} .aligncenter,div.aligncenter{display:block;margin-left:auto;margin-right:auto;float:none;clear:both} input:focus{outline:none} #searchform #searchfield{color:#bbb;font-size:9pt;margin:0 3px 0 0;display:inline;padding:4px 6px;border:0;width:160px;text-transform:lowercase;font-family:arial,Helvetica,sans-serif;border:1px solid #e5e5e5;background:#fff} form#searchform{padding:0;margin:0;display:inline} #profile_form input{width:98%;margin:3px 0;padding:2px 1%} #profile_form td.error,#profile_form td.success{padding:15px 0} .desktop-nav p{font-size:15px} .ui-item{display:inline-block;margin:0 10px 10px 0;width:180px} .ui-item h3{margin-bottom:5px} .reveal-modal-bg{display:none!important} .arrow{float:right;padding:1px 0} /* index page redesign 8/28/15 */ #sideBar,#sideBarCat{float:left;width:32%} #sideBarCat{margin-left:15px;border-bottom:2px solid #E3E2E2} #leftContainer{float:left;width:67%} #leftCatContainer{float:left;width:66%} #searchContainer{float:none;width:100%} .back2top{position:fixed;bottom:0px;right:5px;height:55px;width:55px;cursor:pointer;display:none;z-index:99999} .back2top img{height:100%;width:100%} .articlesContainer{margin-left:6px} .article_wrap{margin-left:19px} ul.hot-posts{margin:0px;padding:0px} h5.hot{margin:0;background-color:#21cfcf} h5.hotCat{margin:0;background-color:#404041;text-transform:uppercase} .slotforad {margin:0px} /* index page redesign 4/7/15 */ .indexul{margin:0;text-align:center;position:relative} .indexul li{width:300px;list-style-type:none;display:inline-block;overflow:hidden;position:relative;margin-bottom:25px} .tp-info{background-color:rgba(247,77,71,.9)!important;position:absolute;padding:10px 10px 36px;bottom:0;left:0;width:calc(100% - 20px);line-height:25px;font-weight:400;color:#fff;text-align:left;font-size:20px} .look{position:absolute;bottom:8px;right:8px;color:#fff;font-size:13px;font-weight:400;line-height:126%;background-color:#000;padding:4px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px} .indexul .middle{margin-left:25px;margin-right:25px} .fb-sharestory,.fb-likeus{width:100%;max-width:290px;height:54px;float:none!important;border:2px solid #4865b0;margin:0 auto} .fb-sharestory span{font-size:18px;line-height:117%;font-weight:500} .fb-sharestory span{display:block;text-align:center;margin:17px 0} .fb-likeus{background-color:#fff;border:2px solid #4865b0;color:#4865b0;margin-bottom:15px} .fb-sharestory{background-color:#4865b0;color:#fff;cursor:pointer;margin-top:15px;margin-bottom:15px} .fb-likeus img{margin:12px 6px 12px 25px;display:block;float:left} .fb-likeus .fb-like{margin:17px 7px;vertical-align:top;display:inline-block;position:relative} .rounded{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px} .wp-caption{max-width:100%} /* like us fb slider */ .likeus-popup{display:none;text-align:center} .likeus-popup.active{display:block} .likeus-popup .overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1234;background-color:rgba(255,255,255,0)} .likeus-popup:not(.mobile) .overlay{background-color:rgba(65,64,66,.6)} .likeus-popup:not(.mobile) .popup{top:25%;top:25vh} .likeus-popup .popup{position:fixed;width:480px;max-width:100%;left:0;right:0;margin:auto;z-index:1235} .likeus-popup .popup .blue img{max-width:32%} .likeus-popup .popup .blue p{font-size:19px;line-height:25px;font-weight:500;text-transform:uppercase;color:#fff;margin:20px auto;max-width:350px} .likeus-popup .popup .blue h4{font-size:29px;line-height:29px;font-weight:700;font-family:'Fira Sans',sans-serif!important;text-transform:uppercase;color:#fff;margin:0} .likeus-popup .popup .blue{background-color:#4865B0;padding:20px} .likeus-popup .popup .blue{background-color:#4865B0;padding:20px} .likeus-popup .popup .white{background-color:#fff;padding:10px} .likeus-popup .popup .white p{color:#414042;font-size:13px;line-height:15px;font-weight:400;text-decoration:underline;cursor:pointer} .likeus-popup .popup .white .likewrap{width:200px;margin:0 auto} .likeus-popup.mobile.active .popup:not(.pop){transition:all 4s ease-in-out;-webkit-transition:all 4s ease-in-out;-moz-transition:all 4s ease-in-out;-o-transition:all 4s ease-in-out} .likeus-popup.mobile .popup{bottom:-100%;background-color:#e9eaed;height:22px;width:calc(100% - 20px);padding:14px 10px;display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between} .likeus-popup.mobile .popup.pop{bottom:0} .likeus-popup.mobile .popup .bluex{height:22px;width:22px;cursor:pointer} .bluex img{height:100%;width:100%} /* TSS styles (to reduce number of external files) */ [class*="zocial-"]:before {font-family:'zocial',sans-serif;color:#fff;font-size:18px;line-height:24px;font-weight:bold;font-style:normal;display:inline-block;vertical-align:middle;margin-right:2px;height:25px;width:25px;text-align:center} .tss-canvas {margin:10px 0;clear:both} .tss-share-buttons-container {margin:0 auto;position:relative} .tss-share-buttons-container.center-align {text-align:center} .tss-share-buttons-container.right-align {text-align:right} .tss-share-buttons-container.wrapped {float:left} .tss-share-buttons-container .tss-share-buttons-wrapper {display:inline-block;text-align:left;width:100%} .tss-share-buttons-container .tss-share-buttons-heading {text-align:left!important} .tss-share-buttons-heading h2{font-size:14px;font-weight:600;margin:0 0 0 5px} .tss-share-buttons-container ul.tss-share-buttons {float:none!important;background:none!important;list-style:none;overflow:hidden;padding:0 0 10px!important;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none;display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;margin:15px 0} .mini.tss-share-buttons-container ul.tss-share-buttons {margin:15px auto;width:85%} .dark .tss-share-buttons-heading {position:relative;display:inline} .dark .tss-share-buttons-heading h2{margin:0;position:relative;color:#FFFFFF;background:#000000;line-height:30px;text-align:center;z-index:2;padding:0 10px;margin-bottom:5px} .dark .tss-share-buttons-heading h2:after {content:'';position:absolute;top:100%;width:0;height:0;border-top:8px solid #000000;border-right:8px solid transparent;border-left:8px solid transparent} .dark:not(.side) .tss-share-buttons-heading h2:after {left:25px} .dark.side .tss-share-buttons-heading h2:after {right:25px} .dark.friends:not(.vertical) .tss-share-buttons-heading h2{width:320px} .dark.karma:not(.vertical) .tss-share-buttons-heading h2{width:210px} .dark.sharenow:not(.vertical) .tss-share-buttons-heading h2{} .dark.vertical.friends:not(.side) .tss-share-buttons-heading h2{width:140px} .dark.vertical.karma:not(.side) .tss-share-buttons-heading h2{width:115px} .dark.vertical.sharenow:not(.side) .tss-share-buttons-heading h2{width:100px} .tss-share-buttons-container.vertical li.tss-share-button,.tss-share-buttons-container.vertical ul.tss-share-buttons li.tss-share-button a{float:none!important} .tss-share-buttons-container li.tss-share-button a {float:left;position:relative;display:inline-block;overflow:visible!important} ul.tss-share-buttons li.tss-share-button {margin:0!important;display:block;position:relative;width:26%;height:36px;padding:0} ul.tss-share-buttons li.tss-share-button.more {width:calc(22% - 10px)} ul.more-share-buttons li.tss-share-button {margin:0!important;display:block;position:relative;width:140px;height:40px;padding:0} .tss-share-buttons-container li.tss-share-button .share-button-verb {display:none;color:#fff!important;font-size:11px!important} .tss-share-button i {margin-right:5px} .tss-share-button-container i{display:inline-block;vertical-align:middle;color:#fff;font-style:normal!important} .tss-share-button-container p{display:inline-block;vertical-align:middle;color:#fff;line-height:26px;font-size:14px;font-weight:600;text-transform:uppercase;margin:0} .tss-share-button-container p span{display:inline-block;vertical-align:top;color:#fff;line-height:26px;font-size:14px;font-weight:600;text-transform:uppercase;margin-left:3px} i img{display:inline-block;vertical-align:middle} i span{display:inline-block;vertical-align:middle;text-transform:uppercase;color:#fff;font-weight:500;font-size:12px} .tss-share-button-container{width:calc(100% - 10px);height:calc(100% - 10px);padding:5px;cursor:pointer;display:inline-block;text-align:center} .tss-share-button-container[class*=" service-facebook"] {background-color:#4764AF} .tss-share-button-container[class*=" service-twitter"] {background-color:#48C8F4} .tss-share-button-container[class*=" service-email_this"] {background-color:#4D4D4D} .tss-share-button-container[class*=" service-pinterest"] {background-color:#C82028} .tss-share-button-container[class*=" service-tumblr"] {background-color:#365069} .tss-share-button-container[class*=" service-google_plus"] {background-color:#DB4A3E} .tss-share-button-container[class*=" service-reddit"] {background-color:#7D99AC} .tss-share-button-container[class*=" service-flipboard"] {background-color:#B31F16} .tss-share-button-container[class*=" service-sms"] {background-color:#7ED321} .tss-share-button-container[class*=" service-comments"] {background-color:#37CC3A} .tss-share-button-container[class*=" service-more"] {background-color:#2ECC70} .mini.tss-share-buttons-container ul.tss-share-buttons{display:flex;display:-webkit-flex;flex-flow:row nowrap;-webkit-flex-flow:row nowrap;align-content:flex-start;-webkit-align-content:flex-start;align-items:flex-start;-webkit-align-items:flex-start;justify-content:space-between;-webkit-justify-content:space-between} .mini.tss-share-buttons-container ul.tss-share-buttons li{display:block} .mini .tss-share-button-container{padding:10px} .mini ul.tss-share-buttons li.tss-share-button {height:55px;width:23%;min-width:55px} .mini ul.tss-share-buttons li.tss-share-button div {height:calc(100% - 20px);width:calc(100% - 20px)} .mini span{display:none} .mini.vertical .comments{display:none!important;padding:0!important} .mini.vertical .tss-share-buttons li{padding-bottom:2px} .mini .tss-share-button i {width:100%;height:100%;margin-right:0} .mini .tss-share-button.more i{display:block} .mini i img {height:100%!important;width:100%!important;width:auto!important;margin:0 auto!important;display:block} .mini [class*="zocial-"]:before {font-size:24px;line-height:30px;margin-right:0;height:100%;width:100%} .mini .zocial-facebook:before {margin-left:-3px;margin-top:-1px;font-size:28px} .mini .tss-share-button-container p {display:none} .tss-overlay{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(125,125,125,.8);z-index:9999;display:none} .tss-overlay .more{width:100%;max-width:600px;margin:0 auto;position:relative} .tss-overlay .more-header{background-color:#F2F2F2;height:50px} .tss-overlay .more-header h2{text-align:center;margin:0;padding:14px 0;font-weight:200;color:#808080!important} .tss-overlay .more-header .close{position:absolute;top:0;right:0;font-size:35px;line-height:35px;font-weight:bold;cursor:pointer;padding:7px;color:#808080!important} .tss-overlay .more-body{background-color:#fff;padding:20px;padding-bottom:0;overflow:auto} .tss-overlay .more-share-buttons{padding:0;margin:0;list-style-type:none} .tss-overlay .more-share-buttons li{display:inline-block!important;margin-bottom:20px;width:170px} .tss-overlay .more-share-button-container{text-align:center;cursor:pointer;height:40px;overflow:hidden} .tss-overlay .more-share-button-container.service-facebook{background-color:#3B5998} .tss-overlay .more-share-button-container.service-twitter{background-color:#4099ff} .tss-overlay .more-share-button-container.service-email_this{background-color:#4D4D4D} .tss-overlay .more-share-button-container.service-pinterest{background-color:#C92228} .tss-overlay .more-share-button-container.service-tumblr{background-color:#35465c} .tss-overlay .more-share-button-container.service-google_plus{background-color:#db5a3c} .tss-overlay .more-share-button-container.service-reddit{background-color:#7E99AC} .tss-overlay .more-share-button-container.service-linkedin{background-color:#4696CF} .tss-overlay .more-share-button-container.service-stumbleupon{background-color:#EF4E23} .tss-overlay .more-share-button-container.service-digg{background-color:#045694} .tss-overlay .more-share-button-container.service-weheartit{background-color:#F96B96} .tss-overlay .more-share-button-container.service-flipboard{background-color:#E02828} .tss-overlay .more-share-button-container .logo{display:inline-block} .tss-overlay .more-share-button-container p{display:inline-block!important;color:#fff!important;font-size:20px!important;line-height:20px!important;margin:0!important;padding:10px 5px;float:none!important;font-weight:400!important} @media screen and (max-width:1100px){ .tss-share-button-container p span{display:none} } @media screen and (min-width:615px){ .tss-overlay .more-share-buttons li.middle{margin-left:20px;margin-right:20px} } @media screen and (min-width:400px) and (max-width:600px){ .tss-overlay .more-share-buttons li{width:45%} .tss-overlay .odd{margin-right:4.9%} } @media screen and (max-width:400px){ .tss-overlay .more-share-buttons li{width:100%} .tss-overlay .more{margin-top:0!important} .beforequestion .fbshare{margin-right:5px;width:calc(100% - 123px)} .beforequestion .fbshare img:first-of-type{display:none} .beforequestion .likeus{padding:15px 9px} .fbshare img{width:25px} } .airtv-outer {width:560px !important;height:315px !important;padding-top:0 !important} .social-bar{height:40px} /*Media queries*/ @media screen and (min-width:769px){ .mobile-connect{display:none!important} } @media screen and (max-width:1600px){ .desktop-nav{top:13px} } @media screen and (max-width:1240px){ #footer-bottom span{float:none;width:100%;text-align:center} } @media screen and (max-width:1205px){ .social-div{height:290px;max-width:85%} .newsletter{width:380px;float:left} .fblikebox{width:300px;overflow:hidden;height:153px;padding-left:0px;margin-top:0;float:right} .social-div input[type="text"]{width:200px} .find-us{width:100%} .find-us div{width:calc(33% - 10px);margin:0 0 10px} .find-us div span{font-size:12px} #footer-top{width:93%} } @media screen and (min-width:1000px){ .ac_adbox,.ac_header_title{width:800px!important;margin:0 auto!important} .indexul li{height:250px} .indexul li img{height:250px;width:auto;position:absolute;left:-999px;right:-999px;margin:0 auto} } @media screen and (max-width:1166px){ #trendingBar img {padding-left:20px} } @media screen and (max-width:1160px){ .catName {padding-left:20px} /*tablet styles for single page*/ .singlepost{width:calc(100% - 28px);margin:0 15px} .single-top h1{font-size:21px;line-height:30px} } @media screen and (max-width:1138px){ .itemsListBox,.itemsListBoxCat{width:100%} .trendingul li {width:33.3%;margin-right:3px} .featuredCat {width:353px;height:162px} .trendingCatContainer{margin:0 20px} .trendingCatContainer .trendingul li {width:33.4%;margin:0px} .trendingCatContainer .featuredCat {width:98%} .contentCat {width:85.5%} #sideBarCatTablet{display:block} #sideBarCat,.dateCat,#leftCatContainer .slotforad{display:none} .hot-articles{padding:10px 20px} .hot-articles .hotCatArticle:nth-child(n+5) {display:none} #sideBarCatTablet .hotCatArticle{border:0px} .ad728 {margin:10px auto} #leftCatContainer{float:none;width:inherit;margin-left:20px;margin-right:20px} #searchContainer{width:calc(100% - 40px);padding:20px} .articlesContainer{margin-left:0px} .article_wrap {margin-left:0px;border-left:2px solid #E3E2E2;border-right:2px solid #E3E2E2} .articleCat{padding:25px 10px 25px 10px} .articleItemsLeft{position:relative} .catDescriptionArticle{position:absolute;top:123px;left:10px} .dateCatTablet{display:block;float:right} .articleItemsLeft {width:26%} .articleItemsRight {width:74%} .readMoreCat {bottom:22px} h5{padding:12px 10px 10px 20px} .trendingSlide li{width:33.3%;margin-right:0px} .cat{top:20px} .postTitle{top:57px} .trendingDate{bottom:10px} #sideBar{float:none;width:100%} #leftContainer{float:none;width:100%} #leftContainer .slotforad{width:100%} .slotforad .single-ad{margin:0px auto!important} .video-health_wrap{width:97%;margin:0 auto} .video-health_wrap_header {width:49.5%} .adHotArticle{display:none} #sideBar .hot-articles{width:50%;float:left;padding-right:10px} .adHotArticleResponsive{display:block;float:left;width:45%;margin:20px auto;text-align:center} .hot-articles .hotArticle:nth-child(n+4) {display:none} .postTitleHotCat{margin-bottom:10px} .popular-wrap a:nth-child(n+6) {display:none} .popular {margin:0 auto 30px;width:915px} } @media screen and (max-width:1093px){ .featuredCat {width:98%} } @media screen and (max-width:1059px){ .contentCat {width:85%} } @media screen and (max-width:1020px){ .hdr-wrap{height:50px} nav a,nav h2,.index-top,.featured-article h2,.single-top h1,.content h2,textarea,.mobile-menu-view > ul > li > h3,.mobile-menu-view ul li ul li a,.orange-submit,.pink-submit,.white-submit,.reg-field,label,#register_form select,#footer-top h3,.tp-info,.tp-title{font-weight:300!important} nav,.desktop-nav,.followbox-wrap,.wp-pagenavi span.extend{display:none!important} .mobile-nav{display:block!important} .hplogo{height:100%;width:70px;top:-1px;position:relative;padding:9px 10px 5px 0px;background-color:initial} .hplogo img{width:146px;height:auto;padding:0} #searchform2{top:50px;position:absolute} .logo-cont{left:70px} } @media screen and (max-width:1002px){ .contentCat {width:84%} .featuredCat {height:145px} } @media screen and (max-width:1000px){ nav{margin-left:10px} .followbox-wrap,#hp-fb{display:none!important} .logo-cont{margin:0;width:initial;max-height:51px} nav ul li{padding:10px} .indexul .middle{margin-left:0;margin-right:0} .indexul{margin:0 10px;text-align:left;min-height:825px} .indexul li{width:calc(100% - 320px);display:block} .ad1{position:absolute!important;top:0;right:0;width:300px!important;height:250px!important} .cpa{position:absolute!important;top:275px;right:0;width:300px!important;height:250px!important} .ad2{position:absolute!important;top:550px;right:0;width:300px!important;height:250px!important} .cat,.look{} .tp-info{background-color:rgba(0,0,0,0)!important;color:#404041;font-weight:300;font-size:16px;margin:10px 0;padding:0;display:inline-block;width:calc(100% - 220px);position:relative;vertical-align:middle} .indexul li:not(.ad){background-color:#f5f5f5} .indexul li:not(.ad) img{width:140px;height:auto;display:inline-block;padding:10px;vertical-align:middle} .indexul li:not(.ad):after{content:'>';z-index:0;position:absolute;top:25%;right:10px;color:#fff;background-color:#F74D47;padding:15px 10px;font-size:25px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px} .indexul li:not(.ad) > a{display:block;z-index:1;position:relative} .insp-single{width:calc(100% - 340px)} #left-pack,.back2board{display:none} .back2insp,.index-top br{display:block} } @media screen and (max-width:962px){ .popular-wrap a:nth-child(n+5) {display:none} .popular {width:732px} } @media screen and (max-width:946px){ .contentCat{width:83.3%} .footer-top-left img{margin-left:10px} .footer-top-left{padding:0} .footer-top-right {padding:15px 0px;width:348px} } /*start tablet*/ @media screen and (max-width:920px){ .hplogo{padding:0} .hplogo img {width:184px;height:49px} nav{margin-top:35px} .catTitle,.postTitle{font-size:21px;line-height:28px} .cat{padding:0px 5px} h5{font-size:20px;font-family:'Roboto Medium',sans-serif} .trendingul li {width:50%} .trendingCatContainer .trendingul li {width:50%;margin:0px} .trendingSlide li {width:50%;margin-right:0} .featured{height:190px} .contentCat{width:87.8%} } @media screen and (max-width:890px){ .featuredCat {width:363px;height:183px} .featured{height:189px} #trendingWrapCat .trendCat{padding-top:4px} #sideBarCatTablet h5,.articlesContainer h5 {padding:4px 0 0px 20px;height:21px} .contentCat .catDescription {position:absolute;margin-top:30px;bottom:0px} .catReadMoreTrending{display:none} .dateCatTabletTrending{display:block;float:left} .catTrendingDate{display:none} .hotCatArticle .dateCatTabletTrending{display:none} .ad728 {margin:0px auto 60px} .singlepost{width:100%} .main_content{width:calc(100% - 28px);float:none} .single-sidebar{display:none} .single-sidebar > div > ins.adsbygoogle{display:none!important} } @media screen and (max-width:850px){ .logo-cont{margin-left:0px} nav a{font-size:16px!important} .contentCat{width:86%} } @media screen and (max-width:816px){ .find-us{margin-bottom:10px} .find-us div{width:30px;height:30px;padding:0;overflow:hidden;margin-right:15px} .find-us div img{height:100%;width:100%} .newsletter{float:none;width:100%;max-width:100%} .social-div{height:180px;padding:25px 15px 25px;width:300px} .social-div input[type="text"] {width:49%} .social-div input[type="submit"] {width:40%} .fblikebox{float:none;padding-left:0;width:300px;margin-top:20px;height:250px} .footer-top-left {float:none} .footer-top-left img{margin-left:0px} .mp-logo,.gp-logo,.ff-logo{width:32.3%} .footer-top-right {display:none} } @media screen and (max-width:768px){ .video-health_wrap{width:728px} .video-health_wrap_header{width:362px} .spacer{width:4px} .articleItemsLeft{width:30%} .articleItemsRight{width:70%} } @media screen and (max-width:766px){ .contentCat{width:85%} } @media screen and (max-width:750px){ #footer{position:relative} .login-overlay{top:48px} .upload-trigger{top:110px} .search-trigger{top:160px} .back2top-trigger{top:210px} #close.back{position:fixed} .index-top{font-size:24px} label{font-size:16px} .slotforad{width:300px} .content{max-width:600px} .featured-article .preview_image{width:98%!important;padding:0 0 2%!important} .featured-article .preview_summary{display:block;width:100%;padding:0 0 2%!important;height:auto;position:relative;overflow:hidden} .featured-article td:nth-of-type(1){width:100%!important;padding:0 0 2%!important} .featured-article td:nth-of-type(2){display:block;width:100%;padding:0 0 2%!important;height:auto;position:relative;overflow:hidden} .featured-image{height:300px!important} .grey-wrap{width:90%} .single-top{padding:20px} p.credit{padding:0 20px} #btf{margin-bottom:0px} #page.noatf{margin-top:0px} .facebooklikebutton{margin-top:-4px} .noatf #btf{padding-top:0px} #upload-div,#search-div,#login-div{width:70%;left:10%} .box-item{height:250px;width:300px;background-size:300px 250px!important} .box-header{width:280px} .subnav-td{width:100%} .index-wrap{padding-left:0px;padding-right:0px} .fixed3{display:block} .grey-wrap{margin-right:auto} #close.back{padding:35px 6px} .featured-article h2,.single-top h1{font-size:24px;line-height:28px;font-weight:700!important} #subnav table{padding:0 0 10px!important} .login-overlay{bottom:300px} .login-overlay-text{font-size:26px} .desktop-nav{display:none} #sideBar .hot-articles {width:inherit;float:none;padding-right:15px;padding-left:15px} #leftContainer .slotforad {display:none} .adHotArticleResponsive {width:100%;float:none} .hotItemsLeft{width:40%} .hotItemsRight {float:left;width:55%;margin-left:10px} .video-health_wrap,.video-health_wrap_header{ width:100%} .wrap{float:none}.home-5-left{width:40%} .home-5-right{width:55%} .slotforad{display:none} .mobileMiddle{display:block;text-align:center;background-color:#F2F2F2;padding-bottom:20px} .spacer{display:none} } @media screen and (max-width:740px){ .popular {width:90%} .popular-thumbnail{width:100%;height:auto;padding:12px 0;background-color:#fff} .popular-thumbnail img{max-height:inherit;width:100%;height:auto} .popular-thumbnail span{height:80px} .readstory{display:none} } @media screen and (max-width:715px){ .contentCat{width:84%} } @media screen and (max-width:700px){ .ad1,.cpa,.ad2{position:relative!important;top:0;left:0;width:100%!important;height:250px!important;text-align:center!important} .indexul li{width:100%} .indexul li:not(.ad) img{width:120px} .tp-info{width:calc(100% - 200px)} } /*start mobile*/ @media screen and (max-width:670px){ .catTitle,.postTitle{font-size:19px;line-height:25px} .smallImgCat{width:100%} .articleCat{padding:20px} .dateCatTablet{display:none} .dateCat{display:block} .catDescriptionArticle{position:relative;top:0px;left:0px} .postTitleCat{padding-bottom:0px} .articleItemsRight{width:60%;margin-left:10px} .articleItemsLeft{width:37%} .readMoreCat{bottom:0px} .readMore{color:#227cb3} li.trendingCatItems{display:block} .trendingCatContainer{margin:15px 15px 0} .trendingCatContainer .trendingul a:nth-child(n+3) {display:none} .trendingCatContainer .trendingul li {/*width:98%;*/width:calc(100% - 6px)} .trendingCatContainer .featuredCat{width:100%} .trendingCatContainer .trendingul li{border:2px solid #E3E2E2;border-top:0px;margin-bottom:20px} .contentCat{border:0px;width:calc(100% - 40px);height:145px} .contentCat .catDescription{font-size:12px} .hot-articles{padding:20px 15px} .hotCatArticle{padding:0px} #leftCatContainer{margin-left:15px;margin-right:15px} .trendingContainer .trendingul li,.trendingSlide li{width:100%} .trendingSlide li{display:block} h5{padding:6px 20px;text-align:left} h5.video-health{text-align:left} .mobile-connect{display:none} #trendingWrapCat .trendCat{padding-top:4px} #catBar{height:30px} .catName{padding-top:7px} .postTitle{font-size:15px;line-height:20px} .postTitleSlide,.postTitleOther{font-size:17px} .health-1,.video-1,.home-5-article{margin-bottom:15px} #footer{z-index:99} .featured-article td {height:153px;padding:0px} .featured-article .preview_image{height:153px;padding:0px} #footer-bottom{text-align:center} #footer-bottom span{display:block;margin:0 auto 10px!important;width:100%} #footer-bottom span:nth-of-type(2){float:none} #footer-bottom br{display:block} .header-wrap{width:360px;height:60px} .hplogo img{width:146px} } @media screen and (max-width:600px){ .insp-single{width:calc(100% - 40px)} .insp-sidebar{float:none;display:block;margin:0 auto} .clearfix2{display:block} .singlepost iframe{width:100%} } @media screen and (max-width:550px){ nav{display:none} } @media screen and (max-width:500px){ .singlepost{min-width:0px} #box-list li{margin-left:0;margin-right:0} .indexul li:not(.ad) img{width:90px} .tp-info{width:calc(100% - 170px)} .footer-top-right{padding:15px 0px} p.left span span{display:none} .ad336{width:100%;max-width:100%;float:none;margin-right:0px!important;text-align:center} } @media screen and (max-width:433px){ .articleItemsRight{width:52%} .articleItemsLeft{width:40%} .smallImgCat {height:56px} .single-ad p {width:100%} .pinkbar h2{font-size:20px;line-height:24px} } @media screen and (max-width:360px){ .contentCat{padding:10px;width:calc(100% - 10px)} .home-5-article{height:140px} } @media screen and (max-width:350px){ .social-div{max-width:100%;padding-left:10px;padding-right:10px} .find-us div {margin-right:10px} } @media screen and (max-width:318px){ .smallImg{width:100%} }