.force-fullscreen{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw!important;margin-right:-50vw!important}.container-outer{max-width:none;width:100%}.container-inner,.container-inner-content,.force-fullscreen-inner{margin-left:auto;margin-right:auto}@media (min-width:950px){.container-inner,.force-fullscreen-inner{max-width:1100px;width:calc(100vw - 90px)}.container-inner-content,.header-no-featured-image:not(.full-screen) .main-navigation .container-inner,.header-no-featured-image:not(.full-screen) .header-container .container-inner,.archive.header-no-featured-image:not(.full-screen) .content-area.container-inner{max-width:950px;width:calc(100% - 370px)}}@media (min-width:650px) and (max-width:950px){.container-inner,.force-fullscreen-inner{max-width:950px;width:calc(100vw - 110px)}.container-inner-content{max-width:850px;width:100%}}@media (max-width:650px){.container-inner,.force-fullscreen-inner{max-width:650px;width:calc(100vw - 40px)}.container-inner-content{max-width:none;width:100%}}html{font-family:var(--body-font);font-size:16px;max-width:100%;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth}body{font-family:var(--body-font);font-size:1.125rem;font-weight:400;line-height:1.65;color:var(--main-text);background-color:#FFF;max-width:100%;overflow-x:hidden}h1{font-family:var(--body-font);font-size:3rem;font-weight:700;line-height:1.25;letter-spacing:-.02rem;margin-bottom:0}h2,h3,h4,h5,h6{font-family:var(--heading-font);line-height:1.25;letter-spacing:-.02rem;margin-bottom:20px}h2{font-size:2.125rem;font-weight:600}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1.125rem}ul,ol{margin:0 0 1.5em 2.25em}p{margin-bottom:1.65em;font-family:var(--body-font);font-size:1.125rem;line-height:1.65}hr{display:none}@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1.125rem}ul,ol{margin:0 0 1.5em 2em}}.hr::after{height:1px;content:" ";display:block;background:#fafafa;clear:both;margin-bottom:40px;margin-top:40px}.site-content a{color:var(--main-color);font-weight:500!important}.source-link{font-size:75%!important;height:0!important;line-height:0!important;position:relative!important;vertical-align:baseline!important;bottom:1ex}.main-navigation{background-color:#FFF}.main-navigation a{display:flex}.main-navigation .inside-navigation{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between}.main-navigation,.inside-navigation,.site-logo,.menu-toggle,.mobile-bar-items a{height:45px;max-height:45px;line-height:45px}.main-navigation .main-nav ul li a,.menu-toggle,.main-navigation .menu-bar-item>a{padding-left:10px;padding-right:10px;line-height:45px}.menu-item{line-height:1.44;font-size:18px;color:#3A3A3A;background-color:#FFF;margin-bottom:0!important}.menu-item:hover{color:var(--alt-color)}.main-navigation ul{margin:0}.main-navigation .main-nav ul li[class*="current-menu-"]>a{color:var(--alt-color)}.menu-highlight a{background-color:var(--alt-color);border-radius:var(--border-radius-outer);font-weight:bold!important;color:#FFF!important}.home .inside-navigation{z-index:1}@media (min-width:769px){.main-navigation,.inside-navigation,.site-logo,.menu-toggle,.mobile-bar-items a{height:70px;line-height:70px;max-height:70px}}@media (max-width:700px){.menu-toggle{opacity:1;transition:opacity .2s ease-out;-moz-transition:opacity .2s ease-out;-webkit-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out}.menu-toggle .mobile-menu{display:none}.toggled .main-nav{display:inline-block;border:1px solid var(--border-color);min-width:250px;max-width:350px;width:auto;border-radius:var(--border-radius-outer);background:#FFF}}.header-container{display:flex;flex-flow:row wrap}.header-outer{background-color:var(--header-background-color);margin-bottom:1.25rem;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;order:1}.header-inner{margin:auto;padding:1.25rem 0;color:var(--header-color);display:flex;align-items:center}.header-meta{font-size:.85rem;color:var(--header-color);line-height:1.5;margin-top:.5em}.header-meta-author-wrap,.header-meta-date-wrap,.header-meta-tags-wrap,.header-meta-comments-wrap,.header-meta-share-wrap,.header-meta-tags-links{display:inline-block}.header-meta-date-wrap,.header-meta-tags-wrap{margin-left:10px}.header-meta-author-wrap{margin-left:0}.header-meta-tags-links:before,.date-hidden,.header-meta-comments-link:before{display:none}.header-meta-tags-links .post-categories{margin:0;list-style:none}.header-meta a{text-decoration:underline;color:var(--header-color)!important;font-weight:700}.header-meta a:hover{text-decoration:none;color:var(--header-color)!important}.header-meta a:visited{color:var(--header-color)!important}.header-meta-hook-description{font-size:1.35rem;font-weight:500;line-height:1.2;margin:.8rem auto}.header-meta svg.icon-post-meta{fill:var(--header-color)}svg.icon-post-meta{fill:var(--icon-color);margin:3px 3px 0 0;float:left;width:15px;height:15px}.page-content,.entry-content,.entry-summary{margin:0}.archive .header-inner{margin-bottom:20px}.archive h1{margin:20px auto}.title-container{flex:70%}.featured-image{flex:30%}.featured-image img{border:3px solid #FFF;object-fit:cover;background-color:#FFF;box-sizing:border-box;border-radius:100%;height:230px;max-height:230px;min-height:230px}.page-header{margin:0}.header-affiliate-disclaimer{padding:10px;align-items:center;font-size:.75rem;font-style:italic;background-color:var(--background-color);margin-top:0;margin-bottom:0;text-align:left;order:1;width:100%}.ptp-toc-wrap ul{text-align:left}.archive .taxonomy-description{margin:0 0 2rem 0}.taxonomy-description::after{height:1px;background:var(--border-color);clear:both;margin-bottom:40px;margin-top:40px}@media (max-width:768px){.header-meta-date-wrap,.header-meta-tags-wrap{display:block;margin-left:0}.header-meta-hook-description{font-size:1.25em;margin:.7rem auto}.featured-image img{border-radius:var(--border-radius-inner)}}@media (max-width:600px){.header-inner{display:block}.featured-image{margin-top:1rem}.header-affiliate-disclaimer{font-size:.7rem}}.photo-credit,.photo-credit-link{font-size:.75rem;color:var(--header-color);text-align:center;margin-top:10px}.photo-credit-link{text-decoration:underline}a.photo-credit-link:visited{color:var(--header-color)}.photo-credit-link:hover{text-decoration:none;color:var(--header-color)}html::-webkit-scrollbar,html::-webkit-scrollbar-track{background-color:#F9F9F9}html::-webkit-scrollbar{width:15px}html::-webkit-scrollbar-button{display:none}html::-webkit-scrollbar-thumb{background-color:#B5B5B5;border-radius:2.5px}html::-webkit-scrollbar,html::-webkit-scrollbar-track{background-color:#F9F9F9}html::-webkit-scrollbar-track:hover{background-color:rgba(0,0,0,.05);box-shadow:inset 1px 0 0 rgba(0,0,0,.1)}html::-webkit-scrollbar-track:horizontal:hover{box-shadow:inset 0 1px 0 rgba(0,0,0,.1)}html::-webkit-scrollbar-track:active{background-color:rgba(0,0,0,.05);box-shadow:inset 1px 0 0 rgba(0,0,0,.14),inset -1px 0 0 rgba(0,0,0,.07)}html::-webkit-scrollbar-track:horizontal:active{box-shadow:inset 0 1px 0 rgba(0,0,0,.14),inset 0 -1px 0 rgba(0,0,0,.07)}html::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.4);box-shadow:inset 1px 1px 1px rgba(0,0,0,.25)}html::-webkit-scrollbar-thumb:active{background-color:rgba(0,0,0,.5);box-shadow:inset 1px 1px 3px rgba(0,0,0,.35)}html::-webkit-scrollbar-corner{background:transparent}h2{scroll-margin-top:3rem}img{border-radius:var(--border-radius-outer)}.inside-article a:hover{text-decoration:underline;text-decoration-color:var(--alt-color)}h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong{font-weight:inherit}.sidebar .widget{background-color:transparent}ul li{margin-bottom:7px}blockquote{border-left:10px solid var(--alt-underline);font-style:italic;line-height:1.375em;padding:0 0 0 15px;margin:25px 0;font-size:1em}button,button:not(.menu-toggle){color:#000;background-color:var(--background-color);border:1px solid var(--border-color);font-size:1.125rem}button:hover,button:active,button:focus,button:checked{color:#000;background-color:var(--background-color);border:1px solid var(--border-color);background-image:linear-gradient(rgb(0 0 0/1%) 0 0)}.blockquote-background blockquote{background:#fff;padding:30px;background-color:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-inner)}.blockquote-background blockquote>*:first-child{font-size:1.225rem;color:var(--alt-text);font-weight:400;line-height:1.5em;font-style:italic;position:relative}.blockquote-background blockquote>*:first-child:before{content:'\201C';font-family:serif;font-style:normal;font-weight:700;position:absolute;font-size:175px;top:-33px;left:-20px;color:var(--alt-color);text-shadow:7px 14px 10px rgba(0,0,0,.1)}div.blockquote-background{margin:30px auto;padding:40px 20px 20px;position:relative;background-color:var(--background-color);border-radius:var(--border-radius-outer)}.clear-fix-grid{content:"";clear:both;display:table}a,button,input{transition:color .1s ease-in-out,background-color .1s ease-in-out,font-weight .1s ease-in-out}.site-content a{color:var(--main-color);font-weight:500}.site-content a:hover{color:var(--alt-color)!important;text-decoration-color:var(--alt-color)}.author-icons a,a.social-share-item,.product-image-link,.product-button-link,.ptp-table-link{box-shadow:none!important}.site-navigation,.table-of-contents,.featured-image,.product-review-image-wrapper,.ptp-post-grid-wrapper,.header-meta,.site-footer,.main-navigation,.site-logo,.ptp-top-table,.product-comparison-table,.accordion-title,.noHightlightOnClick,.adthrive-sticky.adthrive-footer>.adthrive-close,.read-more-button,.ptp-button,.heading-list,.page-section,.affiliate-disclaimer,.header-affiliate-disclaimer,.wishes-comment,.generator .btn{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ptp-hidden,.mlb-hidden,.hidden{display:none!important}.background-gradient{background:rgb(220,36,48);background:linear-gradient(90deg,rgba(220,36,48,1) 0%,rgba(123,67,151,.5049370089832808) 100%)}::-moz-selection{background:var(--alt-color);color:#FFF}::selection{background:var(--alt-color);color:#FFF}.container-inner-content .entry-content>p:last-child{margin-bottom:1.65em}.separate-containers .inside-article,.separate-containers .comments-area,.separate-containers .page-header,.separate-containers .paging-navigation,.one-container .site-content,.inside-page-header,.wp-block-group__inner-container{padding:0!important}img[data-lazy-src]{opacity:0}img.lazyloaded{-webkit-transition:opacity .5s linear 0.2s;-moz-transition:opacity .5s linear 0.2s;transition:opacity .5s linear 0.2s;opacity:1}img.reduce-height{object-fit:cover;max-height:380px}@media (max-width:768px){img.reduce-height{object-fit:cover;max-height:300px}}img.full-height{max-height:none!important}.heading-list+.card img,.heading-list+.card{object-fit:cover;max-height:340px;margin-top:-15px}@media (max-width:768px){.gallery-item{max-width:100%!important}}.columns-2{columns:2;-moz-column-count:2}.columns-3{columns:3;-moz-column-count:3}.columns-2 li,.columns-3 li{padding-right:20px;break-inside:avoid-column}@media (max-width:500px){.columns-2,.columns-3{columns:1;-moz-column-count:1}.columns-2 li,.columns-3 li{padding:0}}.social-share-buttons{display:block;margin:20px auto;width:100%;text-align:center}.social-share-item{margin:0 10px;padding:5px;border-radius:100%;display:inline-block}.social-share-item .icon-social-share{width:24px;height:24px}.img-modal .social-share-buttons .icon-pinterest{height:40px}.social-share-item path,.social-share-item path{fill:var(--icon-color)}.social-share-item:hover path,.social-share-item:hover g{fill:var(--alt-color)}@media screen and (min-width:768px){.icon-whatsapp{display:none!important}}.author-block{background-color:#FFF;overflow:hidden;border:1px solid var(--border-color);border-radius:var(--border-radius-outer);clear:both;margin:2rem 0;padding:2rem}.author-block-about{text-transform:uppercase;display:block;font-size:12px;line-height:13px;letter-spacing:1px;margin-bottom:0}.author-block-name{font-size:22px;margin-bottom:10px}.site-content .author-block-link{font-weight:700;color:var(--main-color);box-shadow:none;display:inline}.author-block-img img{float:left;margin-left:0;margin-right:20px;margin-bottom:20px;border-radius:50%}@media (max-width:768px){.author-block .author-icons{display:inline-block;margin:5px auto}.author-block-img{display:block;margin:auto;text-align:left}.author-block-img img{float:none;margin:0 auto 20px auto}}.progress-bar{position:fixed;top:0;left:0;height:5px;background-color:var(--main-color);width:0%;z-index:9999;transition:width 0.2s ease-in-out;opacity:0}.progress-bar.full{opacity:1}body{counter-reset:name-list-counter gift-guide-counter product-review-counter}.adthrive+h2,.adthrive-ad+h2{margin-top:20px}.adthrive-disable-all .adthrive,.adthrive-disable-video .adthrive{display:none!important;height:0!important;visibility:hidden!important}.ptp-services-box{padding:20px 0;border-top:var(--border-color) solid 1px;border-bottom:var(--border-color) solid 1px;margin:30px 0;font-weight:600;font-size:19px;text-align:center}.ptp-post-grid-wrapper{width:100%;border-width:0;white-space:normal;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;box-sizing:border-box;justify-content:space-between}.ptp-post-grid-single{margin-bottom:20px;display:grid;box-sizing:border-box;box-shadow:none!important;background-color:#FFF;overflow:hidden;border-radius:var(--border-radius-inner);border:1px solid var(--border-color);text-decoration:none;text-align:center;position:relative}.ptp-post-grid-container{order:2;height:100%}.ptp-post-grid-single:hover .ptp-post-grid-image{-webkit-filter:brightness(105%);-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.ptp-post-grid-single:hover .ptp-post-grid-title{color:var(--alt-color)}.ptp-post-grid-image{background-color:rgba(255,255,255,.34);transition:background-color .2s linear;object-fit:cover;display:inline-block;vertical-align:middle;border-radius:0;width:100%;order:1;cursor:pointer}.ptp-post-grid-title{overflow:hidden;margin:0;line-height:25px;font-size:1.25rem;display:block;background-color:#FFF;padding:15px;color:var(--alt-text);text-decoration:none;text-align:center;font-weight:600;font-family:var(--heading-font)}.ptp-post-grid-title::hover{color:var(--alt-color)}.ptp-post-grid-title::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.ptp-single-width-1 .ptp-post-grid-title{font-size:2.25rem;line-height:1.1}.ptp-single-width-2 .ptp-post-grid-title{font-size:1.7rem;line-height:1.15}.ptp-single-width-3 .ptp-post-grid-title{font-size:1.125rem;line-height:1.2}.ptp-post-grid-description{margin:0 15px 15px 15px;border-top-width:0;border-top-style:solid;border-top-color:#e1e0e0;padding:15px 0 0 0;overflow:hidden}.ptp-post-grid-single:last-child .ptp-post-grid-container{margin:0}.ptp-single-width-1{flex:0 0 100%}.ptp-single-width-2{flex:0 0 49%}.ptp-single-width-3{flex:0 0 32.33%}.ptp-single-width-4{flex:0 0 24%}.ptp-single-width-5{flex:0 0 19%}.ptp-single-width-6{flex:0 0 15%}.ptp-single-width-1 .ptp-post-grid-image{max-height:330px;min-height:330px;height:330px}.ptp-single-width-2 .ptp-post-grid-image{max-height:225px;min-height:225px;height:225px}.ptp-single-width-3 .ptp-post-grid-image,.ptp-single-width-4 .ptp-post-grid-image{max-height:185px;min-height:185px;height:185px}.ptp-post-grid-no-image .ptp-post-grid-title{-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:2.4em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;font-size:1rem}.ptp-post-grid-no-image{padding-bottom:0}.ptp-post-grid-no-image .ptp-post-grid-container{border-top:1.5px solid #e8e8ea}.ptp-post-grid-end-content{margin-left:auto;margin-right:auto}@media (min-width:850px){.ptp-single-width-3 .ptp-post-grid-title,.ptp-single-width-4 .ptp-post-grid-title{-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:4.4em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box}.ptp-single-width-3 .ptp-post-grid-container,.ptp-single-width-4 .ptp-post-grid-container{padding-bottom:10px}.ptp-post-grid-end-content .ptp-post-grid-wrapper{margin:0 -10px}}@media (max-width:850px){.ptp-single-width-3,.ptp-single-width-4,.ptp-single-width-5{padding-bottom:10px}.ptp-single-width-2,.ptp-single-width-3,.ptp-single-width-4{flex:0 0 48%}.ptp-post-grid .ptp-post-grid-title{font-size:1.3rem;line-height:1.15}}@media (max-width:550px){.ptp-post-grid .ptp-post-grid-single{flex:0 0 100%}.ptp-post-grid .ptp-post-grid-container{margin:auto;max-width:none}.ptp-post-grid-single:first-child .ptp-post-grid-container{margin:auto}}.pro-con-box ul,.pro-con-box-new ul{padding-left:1em}@media screen and (max-width:400px){ul.ul-list,ol.ol-list{padding-left:1.5em;margin-left:0}}svg.list-icon{border-radius:50%;background-color:var(--alt-color);width:17px;height:17px;padding:6px;margin:2px 10px 0 -10px;-webkit-font-smoothing:antialiased;display:inline-block;float:left;text-align:left}svg.list-icon path{fill:#FFF}.footer-icons a{margin-left:20px;box-shadow:none}.author-icons-single{padding:0 10px}.author-icons a{padding:10px}.icon-author-box{fill:var(--icon-color)}.author-icons-link:hover svg{fill:var(--alt-color)}.outline-text{text-shadow:1px 0 0 #000,0 -1px 0 #000,0 1px 0 #000,-1px 0 0 #000}@font-face{font-family:'ptpFonts';font-weight:400;font-style:normal;src:local('ptpFonts'),url(../../../../../../themes/momlovesbest/fonts/ptpFonts.woff2) format('woff2');font-display:swap}.styled-list,.styled-list .pro-box ul,.con-box ul{list-style-type:none}.tick li:before,.star li:before,.cross li:before,.warning li:before,.question li:before,.plus li:before,.minus li:before,.arrow-pink li:before,.arrow-red li:before,.arrow-alt li:before,.arrow-blue li:before,.arrow-green li:before,.arrow-main li:before,.arrow-alt2 li:before,.lookfor li:before,.idea li:before,.heart li:before,.info li:before,.information li:before,.drop li:before,.product-review-award-heading:before,.pro-box ul li:before,.con-box ul li:before,.keep-in-mind-point:before,.why-we-love-it-point:before,i:before{font-family:'ptpFonts',sans-serif!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;text-align:center;-webkit-font-smoothing:antialiased;list-style:none;line-height:1.75rem;font-size:1.15rem;width:1.75rem;height:1.75rem;-webkit-transform:translate(-2rem,0rem);transform:translate(-2rem,0rem);position:absolute;background-color:#FFF;border:0 solid var(--main-color);border-radius:50%;color:var(--main-color);box-sizing:content-box}i:before{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;top:50%;left:50%}i{position:relative}.keep-in-mind-point:before,.why-we-love-it-point:before{-webkit-transform:translate(-2rem,.1rem);transform:translate(-2rem,.1rem)}.product-review-award-heading:before{-webkit-transform:translate(-2rem,-.3rem);transform:translate(-2rem,-.3rem);content:"✓";color:var(--alt2-color);"; /*content: " ⭐";*/ } @media (min-width: 768px) { .product-review-content .styled-list { transform: translateX(2rem); } } ol li strong, ul li strong { color: #000000; background-color: #FAFAFA; } ul li a strong, ul li a strong { color: var(--main-color); } ul.nohighlight strong { background: none !important; } ul.tick li:before, i.tick:before { content: "\f00c"; } ul.star li:before, i.star:before { content: "\f006"; border: 0px solid var(--alt-color); color: var(--alt-color); } ul.cross li:before, i.cross:before { content: "\f00d"; border: 0px solid var(--alt-color); color: var(--alt-color); } ul.warning li:before, i.warning:before { content: "\f12a"; border: 0px solid var(--alt-color); color: var(--alt-color); } ul.question li:before, i.question:before { content: "\f128"; } ul.plus li:before, .pro-box ul li:before, i.plus:before { content: "\f067"; } ul.minus li:before, .con-box ul li:before, i.minus:before { content: "\f068"; border: 0px solid var(--alt-color); color: var(--alt-color); } ul.arrow-pink li:before, ul.arrow-red li:before, ul.arrow-pink li:before, ul.arrow-alt li:before, i.arrow-alt:before { /*content: "\f054"; border: 0px solid var(--alt-color); color: var(--alt-color);*/ background: var(--alt-color); content: ''; width: 7px; height: 7px; -webkit-transform: translate(-1.05rem,0.75rem); transform: translate(-1.05rem,0.75rem); } ul.arrow-blue li:before, ul.arrow-green li:before, ul.arrow-main li:before, i.arrow-main:before { /*content: "\f054";*/ background: var(--main-color); content: ''; width: 7px; height: 7px; -webkit-transform: translate(-1.05rem,0.75rem); transform: translate(-1.05rem,0.75rem); } ul.lookfor li:before, i.lookfor:before, ul.search li:before, i.search:before { content: "\f002"; } ul.idea li:before, i.idea:before { content: "\f0eb"; } ul.heart li:before, i.heart:before { content: "\f004"; border: 0px solid var(--alt-color); color: var(--alt-color); } ul.information li:before, ul.info li:before, i.info:before { content: "\f129"; } ul.drop li:before, i.drop:before { content: "\e90b"; } ol li { counter-increment: ol-counter; list-style-type: none; margin-bottom: 12px; } ol.blue li::before, ol.number-blue li::before, ol.pink li::before, ol.number-pink li::before, ol.number-green li::before, ol.green li::before, ol.main li::before, ol.alt li::before, ol.alt2 li::before { content: counter(ol-counter); display: block; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1.75rem; font-size: 1.15rem; border-radius: 50%; min-width: 1.35rem; padding: 0 0.2rem; width: auto; height: 1.75rem; text-align: center; -webkit-font-smoothing: antialiased; list-style: none; position: absolute; -webkit-transform: translate(calc(-115%), 0rem); transform: translate(calc(-115%), 0rem); background-color: #FFF; box-sizing: content-box; } ol.blue li::before, ol.main li::before { border: 0px solid var(--main-color); color: var(--main-color); } ol.red li::before, ol.pink li::before, ol.alt li::before { border: 0px solid var(--alt-color); color: var(--alt-color); } ol.green li::before, ol.alt2 li::before { border: 0px solid var(--alt2-color); color: var(--alt2-color); } /*----------------------------------------------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------BLOG POSTS---------------------------------------------------------------------*/ /* DISCLAIMERS */ .product-review-affiliate-disclaimer { display: block; margin: auto; padding: 1rem; text-align: center; clear: both; background-color: var(--background-color); font-size: 0.8rem; border-radius: var(--border-radius-outer); margin-bottom: 20px; font-style: italic; } .product-review-affiliate-disclaimer+h2 { margin-top: 40px; } .product-review-affiliate-disclaimer+style+.product-review-section-heading, .product-review-affiliate-disclaimer+.product-review-section-heading { margin-top: -22px; } /* BUTTONS */ .site-content .ptp-button, .product-review-image-wrapper .image-link::after { font-size: 1.275rem; line-height: 1.5rem; font-weight: 700; font-style: normal; width: auto; max-width: 300px; margin: auto auto 10px auto; padding: 0.6em 0.4em; border-radius: var(--border-radius-inner); border: 2px solid var(--alt-color); background-color: var(--alt-color); color: #FFF; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; text-decoration: none; display: block; text-align: center; box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); text-shadow: 1px 1px rgba(0, 0, 0, 0.1); } a.ptp-button:hover, a .ptp-button:hover, a.product-image-link:hover, a.product-button-link:hover .ptp-button, .product-review-image-wrapper .image-link:hover:after { color: var(--alt-color); background-color: #FFF; border-color: var(--alt-color); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .product-image-link .ptp-button, .product-review-image-wrapper .image-link::after { display: inline-block; padding: 0.6em 2em; margin: 20px auto 20px auto; } .product-review-image-wrapper .image-link::after { content: "Buy Now"; } .product-review-image-wrapper.no-button .image-link::after { content: ""; display: none; } a.ptp-button, a .ptp-button { text-decoration: none; } /*----------------------------------------------------------------------------------------------------------------------------------------*/ /*----------------------------------------------------------PLUGINS-----------------------------------------------------------------------*/ /* AD THRIVE */ .adthrive-disable-all .adthrive-ad { display: none !important; } /* TABLE OF CONTENTS */ /* RESPONSIVE TABLES */ table th { background: var(--main-color); color: #FFF; text-align: left; } @media (max-width: 768px) { table { display: block; overflow-x: scroll; white-space: nowrap; border: 0; } table td { font-size: 0.85rem; } table th { font-size: 0.95rem; } } .ptp-comparison-table th, .mlb-comparison-table th { width: 40%; } .ptp-comparison-table th:first-child, .ptp-comparison-table td:first-child, .mlb-comparison-table th:first-child, .mlb-comparison-table td:first-child { width: 20%; } .wpml-ls-statics-post_translations { margin: 30px 0; } .header-meta .wpml-ls-statics-post_translations { margin: 0; font-size: 0.85rem; color: var(--header-color); line-height: 1.5; display: inline; } .wpml-ls-statics-post_translations span[lang]::before { width: 18px; height: 12px; padding-right: 1px; margin: 0; } .wpml-ls-statics-post_translations span[lang="en"]::before { content: "🇬🇧"; } .wpml-ls-statics-post_translations span[lang="es"]::before { content: "🇪🇸"; } /*----------------------------------------------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------SHORTCODES---------------------------------------------------------------------*/ /* NUMBERED HEADINGS */ .list-number { display: inline-block; } .heading-list span { color: inherit; } .list-number.blue, .list-number.main { color: var(--main-color); } .list-number.red, .list-number.pink, .list-number.green, .list-number.alt { color: var(--alt-color); } .list-number.green, .list-number.alt2 { color: var(--alt2-color); } .ptp-accordion .list-number { margin: 5px 5px auto auto; } p.heading-list { font-size: 1.75rem; line-height: 1.25em; font-family: var(--heading-font); font-weight: 500; } /*CALLOUT BOXES */ .calloutbox { padding: 1.25rem 1rem; border-radius: var(--border-radius-outer); border: 1px solid var(--border-color); border-left: 5px solid var(--alt-color); margin-bottom: 2rem; clear: both; } .calloutbox-heading { color: var(--alt-color); font-weight: 700; font-size: 1.15rem; margin-bottom: 0.75rem; } .calloutbox-description { color: #000000; font-size: 1.175rem; display: block; background-color: #FFF; overflow: hidden; margin: 0; } .calloutbox-description p:last-child { margin-bottom: 10px; } .accordion .calloutbox, .buying-criteria-item .calloutbox { border-width: 0 0 0 2px; border-radius: 0; } /*FEATURED SNIPPET BOXES */ /* EDITORS NOTE BOX */ .ptp-editors-note { margin: 30px auto; padding: 40px 20px 20px 20px; position: relative; background-color: var(--background-color); border-radius: var(--border-radius-outer); clear: both; } .ptp-editors-note-blockquote { background: #FFF; padding: 30px; background-color: #FFF; border: 1px solid var(--border-color); border-radius: var(--border-radius-inner); } .ptp-editors-note-blockquote:after, .ptp-editors-note-blockquote:before { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .ptp-editors-note-blockquote:after { border-top-color: #FFF; border-width: 10px; left: 75%; margin-left: -10px; } .ptp-editors-note-blockquote:before { border-top-color: rgba(0, 0, 0, 0.01); border-width: 11px; left: 65%; margin-left: -11px; } .ptp-editor-content, .ptp-editor-content p { font-size: 1.225rem; color: var(--alt-text); font-weight: 400; line-height: 1.5em; font-style: italic; position: relative; } .ptp-editor-content:before { content: '\201C'; font-family: serif; font-style: normal; font-weight: 700; position: absolute; font-size: 175px; top: -33px; left: -20px; color: var(--alt-color); text-shadow: 7px 14px 10px rgba(0, 0, 0, 0.1); } .ptp-editors-attribution { text-align: right; padding: 10px 100px 20px 20px; position: relative; } .ptp-editors-title { margin-bottom: 0; font-size: 0.9rem; line-height: 1; font-style: italic; color: var(--alt-text); } .ptp-editors-thumb img { display: block; width: 70px; height: 70px; border: 5px solid #FFF; border-radius: 50%; position: absolute; right: 15px; bottom: 15px; } .ptp-editors-name { font-size: 1.225rem; font-weight: 500; font-style: normal; } @media screen and (max-width: 768px) { .ptp-editor-content, .ptp-editor-content p { font-size: 1.15rem; line-height: 1.6em; text-indent: 0px; } .ptp-editors-note { padding: 30px 15px 20px 15px; } .ptp-editors-note-blockquote { padding: 15px; } .ptp-editor-content:before { font-size: 120px; top: -20px; left: -20px; color: var(--alt-color); text-shadow: 5px 3px 4px rgba(0, 0, 0, 0.1); } } /* IMAGE EMBEDS */ .pin-embed, .insta-embed { max-width: 500px !important; margin: 20px 0; } .pin-embed.center, .insta-embed.center { margin: 20px auto; text-align: center; } .pin-embed.right { margin: 0.5rem 0 2.4rem 2.4rem; padding-right: 3px; float: right; max-width: 300px; } .pin-embed>span { box-shadow: none !important; border: 1px solid var(--border-color) !important; border-radius: var(--border-radius-outer) !important; min-width: none !important; } .pin-embed span[data-pin-log="embed_pin_follow"] { display: none !important; } .insta-embed blockquote, .pin-embed blockquote { border: none; } .instagram-media { background: #FFF; border: 0; border-radius: 3px; box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 10px 0 rgba(0, 0, 0, 0.15); margin: 1px; max-width: 540px; min-width: 326px; padding: 0; width: 99.375%; width: -webkit-calc(100% - 2px); width: calc(100% - 2px); } .instagram-media-padding { padding: 8px; } .instagram-media-inner { background: var(--background-color); line-height: 0; margin-top: 40px; padding: 62.5% 0; text-align: center; width: 100%; } .instagram-media-content { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAABGdBT…qzVjDDetO90GSy9mVLqtgYSy231MxrY6I2gGqjrTY0L8fxCxfCBbhWrsYYAAAAAElFTkSuQmCC); display: block; height: 44px; margin: 0 auto -44px; position: relative; top: -22px; width: 44px; } @media (max-width: 600px) { .pin-embed { margin: 2.4rem 0; padding-right: 0; float: none !important; text-align: center; max-width: 100%; } } /* YOUTUBE VIDEOS */ .video-container { position: relative; padding-bottom: 56.25%; margin: 20px auto; height: 0; overflow: hidden; background: var(--border-color); box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.3); border: 1px solid var(--border-color); border-radius: var(--border-radius-outer); padding-top: 0; clear: both; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* PAGE SECTION */ .page-section-full { content: ""; top: 0; width: 300%; left: -100%; height: 100%; position: relative } .page-section { margin: 20px auto 40px auto; text-align: center; border-radius: var(--border-radius-outer); background-color: var(--header-background-color); color: #FFF; } .page-section-inner { padding: 20px; } .page-section-row { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; align-items: center; justify-content: center; max-width: 920px; margin: auto; } .page-section+.card img, .page-section+.card { margin-top: -40px; border-radius: 0 0 10px 10px; object-fit: cover; max-height: 350px; opacity: 1; } .page-section-description { height: 100%; font-size: 1.25rem; text-align: left; } .page-section-description a { color: var(--header-color) !important; text-decoration: underline; } .page-section-image.ps-single { text-align: center; } .page-section-image.flex-grid { align-items: center; } .page-section-description.flex-grid, .page-section-image.flex-grid { display: flex; flex-direction: column; flex-basis: 100%; flex: 1; } @media only screen and (min-width: 768px) { .page-section-image.flex-grid { order: 2; } .page-section-description.flex-grid { flex-basis: 30%; padding-right: 20px; } } @media only screen and (max-width: 768px) { .page-section-description.flex-grid, .page-section-image.flex-grid { flex: auto; margin: 10px auto; display: block; } } .page-section img.icon { max-width: 110px; border-radius: 0; background: transparent; border: 0; } .page-section-heading strong, .page-section-heading strong, .page-section-heading strong { display: block; font-size: 1.225rem; text-transform: uppercase; letter-spacing: .05em; margin-bottom: 14px; line-height: 0; } .page-section p { margin-bottom: 20px; } /* Full Width PS */ .page-section-full .page-section-heading { font-size: 2.35em; line-height: 1.4em; font-weight: bold; color: #FFF !important; text-align: center; margin: 20px auto; } /* Contained PS */ .page-section-heading { font-size: 3em; line-height: 1.15em; font-weight: bold; color: var(--header-color); text-align: center; margin: 20px auto; } .page-section img.card { margin: 0 auto; display: block; object-fit: cover; max-width: calc(100% + 40px); margin-bottom: -40px; margin-left: -20px; max-height: 350px; border-radius: 0 0 10px 10px; border: 0; background: transparent; } /* Small PS */ .page-section.page-section-small { margin: 20px 50px; } .page-section-small .page-section-inner { padding: 10px; } .page-section-small .page-section-heading { margin: 10px auto; font-size: 2.2em; line-height: 1.4em; } /* PS Mobile */ @media only screen and (max-width: 768px) { .page-section-small { margin: 20px auto 40px auto; } .page-section img { max-width: 100%; } .page-section .page-section-image img { max-height: 100px !important; height: 100px !important; min-height: 100px !important; max-width: 100px !important; width: 100px !important; min-width: 100px !important; } .page-section img.icon { max-width: 75px; } .page-section-heading { line-height: 1.2em; font-size: 1.9em; } .page-section-small .page-section-heading { line-height: 1.2em; font-size: 1.9em; } } /* READ MORE BUTTON */ .read-more { transition: .25s ease; visibility: visible; max-height: 150px; overflow: hidden; position: relative; clear: both; } .read-more-open { visibility: visible !important; max-height: 999em !important; overflow: visible !important; } .read-more-button { position: absolute; z-index: 2; right: 0; bottom: 0; left: 0; height: 140px; width: auto; background: none; cursor: pointer; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(70%, rgba(255, 255, 255, 1))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 80%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 80%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%); } .read-more-button-clicked { background: none !important; height: auto !important; position: relative !important; display: none !important; } .read-more-button::before { margin-top: 70px; } @media only screen and (max-width: 768px) { .read-more-button::before { margin-top: 60px; } } .read-more-button::before { content: "↓ Show More"; cursor: pointer; display: block; padding: 0.25em .5em; font-size: 1rem; font-weight: 300; text-align: center; margin-left: auto; margin-right: auto; max-width: 250px; text-shadow: 1px 1px rgba(0, 0, 0, 0.1); color: var(--main-text); -webkit-animation: action 1s infinite alternate; animation: action 1s infinite alternate; } @-webkit-keyframes action { 0% { transform: translateY(0); } 100% { transform: translateY(-2px); } } @keyframes action { 0% { transform: translateY(0); } 100% { transform: translateY(-2px); } } .read-more-button:hover::before { box-shadow: none; transition: 0.3s; } /* DISPLAY CHILD TAGS */ .post-tag-grid-wrapper { display: block; margin: 5px 0; overflow: auto; } .tags-wrapper { margin: auto; text-align: center; } .post-grid-heading { font-size: 1.5rem; margin-bottom: 15px; margin-top: 10px; text-align: left; } .post-grid-tag-single { width: auto; box-sizing: border-box; float: left; margin-bottom: 15px; } .post-grid-tag-container { overflow: hidden; text-transform: none; margin: 0; display: block; text-align: center; box-shadow: none; margin: 0 10px 0 0; border-radius: var(--border-radius-inner); background-color: #FFF; border: 1px solid var(--alt-color); text-shadow: 0 0 0 rgba(255, 255, 255, 0.5); padding: 8px 14px; line-height: 21px; font-size: 1.25rem; color: var(--alt-color); } .post-grid-tag-container:hover { color: #FFF; background-color: var(--alt-color); } .post-tag-tag-container { padding: 0; font-size: 1rem; line-height: 28px; display: block; background-color: #FFF; border: none; text-align: left; } .post-list-tag-single { margin-bottom: 0; padding: 0 0 5px 0; } .tags-list-wrapper { margin: 0; text-align: left; } .post-tag-list-wrapper { border: none; text-align: left; position: relative; overflow: hidden; display: block; } /* STANDARD ACCORDIONS */ .accordion { width: 100%; overflow: hidden; border: 1px solid var(--border-color); border-radius: var(--border-radius-outer); display: block; margin: 30px auto; transition: all 1.3s ease; } .accordion-title, .buying-criteria-title { display: flex; align-items: center; justify-content: center; cursor: pointer; color: var(--alt2-text); font-weight: 700; padding: 15px 20px 15px 10px; } .accordion-title.open { border-bottom: 1px solid var(--border-color); border-radius: 0; } .accordion-content { padding: 0 15px 0 15px; } .accordion-title:hover path { fill: var(--alt-color); } .accordion-title.open path { fill: var(--alt-color); } .accordion-image { float: left; width: 50px; height: 50px; background: #FFF; margin-right: 20px; max-width: 50px; max-height: 50px; flex: 1; } .accordion-image img { height: 50px; min-height: 50px; max-height: 50px; width: 50px; } .accordion-heading { min-height: 1.4rem; line-height: 1.4rem; margin-bottom: 0; flex: 1; font-size: 1.4rem; margin-left: 5px; } .accordion-label { transform: scaleY(-1); line-height: 1; } .open .accordion-label { transform: scaleY(1); } .accordion-title.open + .accordion-content { margin-top: 20px; } .accordion-panel { opacity: 1; visibility: visible; transition: opacity 1s ease-out; } .accordion-hidden.accordion-panel { display: none; visibility: hidden; opacity: 0; transition: opacity 1s ease-out; } /* ACCORDION BLUR */ .accordion-blur .accordion-hidden.accordion-panel { max-height: 150px; position: relative; display: block; margin-bottom: 26px; padding-bottom: 26px; } .accordion-blur .accordion-panel::after { content: none; } .accordion-blur .accordion-hidden.accordion-panel::after { content: ""; position: absolute; z-index: 1; bottom: -26px; left: 0; pointer-events: none; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 90%); width: 100%; height: 4em; } /* Buying Criteria */ .buying-criteria-heading { min-height: 1.5rem; line-height: 1.5rem; margin-bottom: 1rem; font-size: 1.5rem; margin-left: 5px; color: var(--alt2-text); vertical-align: text-bottom; display: block; line-height: 50px; font-weight: 700; } .buying-criteria-image { width: 50px; height: 50px; background: #FFF; margin-right: 1rem; max-width: 50px; max-height: 50px; display: inline-block; line-height: 50px; margin-bottom: 1rem; float: left; } .buying-criteria-item { border: 1px solid var(--border-color); padding: 1.2rem; -ms-box-shadow: 8px 10px 1px var(--background-color); -moz-box-shadow: 8px 10px 1px var(--background-color); -webkit-box-shadow: 8px 10px 1px var(--background-color); box-shadow: 8px 10px 1px var(--background-color); margin: 2rem auto; width: 100%; border-radius: var(--border-radius-outer); } .buying-criteria-item p:last-child{ margin-bottom: 1em; } @media only screen and (max-width: 768px) { .buying-criteria-heading { clear: both; margin-left: 0; line-height: 1.8rem; } .buying-criteria-image { /*margin: 0;*/ } } /*RELATED POST SHORTCODE*/ .related-post-container { margin: 2rem 0; padding: 1rem 0; } .related-post-header { padding: 0 0 0.5rem 0; font-size: 1.125rem; color: var(--alt2-text); font-weight: 600; padding-left: 0.1rem; } .related-post-item { padding: 0.75rem; background-color: #FFF; overflow: hidden; border: 1px solid var(--border-color); border-radius: var(--border-radius-outer); display: flex; align-items: center; } .accordion .related-post-item { } .related-post-item+.related-post-item { border-top: 0; } .related-post-image { display: block; float: left; margin-right: 1rem; line-height: 0; } a.related-post-link { box-shadow: none; font-weight: bold; color: var(--main-color); } .related-post-link:hover { color: var(--alt-color); box-shadow: none !important; } .related-post-image img { min-width: 95px; max-width: 95px; width: 95px; min-height: 65px; max-height: 65px; height: 65px; border-radius: var(--border-radius-outer); } .related-post-title { display: block; text-decoration: none !important; overflow: hidden; line-height: 1.4; } /*----------------------------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------PRODUCT ROUNDUP REVIEWS---------------------------------------------------------------*/ /* TOP TABLE */ /* Table Wrap + Heading */ .ptp-pc { background-color: var(--background-color); margin: 4rem 0; } .ptp-pc-inner-heading { text-align: center; position: relative; line-height: 62px; margin: 0 auto; border-radius: var(--border-radius-outer); background-color: var(--main-color); color: #FFF; border: 1px solid #FFF; display: table; vertical-align: middle; padding: 0 1.5rem; top: 50%; transform: translate(0px, -50%); } @media (min-width: 768px) { .ptp-top-table .container-inner, .ptp-top-table .force-fullscreen-inner { max-width: max-content; min-width: 1100px; } } .emoji-enabled .ptp-pc-inner-heading:before, .emoji-enabled .toc-ptp-pc-inner-heading:before { content: "🏆 "; } .ptp-pc-picks-text { display: none; } .ptp-pc-inner-product { position: relative; padding: 1rem 0; background-color: var(--background-color); border-radius: var(--border-radius-outer); } .ptp-pc-disclaimer, .ptp-pc-disclaimer-before::before, .ptp-top-table-caption { display: block; clear: both; font-size: 0.8rem; color: #231F20; font-weight: normal; line-height: 1.2rem; padding: 0 0.15rem; max-width: 80%; text-align: center; margin: 0.4rem auto; font-style: italic; padding-bottom: 1rem; } .ptp-top-table-caption { font-size: 1.4rem; font-style: normal; } .ptp-review-methodology-section { max-width: 1050px; display: block; clear: both; font-size: .85rem; color: #231f20; font-weight: 400; line-height: 1.2rem; margin: 0 auto; padding: 0 1rem 2rem 1rem; font-style: italic; } .ptp-pc-review-text { display: block; clear: both; font-style: italic; font-size: 0.7rem; color: #231F20; max-width: 95%; margin-left: 5px; } .ptp-pc-picks-text { display: block; font-size: 1.1em; color: #FFF; font-weight: 300; line-height: 1.313em; margin: 0 0 1.5rem; } .top-pick-product-title { display: inline; } .ptp-pc-inner-number { position: absolute; top: -8px; left: -10px; border-radius: 50%; color: rgb(255, 255, 255); text-align: center; font-size: 1rem; height: 10px; line-height: 10px; width: 10px; min-width: 10px; padding: 10px; width: auto; background-color: var(--main-color); z-index: 99999; margin-right: 3px; font-weight: 600; } /* Table CSS */ .ptp-div-table { width: 100%; border-radius: var(--border-radius-outer); margin: 0 0 1.5em; } .ptp-table-row { display: grid; grid-template-columns: 20% 32% 30% 18%; align-items: center; border-width: 0 1px 1px 0; border: 1px solid rgba(0,0,0,.1); position: relative; box-shadow: none; background: #FFF; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } /* Table Head */ .ptp-table-head-cell { padding: 4px 0px; background: #FFF; color: var(--alt2-text); border: none; text-align: center; font-weight: bold; } .ptp-table-thead-image { } .ptp-table-thead-title { text-align: left; padding-left: 10px; } .ptp-table-thead-mobile-title { display: none; } .ptp-table-thead-features { text-align: left; padding-left: 25px; } /*Hover effects */ .ptp-table-row:hover .ptp-table-title { color: var(--alt-color); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .ptp-table-row:hover .ptp-table-image { -webkit-filter: brightness(102%); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .ptp-table-row:hover .ptp-table-button-inner { background-color: var(--alt-color); color: #FFF; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .ptp-table-title, .ptp-table-image, .ptp-table-link { cursor: pointer; } /* Link */ .ptp-table-link:hover { box-shadow: none; color: inherit !important; } .ptp-table-link { font-weight: 400 !important; color: var(--main-text); } /* Image */ .ptp-table-image { text-align: center; margin: 0; border-right: none; vertical-align: middle; padding: 10px 0; } .product-image.ptp-table-inner-image, .product-image.ptp-table-inner-image svg { height: 160px; max-height: 160px; min-height: 160px; width: 160px; margin: 0px auto; display: block; object-fit: contain; } .content .custom-product-thumbnail.product-image.ptp-table-inner-image, .content .custom-product-thumbnail.product-image.ptp-table-inner-image svg { width: 88%; object-fit: contain; border-radius: var(--border-radius-inner); background-color: var(--header-background-color); } @media (max-width: 767px) { .content .custom-product-thumbnail.product-image.ptp-table-inner-image, .content .custom-product-thumbnail.product-image.ptp-table-inner-image svg { width: 90%; width: -moz-available; /* WebKit-based browsers will ignore this. */ width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */ width: fill-available; } } .ptp-table-row:hover .ptp-table-inner-image { /*transform: scale(1.05);*/ } .product-image-credit::after { content: attr(data-content); font-size: 0.75rem; margin-top: 0.2rem; line-height: 1; letter-spacing: 1px; color: var(--light-text); font-family: var(--body-font); white-space: nowrap; display: block; } /* Award + Title */ .ptp-table-title-award { padding: 10px; border-right: none; border-left: none; vertical-align: middle; } .ptp-table-title { display: block; font-size: 1.2rem; padding: 0; line-height: 1.3em; letter-spacing: -.3px; margin: auto 0; font-weight: 400; text-transform: capitalize; color: var(--main-color); /*max-width: 300px;*/ text-overflow: ellipsis; /*white-space: nowrap;*/ overflow: hidden; } .ptp-table-award { display: block; font-size: 1.1rem; font-family: var(--heading-font); color: #211e1fbd; line-height: 1.1em; letter-spacing: -.25px; font-weight: 700; line-height: 1.2em; margin-bottom: 5px; } /* Features */ .ptp-table-features { text-align: center; border-right: none; border-left: none; vertical-align: middle; } .ptp-table-features ul { margin: 0; padding: 10px 20px; position: relative; font-size: 1rem; text-align: center; list-style: none; } .ptp-table-features li { color: var(--alt-text); text-align: left; margin-bottom: 0px; padding-left: 0px; } .ptp-top-table-simple-list1 .ptp-table-body { border-width: 0 1px 1px 0; border: 1px solid rgba(0,0,0,.1); position: relative; box-shadow: none; background: #fff; padding: 1.5rem; } .ptp-top-table-simple-list .ptp-table-features ul { padding: 0 0 0 1rem; text-align: left; } .ptp-top-table-simple-list .ptp-table-features li { display: inline-block; margin-right: 1.5rem; } .ptp-top-table-simple-list .ptp-table-features li:before { content: "+"; } .ptp-table-row-simple .ptp-table-link { font-weight: 700; } @media only screen and (max-width: 767px) { .ptp-top-table-simple-list .ptp-table-features-list li { display: block; } .ptp-top-table-simple-list .ptp-table-features { width: 100%; } } @media (min-width: 768px) { .ptp-top-table.ptp-top-table-noimage .container-inner, .ptp-top-table.ptp-top-table-noimage .force-fullscreen-inner { min-width: 900px; } } @media (max-width: 767px) { .ptp-top-table.ptp-top-table-noimage .ptp-table-features li { text-align: center; } .ptp-top-table.ptp-top-table-noimage .ptp-table-features { width: 100%; display: block; } } .ptp-top-table.ptp-top-table-noimage .ptp-table-row { grid-template-columns: 35% 45% 20%; } .ptp-table-features li:before { content: '✓'; color: var(--alt2-color); position: absolute; -webkit-transform: translate(-1rem, 0rem); transform: translate(-1rem, 0rem); } /* Button */ .ptp-table-button { vertical-align: middle; padding: 0; text-align: center; border-left: none; padding-right: 10px; } .ptp-table-link { text-decoration: none !important; font-weight: normal; color: var(--alt-text); } .ptp-table-link.image-link { display: contents; } .ptp-table-button-inner { background-color: #FFF; padding: 8px 20px; margin: auto; cursor: pointer; color: var(--alt-color); font-size: 1rem; max-width: 225px; font-weight: 700; line-height: 1rem; border-radius: var(--border-radius-inner); border: 2px solid var(--alt-color); -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; text-decoration: none; display: block; text-align: center; box-shadow: 1px 1px 0 rgba(0,0,0,0.1); text-shadow: 1px 1px rgba(0,0,0,0.1); } .ptp-table-image .ptp-table-button-inner { display: none; } /* No Features Table */ .ptp-table-no-features .ptp-table-thead-features { display: none !important; } .ptp-table-no-features .ptp-table-row { grid-template-columns: 30% 40% 30%; } .ptp-table-no-features .ptp-table-title { max-width: none; } /* Mobile Top Table */ @media only screen and (max-width: 767px) { .ptp-pc-inner-product { padding: 0 0 1rem 0; } .ptp-div-table { display: table; overflow-x: visible; white-space: normal; } .ptp-pc-inner-heading { font-size: 1.35rem; display: block; line-height: 1.25; padding: 1rem; } .ptp-table-head, .ptp-table-head .ptp-table-head-cell { display: none; } .ptp-table-head .ptp-table-thead-mobile-title { display: block; width: 100%; text-align: center; padding-left: 0px; } .ptp-table-row { display: flex; flex-wrap: wrap; padding: 0; border: 1px solid rgba(0,0,0,.1); } .ptp-table-image { width: 52%; /*width: 100%;*/ order: 2; margin: 0; box-sizing: border-box; border-bottom: none; /*display: flex;*/ justify-content: center; align-items: center; border: none; padding-left: 10px; } .ptp-table-title { max-width: none; white-space: normal; } .ptp-table-title-award { width: 100%; order: 1; text-align: center; padding: 20px 5px 5px 5px; border: none; } .ptp-table-features { order: 3; width: 48%; /*width: 100%;*/ box-sizing: border-box; border-bottom: none; align-items: center; margin: 0px 0px; display: flex; text-decoration: none ; line-height: 1.5; list-style: none; padding: 5px 5px 5px 15px; text-align: center; border-top: none; border-left: none; border: none; } .ptp-table-features ul { padding: 0 0 0 10px; font-size: 0.85rem; } .ptp-table-button { width: 100% !important; order: 4; display: block; justify-content: center; align-items: center; padding-bottom: 10px; padding-right: 0; border: 0; } .ptp-table-button-inner { margin: 15px auto 20px auto; font-size: 1.175rem; line-height: 1.175rem; } /* No Features Table */ .ptp-table-no-features { width: 100%; } .ptp-table-no-features .ptp-table-features { display: none !important; } .ptp-table-no-features .ptp-table-image { width: 100% !important; } } @media only screen and (max-width: 350px) { .ptp-table-features { width: 42%; } .ptp-table-image { width: 58%; } } /* SIMPLE TABLE */ .ptp-table-award-simple { font-weight: 600; } .ptp-top-table-simple-list .ptp-table-body, .ptp-top-table-simple-list .ptp-pc-disclaimer { width: fit-content; margin: auto; margin-bottom: 0; } .ptp-top-table-simple-list .ptp-pc-inner-product { padding-top: 0.5rem; } .ptp-table-row-simple { margin-top: 1rem; margin-bottom: 0.25rem; max-width: 700px; } .ptp-table-row-simple:before { content: '✓'; margin-right: 0.25rem; color: var(--alt2-color); position: absolute; -webkit-transform: translate(-1.1rem, 0rem); transform: translate(-1.1rem, 0rem); } @media only screen and (max-width: 767px) { .ptp-top-table-simple-list .ptp-pc-inner-product { padding: 0.5rem 1rem; } .ptp-top-table-simple-list .ptp-pc-disclaimer { margin-bottom: 0; padding-bottom: 0.5rem; } } /*PRODUCT REVIEWS SECTION*/ .emoji-enabled .product-review-section-heading:before, .emoji-enabled .toc-product-review-section-heading:before { content: "⭐ "; } .product-review-section-heading.underline-alt { font-weight: 600; } .product-review-section .product-review:last-of-type:after { display: none; } /*PRODUCT TITLE*/ .product-review-title { text-align: left; margin: 0 0 1rem 0; font-weight: 600; } .gift-guide .product-review-title::before { counter-increment: gift-guide-counter; content: counter(gift-guide-counter) ". "; display: inline-block; margin-right: 0.25rem; } .product-review-title a { font-weight: bold; } @media screen and (max-width: 768px) { .product-review-title { text-align: left; } } /*PRODUCT AWARD*/ .product-review-award-link {} .product-review-award-heading { margin: 1rem 1rem 1rem 1.85rem; max-width: none; font-size: 1.25rem; line-height: 1.5rem; font-family: var(--heading-font); font-weight: 500; text-align: left; } a .product-review-award-heading { color: var(--main-color); } @media screen and (min-width: 768px) { .product-review-card.product-review-float { display: block; float: left; padding: 0.5rem 1rem; margin-bottom: 1rem; margin-right: 2rem; margin-left: 0; } .product-review-float .product-review-award-heading { max-width: 300px; } .product-review-award-heading { text-align: left; /*margin: -5px 10px 15px 35px;*/ } } /*PRODUCT MERCHANTS*/ .ptp-secondary-merchants { text-align: left; margin: auto; line-height: 1.5rem; font-weight: 500; } .site-content .ptp-button.product-review-secondary-button { color: var(--alt-color); background-color: #FFF; font-size: 0.9rem; } a.product-button-link:hover .ptp-button.product-review-secondary-button { } /*PRODUCT IMAGES*/ .product-image-link, .product-button-link { display: block; margin-bottom: 1rem; } .product-image { border-radius: var(--border-radius-inner); display: block; padding: 0; width: 100%; height: 100%; object-fit: contain; margin: auto; } .product-image-svg path { fill: #F5F5F5 !important; } .ptp-table-button-inner:after { /*content: "Check Price 👀";*/ display: inline; } .product-image-center { float: none; margin: 20px auto; text-align: center; } .product-image-center .product-image { margin: auto; } .product-image-float .product-image-blog { margin: 0; float: none; width: auto; border-radius: var(--border-radius-inner); } a.product-image-link:hover .product-image-credit-blog, a.product-image-link:hover .product-image-credit-blog::after { color: var(--light-text) !important; text-decoration: none !important; text-decoration-color: var(--light-text) !important; } .product-image-cta::after { content: "Shop This Product"; } @media (max-width: 1100px) { .product-image-float { float: none; margin: 20px auto; text-align: center; } .product-image-float .product-image { margin: auto; } } .custom-product-thumbnail.product-review-image, .custom-product-thumbnail.product-image-blog { width: 100%; /*max-width: 400px;*/ max-width: none; max-height: 500px; border-radius: var(--border-radius-inner); min-width: 300px; background-color: var(--header-background-color); } @media (max-width: 767px) { .custom-product-thumbnail.product-review-image, .custom-product-thumbnail.product-image-blog { width: 100%; min-width: auto; margin-top: auto; } } /* PRODUCT REVIEW CARD */ .product-review-card { /*display: grid;*/ display: block; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; gap: 0px 0px; grid-template-areas: "image buttons"; justify-content: center; align-content: normal; justify-items: normal; align-items: center; margin-bottom: 2rem; border: 1px solid var(--border-color); /*box-shadow: -5px 5px 0 var(--background-color);*/ border-radius: var(--border-radius-outer); padding: 1rem; -ms-box-shadow: 8px 10px 1px var(--background-color); -moz-box-shadow: 8px 10px 1px var(--background-color); -webkit-box-shadow: 8px 10px 1px var(--background-color); box-shadow: 8px 10px 1px var(--background-color); } .product-review-cta-wrapper { grid-area: buttons; } .product-review-image-wrapper { grid-area: image; } .product-review-image-wrapper { text-align: center; position: relative; } /* .product-review-image-wrapper:before { content: ""; border: 1px solid var(--main-color); position: absolute; left: -25px; height: calc(40% + 40px); width: 40px; border-right-width: 0; bottom: -1px; border-radius: var(--border-radius-outer) 0 0 var(--border-radius-outer); } */ .product-review-image-wrapper>.product-image.img-float img, .product-review-image-wrapper>.product-image.img-float source { padding: 0; } .product-review-image, .product-image-blog { width: 300px; max-height: 300px; min-height: 300px; height: 300px; cursor: pointer; } .product-review-image.custom-product-graphic { width: 100%; max-height: 500px; max-width: none; height: auto; border-radius: var(--border-radius-inner); } .product-review-center .product-review-image, .product-review-center svg { max-width: 500px; } .product-review-cta-wrapper { position: relative; } .product-review-button { margin: 15px auto 10px auto !important; } @media screen and (min-width: 768px) { .product-review-image-wrapper.product-review-center { margin-right: 0; margin-bottom: 20px; } } @media screen and (max-width: 768px) { .product-review-card { display: block; margin-bottom: 1.5rem; float: none; padding: 1rem; } .product-review-image.custom-product-graphic { padding: 0; min-height: auto; } .product-review-cta-wrapper { margin-bottom: 1.5rem; } .product-review-content { margin-top: 1.5rem; } .product-review-image-wrapper { margin-bottom: 0; margin-right: 0; margin-left: 0; } .product-review-center .product-review-image, .product-review-float .product-review-image, .product-image-blog { float: none; max-width: 100%; width: auto; display: block; text-align: center; margin: 0 auto; min-width: auto; } .product-review-card.product-review-float { float: none; } } /* PROS AND CONS BOXES */ .pro-con-box { display: block; width: 100%; margin: 0 auto 30px auto; columns: 2; height: 100%; } .product-review .pro-con-box { margin: 0 auto; } .product-review .pro-con-inside, .accordion .pro-con-inside, .buying-criteria-item .pro-con-inside { border: none; box-shadow: none; } .product-review .pro-box-heading, .product-review .con-box-heading { margin: 0 0 0.75rem -1rem; } .pro-con-inside { border-radius: var(--border-radius-outer); border: 1px solid var(--border-color); padding: 1rem 1rem .75rem; break-inside: avoid; position: relative; } .pro-box-heading, .con-box-heading { margin: 0 0 0.75rem 0rem; font-weight: 600; } .pro-box ul, .con-box ul { margin-bottom: 0; margin-left: 1rem; padding-left: 0; list-style: none; } .product-review .pro-box ul, .product-review .con-box ul { margin-left: 0; } .pro-box ul li, .con-box ul li { margin-left: 0.6rem; } @media (max-width: 600px) { .pro-con-box { columns: 1; } } /* UNDERLINING */ .why-we-love-it { clear: both; padding-top: 20px; } .underline-main, .underline-alt, .underline-alt2, .why-we-love-it-heading, .keep-in-mind-heading, .additional-specs-heading, .review-criteria-heading, .community-review-heading { display: inline; font-weight: 500; clear: both; border-radius: 0; } .underline-main+*, .underline-alt+*, .underline-alt2+*, .why-we-love-it-heading+*, .keep-in-mind-heading+*, .additional-specs-heading+*, .review-criteria-heading+*, .community-review-heading+* { margin-top: 20px; } .underline-main, .why-we-love-it-heading { background: linear-gradient(transparent 65%, var(--main-underline), var(--main-underline) 65%); } .underline-alt, .keep-in-mind-heading { background: linear-gradient(transparent 65%, var(--alt-underline), var(--alt-underline) 65%); } .underline-alt2, .additional-specs-heading, .review-criteria-heading, .community-review-heading { background: linear-gradient(transparent 65%, var(--alt2-underline), var(--alt2-underline) 65%); } .accordion-wwli-kim { border: none; margin: 20px auto; } .accordion-wwli-kim .accordion-title { color: inherit; padding: 0; } .accordion-wwli-kim .accordion-heading { font-size: 1.25rem; line-height: 1.25em; } @media (max-width: 768px) { .accordion-wwli-kim .accordion-heading { font-size: 1.125rem; } } /* WHY WE LOVE IT + KEEP IN MIND BULLETS */ .why-we-love-it-point, .keep-in-mind-point { font-weight: 500; margin-left: 1.5rem; margin-bottom: 1rem; } .why-we-love-it-point:before { content: "\f067"; color: var(--main-color); margin-top: 0; background-color: #FFF; } .keep-in-mind-point:before { content: "\f068"; color: var(--alt-color); margin-top: 0; background-color: #FFF; } /* ADDITIONAL PRODUCT SPECS */ .additional-specs, .review-criteria { margin: 1.25rem auto; } .product-spec-table table { margin-bottom: 2.5rem; border: 0; } .product-spec-table td { border: 0; border-top: 1px solid #d8d8d8; font-size: 0.85rem; padding: 10px 20px 10px 0; vertical-align: top; } .product-spec-table td:first-child { font-weight: bold; } .product-spec-table td:last-child { width: 100%; } .product-spec-table tr:last-child { border-bottom: 1px solid #d8d8d8; } @media only screen and (min-width: 767px) { .product-spec-table td:first-child { min-width: 250px; } } /* Product Ratings */ .review-criteria { display: flex; max-width: 100%; } .review-criteria-item { display: block; position: relative; margin: 0.1rem 2rem 0.1rem 0; padding-left: 0; font-size: 0.95rem; line-height: 1.6rem; white-space: nowrap; text-align: center; } .review-criteria-flex .review-criteria-item { flex: 15%; } .review-criteria-item-heading { font-weight: 700; max-width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .review-criteria-item-stars { display: flex; justify-content: center; } .star-svg-25 { clip-path: inset(0 75% 0 0); } .star-svg-50 { clip-path: inset(0 50% 0 0); } .star-svg-75 { clip-path: inset(0 25% 0 0); } @media (max-width: 1200px) { .review-criteria { justify-content: flex-start; flex-wrap: wrap; } .review-criteria-item { flex: 40%; text-align: left; margin: 0 0.5rem 0.5rem 0.1rem; } .review-criteria-item-stars { justify-content: flex-start; } .review-criteria-item-heading { max-width: 200px; } } /* Product Comparison Table */ .ptp-pc { background-color: var(--background-color); margin: 4rem 0; } .ptp-pc-inner-heading { text-align: center; position: relative; margin-bottom: 0; line-height: 62px; margin: auto; background-color: var(--main-color); border-radius: var(--border-radius-outer); color: #FFF; border: 1px solid #FFF; display: table; vertical-align: middle; padding: 0 1.5rem; top: 50%; transform: translate(0px, -50%); } .ptp-pc-inner-product { position: relative; padding: 1rem 0; background-color: var(--background-color); border-radius: var(--border-radius-outer); } .product-comparison-table:last-child { margin-bottom: 0; } .emoji-enabled .product-comparison-table-heading:before, .emoji-enabled .toc-product-comparison-table-heading:before { content: "🕵 ️" !important; } @media (min-width: 768px) { .force-fullscreen-inner.responsive-table { max-width: max-content; min-width: 1100px; } } .responsive-table table { max-width: 100%; width:100%; overflow-x: auto; border-collapse: collapse; border-spacing: 0; border: none; } .responsive-table table, .responsive-table tbody { -webkit-overflow-scrolling: touch; background: radial-gradient(left, ellipse, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 0 center, radial-gradient(right, ellipse, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 100% center; background-size: 10px 100%, 10px 100%; background-attachment: scroll, scroll; background-repeat: no-repeat; } .responsive-table td:first-child, .responsive-table tbody tr:first-child { background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, white), to(rgba(255, 255, 255, 0))); background-image: linear-gradient(to right, white 50%, rgba(255, 255, 255, 0) 100%); background-repeat: no-repeat; background-size: 20px 100%; } .responsive-table td:last-child, .responsive-table tbody tr:last-child { background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, white), to(rgba(255, 255, 255, 0))); background-image: linear-gradient(to left, white 50%, rgba(255, 255, 255, 0) 100%); background-repeat: no-repeat; background-position: 100% 0; background-size: 20px 100%; } .responsive-table th, .responsive-table td { font-size: 0.9rem; padding: 16px 10px; border: 1px solid #d8d8d8; border-left: none; border-right: none; max-width: 300px; text-align: center; vertical-align: middle; min-height: 48px; } .responsive-table thead th:nth-child(1), .responsive-table tbody td:nth-child(1) { text-align: left; max-width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media (min-width: 768px) { .responsive-table thead th:nth-child(1), .responsive-table tbody td:nth-child(1) { max-width: 350px; } } .responsive-table th { background: #FFF; color: var(--alt2-text); } .responsive-table td { background: #FFF; max-width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .product-comparison-table a { font-weight: bold; } .scroll-icon { display: none; } @media (max-width: 768px) { .responsive-table table { display: -webkit-box; display: flex; overflow: hidden; background: none; } .responsive-table thead { display: -webkit-box; display: flex; flex-shrink: 0; min-width: -webkit-min-content; min-width: -moz-min-content; min-width: min-content; } .responsive-table tbody { display: -webkit-box; display: flex; position: relative; overflow-x: auto; overflow-y: hidden; } .responsive-table tr { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; min-width: -webkit-min-content; min-width: -moz-min-content; min-width: min-content; flex-shrink: 0; } .responsive-table tbody td:nth-child(1) { max-width: 200px; text-align: center; } .responsive-table th, .responsive-table td { font-size: 0.85rem; padding: 12px 8px; max-width: 200px; overflow: scroll; text-overflow: clip; } .responsive-table thead th { text-align: left; } .responsive-table td, .responsive-table--flip th { display: block; } .responsive-table td { background-image: none !important; border-left: 0; border-right: 1px solid #d8d8d8; } .responsive-table th:not(:last-child), .responsive-table td:not(:last-child) { border-bottom: 0; } .scroll-icon { text-align: right; display: block; } .scroll-icon svg { width: 30px; height: 30px; margin-right: 40px; clear: both; } .product-comparison-table .ptp-pc-inner-heading { font-size: 1.35rem; display: block; line-height: 1.25; padding: 1rem; } .product-comparison-table .ptp-pc-inner-product { padding: 0 0 1rem 0; } } /* Type of Product */ .product-types { margin-bottom: 20px; border-bottom: 1px solid #FAFAFA; } .product-types-heading-wrapper { margin-bottom: 20px; } .product-types-heading { font-weight: 600; color: var(--alt2-text); } .product-types .product-image-link { float: none; } .product-types .product-image { max-height: 300px; min-height: 300px; height: 300px; width: auto; margin: 0 0 20px 0; } .product-types .rating-wrapper { margin: 0 auto; text-align: left; display: block; } .product-types .rating { display: inline-block; margin-right: 20px; border-radius: var(--border-radius-inner); box-shadow: -5px 5px 0 var(--background-color); border: 1px solid #EEE; padding: 0.5rem; margin-bottom: 15px; line-height: 15px; } .product-types .rating .heart { padding-right: 5px; } .product-types .rating .heart-open { fill: var(--alt-color); } .product-types .rating .heart-closed { fill: #cccccc; } .product-types .rating .price-open { fill: var(--alt2-color); } .product-types .rating .price-closed { fill: #cccccc; } .product-types .read-more { margin-bottom: 40px; } @media screen and (max-width: 768px) { .product-types .rating-wrapper { text-align: center; } .product-types .product-image { max-width: 100%; } } /* Community Reviews */ .community-review-box-content { font-style: italic; margin-bottom: 1.65em; display: block; font-size: 1.05rem; } /*----------------------------------------------------------------------------------------------------------------------------------------*/ /* Archives */ .archive .ptp-post-grid:last-child, .article_type-archive .ptp-post-grid:last-child { margin-bottom: 30px; } .archive-author-thumbnail img { border-radius: 50%; float: left; margin: 10px 20px 20px 0; } .archive-author-heading { font-size: 1.7rem; } .archive-author-socials { margin-bottom: 3rem; } /*.one-container.page .inside-article { padding-bottom: 30px; }*/ .related-posts-section, .comments-section { background: var(--background-color); border-radius: 0; margin: 0; } .related-posts-section .container-inner { padding-top: 20px; margin-top: 0; } .related-posts-section .ptp-post-grid { padding-bottom: 20px; } .comments-section .container-inner { padding: 40px 0; margin-top: 0; } /* Related Reading After Content */ .related-reading-head { margin-top: 20px; } .related-posts-tags-wrap { margin-top: -20px; } .related-posts-tags-wrap svg.icon-post-meta { float: none; margin: 0 5px 0 0; } .related-posts-tags-links { } /* Comments */ ol.comment-list { background: #FFF; padding: 20px 60px; background-color: #FFF; border: 1px solid var(--border-color); border-radius: var(--border-radius-inner); overflow: hidden; } .comments-area { border-radius: var(--border-radius-outer); overflow: hidden; margin-top: 0 !important; width: 100%; background-color: transparent; } .comments_has_comments { max-height: 500px; min-height: 500px; overflow: hidden; overflow-y: scroll; position: relative; } .comments_has_comments::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2); border-radius: 5px; background-color: #F5F5F5; } .comments_has_comments::-webkit-scrollbar { width: 12px; background-color: #F5F5F5; } .comments_has_comments::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .2); background-color: var(--light-text); } .comments-title:after { display: block; font-size: 0.75rem; line-height: 0.75rem; letter-spacing: 1px; color: var(--light-text); } .comment-reply-title:after { display: block; font-size: 0.75rem; line-height: 0.75rem; letter-spacing: 1px; color: var(--light-text); } .comment-meta .entry-meta a:hover { color: var(--alt-color); } textarea#comment { background-color: #FFF; overflow: hidden; border: 1px solid var(--border-color); border-radius: var(--border-radius-inner); } input#submit, .secondary-button { border-radius: var(--border-radius-inner); border: 2px solid var(--border-color); background-color: #FFF; color: #011424; cursor: pointer; -webkit-appearance: button; } .llc_comments_button { border-radius: var(--border-radius-inner); border: 2px solid var(--border-color); background-color: #FFF; color: #011424; cursor: pointer; -webkit-appearance: button; padding: 1rem 2rem; font-size: 1.3rem; box-shadow: 5px 5px 0 rgba(0, 0, 0, .03); } input#submit:hover, #llc_comments_button:hover, .secondary-button:hover { box-shadow: none; transition: 0.3s; } .comments-area .comment-content { margin: 10px 0 5px; border-radius: var(--border-radius-inner); } .comments-area .children { border-left: none; } .depth-1.parent>.children { border-bottom: none; } ol.comment-list, .comment-respond { margin-right: 20px; } @media (max-width: 768px) { ol.comment-list { padding: 20px; } } /* Footer */ .footer-widgets { padding: 40px; background-color: #FAFAFA; } .footer-widgets-container { padding: 0; } .footer-widgets a { color: #3A3A3A; } .footer-widgets a:hover { color: var(--alt-color); text-decoration: underline; } .site-info { padding: 20px; color: #3A3A3A; background-color: #FAFAFA; } input, textarea, select { border-radius: var(--border-radius-outer); } @media (max-width: 768px) { .footer-widgets { padding: 40px 0; } } /*OLD STYLES*/ /*Subcategory Shortcode*/ .category-box { background-color: var(--background-color); padding: 20px; margin: 20px auto 30px auto; border-radius: var(--border-radius-outer); border: 1px solid var(--border-color); } .category-box-heading { font-size: 1.5em; font-weight: bold; margin-bottom: 0.5em; color: var(--alt-color); } .category-box-description { font-size: 0.95em; } /*Awards with descriptions*/ .product-review-award-heading-content { font-weight: 400; margin-bottom: 10px; box-shadow: var(--alt-underline) 0px -8px 0px inset; display: inline; font-size: 1.15rem; } .product-award-single { margin-bottom: 10px; } .product-review-award-description-content { font-size: 0.875rem; margin-top: 10px; margin-bottom: 15px; font-style: italic; } .product-review-award-description-content:before, .product-review-award-description-content:after { content: '\201C'; font-style: normal; font-weight: 700; font-size: 1.5rem; color: var(--alt-color); line-height: 0; } /* Interactive Checkbox List */ @media (max-width: 768px) { ul.checkbox { margin: 0 0 1.5em 2em; } } .checkbox li { -webkit-transform: translate(-2.5rem, 0.1rem); transform: translate(-2.5rem, 0.1rem); list-style-type: none; } .checkbox-label { display: flex; align-items: stretch; -webkit-user-select: none; user-select: none; cursor: pointer; overflow: hidden; transition: all 0.2s ease; padding: 0.5rem; } .checkbox-label:not(:last-child) { margin-right: 6px; } .checkbox-label:hover { background: #04a4d612; border-radius: var(--border-radius-outer); } .checkbox-label span { vertical-align: middle; transform: translate3d(0, 0, 0); } .checkbox-icon { position: relative; width: 1.25rem; height: 1.25rem; border-radius: var(--border-radius-outer); transform: scale(1); border: 1px solid var(--light-text); transition: all 0.2s ease; } .checkbox-icon svg { fill: none; stroke: #fff; stroke-width: 1.75; stroke-dasharray: 16px; stroke-dashoffset: 16px; transition: all 0.3s ease; transition-delay: 0.1s; transform: translate3d(0, 0, 0); width: 1.25rem; height: 1.25rem; } .checkbox-svg-check { padding: 1px; } .checkbox-text { padding-left: 8px; line-height: 1.25rem; } .checkbox-label:hover .checkbox-svg-container { border-color: var(--main-color); } .checkbox-input { position: absolute; visibility: hidden; } .checkbox-input:checked+.checkbox-label .checkbox-icon { background: var(--main-color); border-color: var(--main-color); animation: wave 0.4s ease; opacity: 1; } .checkbox-input:checked+.checkbox-label svg { stroke-dashoffset: 0; } .checkbox-example .checkbox-label svg { stroke-dashoffset: 0; } .checkbox-example .checkbox-icon { background: var(--main-color); border-color: var(--main-color); animation: wave 0.4s ease; opacity: 0.5; } @-moz-keyframes wave { 50% { transform: scale(0.9); } } @-webkit-keyframes wave { 50% { transform: scale(0.9); } } @-o-keyframes wave { 50% { transform: scale(0.9); } } @keyframes wave { 50% { transform: scale(0.9); } } /* Modal */ .rmodal { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 999; padding: 0 30px 0 20px; box-sizing: border-box; background-color: #000; background-color: rgba(0, 0, 0, 0.75); text-align: center; } .rmodal:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.05em; } .rmodal .rmodal-dialog { display: inline-block; vertical-align: middle; position: relative; z-index: 1000; max-width: 500px; box-sizing: border-box; width: 90%; background: #fff; padding: 2rem; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; -o-box-shadow: 0 0 10px #000; -ms-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; text-align: left; } .rmodal .close-modal { position: absolute; cursor: pointer; top: -12.5px; right: -12.5px; display: block; width: 30px; height: 30px; text-indent: -9999px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==); } .button-link {} .button-wrapper { transition: 1s; white-space: nowrap; overflow: hidden; position: relative; } .button-wrapper:focus { outline: none; } .button-wrapper:hover { transition: 0.5s; box-shadow: 10px 10px 0 var(--alt-underline); } .button-wrapper span {} .button-wrapper .button-arrow { transition: 0.5s; margin-left: 5px; } .button-wrapper:hover .button-arrow { transition: 0.5s; margin-right: 20px; } .button-arrow-wrapper { position: absolute; } /*Button Animation*/ .button-arrow .button-icon1 { display: inline-block; } .button-arrow .button-icon2 { transition: 0.4s; transform: translateX(-100%); display: inline-block; } .button-arrow .button-icon3 { transition: 0.5s; transform: translateX(-200%); display: inline-block; } .button-wrapper:hover .button-arrow .button-icon1 { animation: color_anim 1s infinite 0.2s; } .button-wrapper:hover .button-arrow .button-icon2 { transform: translateX(0%); animation: color_anim 1s infinite 0.4s; } .button-wrapper:hover .button-arrow .button-icon3 { transform: translateX(0%); animation: color_anim 1s infinite 0.6s; } @keyframes color_anim { 0% { color: white; } 50% { color: var(--alt-color); } 100% { color: white; } } /* SCROLL TO TOP */ .ptp-floating-icons { background-color: transparent; position: fixed; top: 100px; right: 20px; text-align: center; cursor: pointer; z-index: 100; transition: all .5s ease; } .scroll-to-top { transition: all .5s ease; opacity: 0; transform: translateY(100px); } .scroll-to-top.scroll-button-active { opacity: 1 !important; transform: translateY(0) } .ptp-floating-icons ul { margin: 0; } .ptp-floating-icons li { list-style: none; } .ptp-floating-icons .floating-icon-wrapper { border: 1px solid var(--border-color); line-height: 24px; background: #FFF; height: 48px; width: 48px; border-radius: 100%; display: inline-block; } .ptp-floating-icons svg path { fill: var(--icon-color); } .ptp-floating-icons .floating-icon-wrapper:hover path { fill: var(--alt-color); } .share-icon-bar { display: none; } .scroll-to-top { padding: 0; } @media (max-width: 768px) { .ptp-floating-icons { right: 5px; bottom: 70px; } .scroll-to-top { margin: 0; } .ptp-floating-icons .floating-icon-wrapper { transform: scale(0.75); } .ptp-floating-icons li { margin: 0; margin-bottom: -5px; } } /* GIFT GUIDES */ .gift-guide .product-review-title { margin: 0 0 2rem 0; } .gift-guide .hr::after { height: 0; } .gift-guide-meta { list-style: none; margin-left: 0; } .price-active { color: var(--alt2-color); font-weight: bold; } .price-inactive { color: var(--light-text); } .gift-guide-award { font-family: var(--body-font); font-size: 1.125rem; line-height: 1.65; font-weight: 400; margin-bottom: 0; } .gift-guide-award::before { content: "👉 "; } .gift-guide-price::before { content: "💳 "; } .gift-guide-tags::before { content: "🏷️ " } /* Name Lists */ header.bg-g { background-color: #fbf7f7; } header.bg-b { background-color: #f7fbfb; } .nl-section { display: flex; flex-direction: column; align-items: stretch; } .nl-section h2 { order: 0; } .nl-section h2*p { order: 1; } .nl-section .name-filter-container { order: 2; margin: 1.75rem 0; } .nl-section .no-results-found { order: 3; } .nl-section .list { order: 4; } .nl-section .adthrive-content { order: 5; } .name-list { /*margin: 2rem 0;*/ margin: 0.5rem 0; display: flex; flex-direction: column; align-items: baseline; position: relative; } .name-list h3.name-heading { margin-bottom: 1rem; } .name-list h3::before { counter-increment: name-list-counter; content: counter(name-list-counter) ". "; display: inline-block; margin-right: 0.25rem; } .name-list ul { list-style: none; /* Remove default bullets */ margin-bottom: 1rem; } .name-list li::before { content: "\2022"; font-weight: bold; display: inline-block; width: 1rem; margin-left: -1rem; } .gender-boy li::before { color: var(--main-color); } .gender-girl li::before { color: var(--alt-color); } .gender-unisex li::before, .gender-surname li::before { color: var(--alt2-color); } .gender-boy .name-gender::after { content: "👦 Boy"; } .gender-girl .name-gender::after { content: "👧 Girl"; } .gender-unisex .name-gender::after { content: "👦👧 Unisex"; } .gender-surname .name-gender::after { content: "👦👧 Last Name"; } .name-gender, .name-style { display: inline-block; white-space: nowrap; margin-right: 2rem; } .name-style::before { content: "🏷️ "; } .name-likes::before { content: "👍 " attr(data-like-meta); } .name-meta { background-color: var(--background-color); padding: 5px 10px; border-radius: var(--border-radius-outer); margin-top: -0.75rem; width: fit-content; margin-bottom: 10px; font-size: 1rem; order: 1; } .name-meta span { margin-right: 5px; } .name-list li strong { font-size: 0.95rem; background-color: #fbfbfb; } .name-content { order: 2; } .name-description { order: 3; margin-top: 0 !important; } p.name-description-bullet { margin-left: 0.5rem; border: 1.5px solid; padding: 0.75rem; border-radius: var(--border-radius-outer); margin-top: 0; } .gender-boy .name-description { border-color: var(--main-underline); } .gender-girl .name-description { border-color: var(--alt-underline); } .gender-unisex .name-description, .gender-surname .name-description { border-color: var(--alt2-underline); } @media (max-width: 768px) { .name-gender, .name-style { white-space: break-spaces; margin-right: 0; } } /* ITEM FILTER */ .item-filter-container { margin: 2.5rem auto; padding: 20px 10px; position: relative; background-color: var(--background-color); border-radius: var(--border-radius-outer); display: flex; } .item-filter-container::before { display: block; font-size: 12px; line-height: 1; letter-spacing: 1px; color: var(--light-text); font-family: var(--body-font); position: absolute; top: -15px; } .name-filter-container::before { content: "FILTER NAMES"; } .gift-filter-container::before { content: "FILTER GIFTS"; } .item-filter-container .filter-search input, .item-filter-container .select select { font-size: 1rem; border: 1px solid var(--border-color); width: 125px; background-color: #FFF; border-radius: var(--border-radius-outer); padding: 7px 12px; -webkit-appearance: none; cursor: pointer; transition: all 150ms ease; color: var(--main-color); line-height: 1.65; } .filter-gender, .filter-sort, .filter-style, .filter-search, .filter-price, .filter-tag { margin-right: 2rem; } .filter-icon { visibility: visible !important; width: 10px; height: 6px; } .filter-label { font-size: 15px; margin-right: 5px; width: 60px; display: inline-block; } .item-filter-container .select { position: relative; } .item-filter-container .select svg { position: absolute; right: 12px; top: calc(50% - 1px); width: 10px; height: 6px; stroke-width: 2px; stroke: var(--main-color); fill: none; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; } .item-filter-container .select option { color: var(--main-text); } .item-filter-container .select select:focus { outline: none; } .item-filter-container .select select:hover + svg { stroke: var(--alt-color); } .item-filter-container .sprites { position: absolute; width: 0; height: 0; pointer-events: none; user-select: none; } .no-results-found { display: none; margin: 20px auto 40px auto; } .reset-filters { color: var(--main-color); cursor: pointer; font-weight: 500; } .reset-filters:hover { color: var(--alt-color) !important; } @media (max-width: 768px) { .item-filter-container { display: block; text-align: center; } .filter-gender, .filter-sort, .filter-style, .filter-search, .filter-price, .filter-tag { margin-bottom: 0.5rem; } .item-filter-container .filter-search input, .item-filter-container .select select { width: 200px; } } /* LIKE BUTTON */ .name-btn-wrap { margin: 0 auto 0 20px; position: relative; right: 0; position: absolute; } .list-like-btn, .list-pro-btn { margin: 0; position: relative; display: inline-block; right: 0; cursor: pointer; background: #fff; border-radius:50%; color: #c7c7c7; transition:.2s; position: absolute; padding-right: 10px; } .inside-article .list-like-btn { right: calc(40% - 4.5rem); } .inside-article .list-pro-btn { right: calc(40% - 6.5rem); } .product-review .list-like-btn { margin: 0; position: absolute; top: -25px; left: calc(50% - 19px); padding: 10px; background-color: #fff; } .list-like-btn:hover, .list-pro-btn:hover { color: var(--icon-color); } .list-like-btn:before { font-family: 'ptpFonts'; content: '\f004'; font-style: normal; } .list-pro-btn:before { font-family: 'ptpFonts'; content: '\ea27'; font-style: normal; } .list-like-btn.is-liked { color: var(--alt-color); } .list-like-btn.press { animation: heart_like .4s; } .name-list .list-like-btn::after { visibility: hidden; transition:.6s; z-index:-2; font-size:2px; color:transparent; font-weight: 400; } .momlovesbest .name-list .list-like-btn::after { content: "saved" } .honeyname .name-list .list-like-btn::after { content: "sweet" } .name-list .list-like-btn.press::after { font-size: 14px; visibility: visible; animation: heart_save 1s; } @keyframes heart_save { 0% {color:#transparent;} 50% {color: var(--alt-color);} 100% {color:#transparent;} } @keyframes heart_like { 0% {transform: scale(1);} 25% {transform: scale(1.125);} 50% {transform: scale(1.25);} 75% {transform: scale(1.125);} 100% {transform: scale(1);} } .favorite-names-button { opacity: 0; transition: all .5s ease; padding: 0; } .favorite-names-button svg.press { animation: heart_like .4s; } .favorite-names-button svg.press path { fill: var(--alt-color); } .favorite-names-button div { height: 46px; width: 46px; padding: 10px; } /* FAVORITE NAMES MODAL */ .rmodal.name-favorites-modal { } .rmodal.name-favorites-modal .rmodal-dialog { width: 80%; max-width: 600px; height: 80%; } .rmodal .name-list h3::before { content: ''; display: none; } .rmodal .print-names { overflow-y: auto; height: inherit; padding: 2rem; border: 1px solid var(--border-color); } .rmodal .print-names-wrapper { height: inherit; } .rmodal .name-list ul { display: none; } .name-favorites-print-button { box-shadow: 5px 5px 0 rgba(0, 0, 0, .03); border: 2px solid #eee; text-shadow: 1px 1px rgba(0, 0, 0, .1); border-radius: 10px; background-color: #fff; color: #011424; display: inline-block; padding: 10px 20px; line-height: 26px; margin-bottom: 20px } .name-favorites-print-button-inner { cursor: pointer; line-height: 26px; vertical-align: middle; text-align: center; margin: auto; display: flex } .name-favorites-print-button svg { margin-right: 10px } .print-names .name-list:first-child { margin-top: 0; } .print-names .name-heading a { color: var(--main-text) ; } .name-list.print.gender-boy .name-heading { background: linear-gradient(transparent 65%, #04A4D630, #04A4D630 65%); } .name-list.print.gender-girl .name-heading { background: linear-gradient(transparent 65%, #E6197D30, #E6197D30 65%); } .name-list.print.gender-unisex .name-heading, .name-list.print.gender-surname .name-heading { background: linear-gradient(transparent 65%, #0AC57830, #0AC57830 65%); } .name-list.print.gender-boy .name-heading, .name-list.print.gender-girl .name-heading, .name-list.print.gender-unisex .name-heading, .name-list.print.gender-surname .name-heading { display: inline; font-weight: 500; clear: both; border-radius: 0; } .print-body .list-like-btn { display: none !important; } /* For screen display */ #printNamesSection { visibility: hidden; position: fixed; top: -10000px; left: -10000px; z-index: -1; /* ensure it's behind everything else on the page */ } @media (max-width: 768px) { .rmodal .print-names { columns: unset; overflow: auto; padding: 0.75rem; } .rmodal.name-favorites-modal .rmodal-dialog { width: 100%; max-width: 100%; height: 90%; } .rmodal .print-names-wrapper { height: 100%; overflow: scroll; } } .pronunciation-button { font-size: 1.25rem; line-height: 1.5rem; font-weight: 700; font-style: normal; width: fit-content; margin: 0 0 1.5rem 0; padding: 0.8rem 1.2rem; border-radius: var(--border-radius-inner); border: 2px solid var(--border-color); color: var(--main-color); cursor: pointer; } .pronunciation-button:hover { text-decoration: underline; } /* GIFT UPVOTING BUTTONS */ /* LIKE BUTTON */ .product-review .list-voting-buttons { margin-top: -30px; margin-bottom: 10px; text-align: center; } .list-voting-buttons div { display: inline-block; background-color: #fff; border: 1px solid var(--border-color); border-radius:50%; width: 40px; height: 40px; line-height: 44px; text-align: center; cursor: pointer; } .list-voting-buttons.is-upvoted div, .list-voting-buttons.is-downvoted div { cursor: default; } .list-voting-buttons svg { fill: #c7c7c7; } .list-voting-buttons, .list-upvote-btn, .list-downvote-btn, .list-voting-buttons svg { transition: 0.3s; } .list-downvote-btn svg { transform: rotateY(180deg); } .list-voting-buttons:not(.is-upvoted, .is-downvoted) .list-upvote-btn:hover svg, .list-voting-buttons:not(.is-upvoted, .is-downvoted) .list-downvote-btn:hover svg { fill: var(--icon-color); } .list-voting-buttons:not(.is-upvoted, .is-downvoted) .list-upvote-btn:hover, .list-voting-buttons:not(.is-upvoted, .is-downvoted) .list-downvote-btn:hover { border-color: var(--icon-color); } .is-upvoted .list-upvote-btn svg { fill: var(--alt2-color); } .is-upvoted .list-upvote-btn { border-color: var(--alt2-color); } .is-downvoted .list-downvote-btn svg { fill: var(--alt-color); } .is-downvoted .list-downvote-btn { border-color: var(--alt-color); } .is-upvoted.press .list-upvote-btn, .is-downvoted.press .list-downvote-btn { animation: heart_like .4s; } /* COLORING PAGES */ .coloring-page-image, .printable-page-image { /*background: #FFF; box-shadow: 0 0 10px rgba(0,0,0,0.3); */ -ms-box-shadow: 8px 10px 1px var(--background-color); -moz-box-shadow: 8px 10px 1px var(--background-color); -webkit-box-shadow: 8px 10px 1px var(--background-color); box-shadow: 8px 10px 1px var(--background-color); border: 1px solid var(--border-color); margin: 0 auto 0; padding: 1rem; position: relative; } .coloring-page-image:before, .coloring-page-image:after, .printable-page-image:before, .printable-page-image:after { content: ""; height: 98%; position: absolute; width: 100%; z-index: -1; } .coloring-page-buttons, .printable-page-buttons { margin-top: 1rem; margin-bottom: 1rem; } .coloring-page-figure figcaption, .printable-page-figure figcaption { margin-bottom: 1rem; } html .coloring-share-button, html .printable-share-button { color: #000; background-color: var(--background-color); border: 1px solid var(--border-color); font-size: 1.125rem; cursor: pointer; -webkit-appearance: button; padding: 10px 20px; font-weight: 400 !important; display: inline-block; } html .coloring-share-button:hover, html .coloring-share-button:active, html .printable-share-button:hover, html .printable-share-button:active { color: #000 !important; background-color: var(--background-color); border: 1px solid var(--border-color); background-image: linear-gradient(rgb(0 0 0/1%) 0 0); text-decoration: none; } html .inside-article a.coloring-share-button:hover, html .inside-article a.printable-share-button:hover { text-decoration: none; } .coloring-page-buttons button, .coloring-share-button, .printable-page-buttons button, .printable-share-button { margin-right: 1rem; margin-bottom: 1rem; } .coloring-page-buttons button span, .coloring-page-buttons .coloring-share-button span, .coloring-page-buttons button svg, .coloring-page-buttons .coloring-share-button svg, .printable-page-buttons button span, .printable-page-buttons .printable-share-button span, .printable-page-buttons button svg, .printable-page-buttons .printable-share-button svg { vertical-align: middle; display: inline-block; } .coloring-page-disclaimer { padding: 10px; align-items: center; font-size: 0.75rem; font-style: italic; background-color: var(--background-color); text-align: center; width: 100%; } @media (min-width: 768px) { .coloring-page-image, .printable-page-image { width: 85%; } } /* WISHES */ .wishes-section ul { margin: 0 0 1rem 0; } .wishes-li { list-style: none; border: 1px solid var(--border-color); border-radius: var(--border-radius-outer); margin: 1.5rem auto; padding: 1rem 2rem 1rem 1rem; position: relative; cursor: pointer; } .wishes-content { display: block; color: #000; } .wishes-content::before { content: '“'; display: inline; } .wishes-content::after { content: '”'; display: inline; } .wishes-content.wishes-quote::before, .wishes-content.wishes-quote::after { content: ''; } .wishes-comment { display: block; font-style: italic; font-size: 1rem; margin-top: 0.75rem; font-weight: 300; } .wishes-li[data-show-tooltip]::after, .wishes-li[data-show-tooltip]::before { content: ''; position: absolute; display: block; } .wishes-li[data-show-tooltip]::after { content: 'Copied!'; /*attr(data-tooltip);*/ bottom: 50%; left: 50%; transform: translateX(-50%); background-color: #333; color: #FFF; padding: 0.3rem 0.6rem; border-radius: var(--border-radius-outer); white-space: nowrap; font-size: 0.9rem; opacity: 0.9; } .wishes-li { position: relative; /* Relative positioning for the parent */ } .wishes-li::before { content: ""; position: absolute; bottom: 1rem; right: 0.5rem; width: 20px; height: 20px; background-image: url('data:image/svg+xml;utf8,');background-repeat:no-repeat;background-size:contain}