.site-header .trending-nav { display:none; }

.site-header.scrolled .topbar {box-shadow: 0 1px 0 0 rgb(104 156 173 / 12%) !important; background: rgba(255, 255, 255, 0.92) !important; color: var(--body-color); -webkit-backdrop-filter: blur(0.6rem) !important; backdrop-filter: blur(0.6rem) !important;}
.dark .site-header.scrolled .topbar {box-shadow: 0 1px 0 0 rgb(111 127 133 / 15%) !important; background: rgba(22, 26, 28, 0.92) !important;}

@media (max-width: 768px) {
    .site-header .topnav {
        background-color: transparent;
        border-bottom: 1px solid transparent;
    }
}
main { padding-top: 2.2rem }
@media (min-width: 1280px) { main { padding-top: 0; padding-bottom: 7rem; display: flex; flex-flow: row wrap; justify-content: space-between; }}

	main div.heading { margin-bottom: 1.6rem; padding: 0 1.5rem  }
		
		.badge { border-radius: 1.6rem; display: flex; align-items: center; gap: 2.3rem; width: max-content; justify-content: start; line-height: 1.1; padding: 0.5rem 1.1rem; font-size: 1.2rem; font-weight: 400; margin-bottom: 2.3rem; background: linear-gradient(135deg, var(--primary) 0%, var(--primary-grad2) 60%, var(--primary-grad3) 100%);} 
		.badge a { color: white; }
		.badge span { position: relative;} 
		.badge span::before { content: ""; position: absolute; left: -1.1rem; top: -0.4rem; bottom: -0.4rem; width: 0.1rem; background-color: rgba(255, 255, 255, 0.25); border-radius: 0.05rem; } .badge span:first-child::before {display: none;}

		.heading h1 { font-size: 2.7rem; line-height: 3.5rem; margin-bottom: 0.8rem; font-weight: 800; }
		.heading .meta { font-size: 1.2rem; display: flex; align-items: center; justify-content: space-between; height: 40px; }
			.meta-for-authors { margin-top:10px; background-color:var(--gray-300); font-family:monospace; padding:5px 10px; border: 1px solid var(--gray-200); border-radius: 50rem;}
			.meta .meta-share .post-comments { display: flex; font-size: 1.3rem; align-items: center; margin-left: 1rem; }
			.meta .meta-share .post-comments img {display: none; }
			.meta-author .dot {display: flex; align-items: center; justify-content: center; gap: .4rem; font-size: 1.2rem; margin: 0 10px; }
			.meta .meta-share .disqus-comment-count { margin-left: 0.7rem; margin-right: 0.4rem; font-size: 1.3rem;}
			.meta .meta-author {font-size: 1.3rem; display: flex; flex-direction: column; justify-content: center;}
			.meta .meta-author .dot {display: none;}
			
			.meta-share { font-size: 1.2rem; display: flex; align-items: center; position: relative;}
			.meta-share .share {border: 1px solid var(--gray-200); border-radius: 50rem; background-color: var(--gray-300);}
			.meta-share .share-btns {display: none; gap: 0.8rem; position: absolute; top: calc(100% + 1rem); right: -10%; z-index: 1; padding: .6rem .8rem; border-radius: 1.2rem; background-color: var(--gray-300);}
			.meta-share .share-btns a {height: 34px; width: 34px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--gray-400); border-radius: 500px; color: var(--body-color);}
			.meta-share .share:hover,  .meta-share .share:active {color: var(--primary);}
			.meta-share .share-btns.open {display: flex;}
			.meta-share .share-btns a:hover,  .meta-share .share-btns a:active {background: linear-gradient(135deg, var(--primary) 0%, var(--primary-grad2) 60%, var(--primary-grad3) 100%); border-color: transparent; color: #fff;}
		
		@media (min-width: 768px) {
			.badge { padding: 0.8rem 1.1rem;}
			.heading h1 { font-size: 3.8rem; line-height: 4.7rem; margin-bottom: 0.6rem; font-weight: 900; }
			.heading .meta-more { display: flex }
		}
		@media (min-width: 1280px) {
			main div.heading { flex: 1 100%; padding: 0 4rem 0 2rem; }
			main .heading .meta { max-width:80rem }
			.heading .meta .meta-author {flex-direction: row;} .heading .meta .meta-author .dot {display: inline;}
		 		 .meta .meta-share .post-comments {display: flex; gap: .5rem;}
				 .meta .meta-share .post-comments span {margin: 0;}
				 .meta-share .share {display: none;}
		}

		@media (max-width: 1280px) {
			.meta-share .share svg, .heading .meta .meta-share .post-comments svg { width: 20px; height: 20px; box-sizing: content-box; padding: .5rem;}
			.meta .meta-author time {font-size: 1.2rem;}
			.meta .meta-share .post-comments {border: 1px solid var(--gray-200); border-radius: 50rem; background-color: var(--gray-300); padding: 0 .8rem 0 .2rem;}
			.meta .meta-share .post-comments svg {padding: .5rem 0 .5rem 0.5rem}
			.meta .meta-share .post-comments:hover span {text-decoration: underline;}
			.meta .meta-share .post-comments span:last-child {display: none;}
		}

	main .content { padding-left: 0.4rem; padding-right: 0.4rem; }
		@media (min-width: 768px) {main .content { padding-left: 0; padding-right: 0; }}
		/* Grid Setup */
		@media (min-width: 1280px) {
			main .content {display: grid; grid-template-columns: 84.6rem 30rem; gap: 0 4rem;}
				 .content .post, main .aside {grid-column: 1/1;}
		}

		.content > figure { margin: 2.4rem 0; }
			.content figure .post-cover { position: relative; background-color: var(--gray-300); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg transform='translate(-126 -181)'%3E%3Crect width='56' height='56' transform='translate(126 181)' fill='%23fff' opacity='0'/%3E%3Cpath d='M20536,23203a2,2,0,0,1-1.414-3.418h0l8.941-8.936a2,2,0,0,1,2.955.008l8.934,8.928h0A2,2,0,0,1,20554,23203Z' transform='translate(-20403 -22977)' fill='%23e1eaed'/%3E%3Cpath d='M20539.654,23224H20534l20.418-20.416a2,2,0,0,1,2.844.018l16.984,16.984a2.015,2.015,0,0,1,.582,1.27v.291a2.007,2.007,0,0,1-2,1.854Zm.174-29.5a4.5,4.5,0,1,1,4.5,4.5A4.5,4.5,0,0,1,20539.828,23194.5Z' transform='translate(-20397.828 -22998)' fill='%23d5e1e5'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; border-radius: 2.4rem; overflow: hidden; }
			.content figure .post-cover img { width: 100%; height: auto; max-height: 600px; object-fit: cover; }
			.content figure figcaption { font-size: 1.3rem; text-align: left; padding: 1.6rem 1.1rem; line-height: 1.9rem; color: var(--gray-800); border-bottom: 1px solid var(--gray-300); word-break:break-all; }

		.post { padding: 0 1.1rem; font-size: 1.6rem; line-height: 2.5rem; font-weight: 500; position:relative;}
		.post > * {padding-bottom: 1.6rem;}
			.post img { max-width: 100%; height: auto; display:block; }
			.post img.aligncenter { margin:auto }
			.post a { position: relative; color: inherit; background-image: linear-gradient(to right, var(--primary), var(--primary)); background-position: 0 100%; background-size: 100% 1px; background-repeat: no-repeat; }
			.post a:hover { color: var(--primary); }

			.post p {margin: 0 ; }
			.post h1, .post h2 { font-size: 2rem; line-height: 2.8rem; font-weight: 800; margin: .7rem 0 .5rem;}
			.post h3, .post h4 { font-size: 1.8rem; line-height: 3rem; font-weight: 800;  margin: 0; padding: 0.8rem 0 0.6rem;}
			.post h5, .post h6 { font-size: 1.6rem; line-height: 2.4rem; font-weight: 800; }
			.post strong { font-weight: 700; }			

			.story-share{display:none;}
			

			.post .post-notice{font-size:1.3rem!important;line-height:2.1rem;padding:1.2rem 1.5rem;color:var(--gray-800);border:1px solid var(--gray-400);border-radius:1.2rem;position:relative}
			.post .post-notice:last-child{margin-bottom:1.5rem}
			@media (min-width: 768px)  { .post .post-notice{padding:2rem 2.5rem;} .post .post-notice:last-child{margin-bottom:0} }
			@media (min-width: 1280px) { .post .post-notice:last-child{margin-bottom:2rem} }

			.post blockquote { position: relative; padding: 1rem 1rem 1rem 2.1rem; margin: 1rem 0; background-color: var(--gray-300); }
			.post blockquote::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 1rem; background: linear-gradient(135deg, var(--primary) 0%, var(--primary-grad2) 60%, var(--primary-grad3) 100%); border-radius: 0.1rem; }
			.post blockquote p {margin-bottom: 2rem;} .post blockquote p:last-child, .post blockquote div:last-child { margin-bottom: 0; }
			.post .twitter-tweet { width: 100% !important; margin: 0 auto !important; }

			.related-story { margin: 0 !important; }
				.related-story a { color: var(--primary); }
				.related-story h5 { font-weight:600; font-size:1.5rem; line-height: 2.2rem;}
				.related-story strong { font-weight:600; text-transform:uppercase; color: var(--body-color);  }
				.related-story strong::before { left: 0; padding-right: 8px; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='10' viewBox='0 0 7 10'%3E%3Cg transform='translate(-593 -158)'%3E%3Crect width='7' height='10' transform='translate(593 158)' opacity='0'/%3E%3Cpath d='M4742,1659l3,3-3,3' transform='translate(-4147 -1499)' fill='none' stroke='%23f05' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");}
				.related-story strong::after { right: 0; padding-left: 6px; padding-right: 4px; content: '\00B7'; color:lightgray; }
				.related-story a:hover span { border-bottom:1px solid var(--body-color); }

			.content .post-related { font-size: 1.3rem; position: relative; padding: 2rem 1.5rem 1.9rem 1.5rem; margin: 3rem 0 3rem 0; cursor: pointer; border: 1px solid var(--gray-300); border-radius: 1.2rem; background-color: var(--gray-200); clear: both; }			
				.content .post-related .text-muted { position: relative; padding-left: 2.2rem; color: var(--gray-800); }
				.content .post-related .text-muted::before { content: ""; position: absolute; top: 0.8rem; left: 1.1rem; width: 0.2rem; height: 0.2rem; background-color: var(--gray-800); border-radius: 0.1rem; }
				.content .post-related strong { text-transform: uppercase; }
				.content .post-related header { position: inherit; display: flex; align-items: center; margin-top: 0.1rem; margin-bottom: 0.9rem; line-height: 1.9rem; }
				.content .post-related h5, .content .post-related h5 span { font-weight: 600; color: var(--primary);}

			.post figure { text-align: center; }
			.post figure a { background: none; display: block; }
			.post figure img { border-radius: 1.2rem; }
			
			.post ul, .post ol { display: grid; font-size: 1.6rem; line-height: 2.6rem; padding-left: 0; padding-top: 0.8rem; padding-bottom: 0.8rem; margin-bottom: 0; margin-top: -2rem;}
			.post li { position: relative; padding-left: 1.5rem; list-style: none; }
			.post li::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='10' viewBox='0 0 7 10'%3E%3Cg transform='translate(-593 -158)'%3E%3Crect width='7' height='10' transform='translate(593 158)' opacity='0'/%3E%3Cpath d='M4742,1659l3,3-3,3' transform='translate(-4147 -1499)' fill='none' stroke='%23f05' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E"); position: absolute; top: 0; left: 0; margin-top: -0.1rem; }
			.dark .post li::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='10' viewBox='0 0 7 10'%3E%3Cg transform='translate(-593 -158)'%3E%3Crect width='7' height='10' transform='translate(593 158)' opacity='0'/%3E%3Cpath d='M4742,1659l3,3-3,3' transform='translate(-4147 -1499)' fill='none' stroke='%23ff1a66' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E"); }
		
			.post .iframe-wrapper{position:relative;overflow:hidden;padding-top:56.25%;aspect-ratio:16/9;margin-top:2.2rem;margin-bottom:2.4rem;margin-left:-1rem;margin-right:-1rem;border-radius:1.2rem}
			.post .iframe-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
			
			@media (min-width: 768px) {
				.post .iframe-wrapper{margin-top:2.9rem;margin-bottom:2.1rem;margin-left:0;margin-right:0}
			}
			
			.wccf-stock-quote {font-size: 90%; background-color: #000; border-radius: 5px; background-image: none !important; color: white !important; padding: 1px 6px;}
			.wccf-stock-quote:hover, .wccf-stock-quote:active { color: white !important; }
			.wccf-stock-quote.plus { color: white !important; }
			.wccf-stock-quote.minus { color: white !important;}
			.wccf-stock-quote.plus span { color: #27C8AE !important; }
			.wccf-stock-quote.minus span { color: #ff0095 !important }
			.wccf-stock-quote .fetching { background: url(https://cdn.wccftech.com/files/loading-bar.gif) no-repeat center right;width: 24px;height: 11px;display: inline-block;background-size: 16px 11px;}
			.wccf-stock-quote .quote-na {display: none;}

			.democracy { margin: 3rem 0 !important; border-radius: 1.2rem !important; background-color: var(--gray-300) !important; border:  none !important; }
			.dem-edit-link { position: absolute !important; padding: 10px; background-image: none !important; }
			.dem-poll-title { padding: 30px 20px 20px 20px !important; }
			.dem-notice { color:var(--gray-800); line-height:34px; text-transform:uppercase; font-size:90% }
			.dem-screen { height: auto !important; }
			.democracy ul.dem-vote{ height: auto !important; }
			.dem-answers { height: auto !important; }

			@media (max-width: 906px) { 
				.post figure.wp-block-image, .post .table-wrapper, .post .iframe-wrapper {width: calc(100% + 2.2rem) !important; margin-left: -1.1rem !important; margin-right: -1.1rem !important;}
			}
		
			@media (min-width: 768px) {
				.content figure figcaption { padding: 1.6rem 2rem; }
				.post { padding: 6rem 5rem 0 5rem; }
				.post > * {padding-bottom: 2rem;}
				.post .twitter-tweet { width: 100% !important; margin: 0 auto !important; }				
				.post > figure { margin: 2rem 0; }
				.post h1, .post h2 { margin-top: 2rem; line-height: 3.7rem; font-size: 2.4rem; line-height: 3.3rem; }
				.content .post-related { padding: 2.6rem 1.9rem 2.5rem 1.9rem; margin: 4rem 0 4rem 0; }
				.post ul, .post ol { line-height: 3rem; font-weight: 500; padding-top: 1.8rem; padding-bottom: 1.1rem; }
				.post p { line-height: 2.75rem; font-weight: 500; }
				.post blockquote { padding: 2rem 1.5rem 2rem 3rem; margin: 2rem 0; }

				.democracy { margin: 4rem 0 !important; border-radius: 1.2rem !important; background-color: var(--gray-300) !important; border:  none !important; }
				.dem-edit-link { position: absolute !important; padding: 10px; background-image: none !important; }
				.dem-poll-title { padding: 30px 20px 20px 20px !important; }				
			}
			@media (min-width: 1280px) {
				.post { padding: 6rem 5rem 0 6.8rem; }
				.story-share{display:flex;flex-direction: column; gap: 2rem; z-index:2;position: absolute;left: 0rem; top: 7.5rem; }
				.share-single{display:flex;align-items: center; justify-content: center; width:4rem;height:4rem;border-radius:2rem;background-color:var(--body-bg);border:1px solid var(--gray-300);cursor:pointer;transition:.4s width cubic-bezier(0,0,0,1)}
				.share-single:hover{color:#fff;border:0;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-grad2) 60%,var(--primary-grad3) 100%);width:5rem;}
				.share-single:active{color:#fff;border:0;background:linear-gradient(135deg,var(--primary-active) 0%,var(--grad2-active) 60%,var(--grad3-active) 100%)}
			}


		.aside { padding: 3rem 1.1rem 0 1.1rem; font-size: 1.6rem; line-height: 2.5rem; margin-bottom: 2rem; }
			.aside figure {margin: 0;}
			.aside .body h4 { font-weight: 500; font-size:1.5rem; line-height:2.2rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; padding:0.5rem; }
			.aside .body img { border-radius: 1.2rem; }
			.aside .body ul li {display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; align-content: center; margin-bottom: 1.2rem} 
			.aside .body ul li img { width: 9rem; height: 9rem; margin-right: 0.9rem; }
			
		@media (min-width: 768px) {
			.aside {margin-bottom: 3rem; }
				.aside .body ul { columns: 2; -webkit-columns: 2; -moz-columns: 2; }
				.aside .body ul li { margin-bottom:2rem }
				.aside .body ul li img { width: 10rem; height:10rem; margin-right:1rem; }
		}
		@media (min-width: 906px) {
			.aside { padding: 3rem 5rem 0 5rem;}
		}
		@media (min-width: 1280px) {.aside { padding: 4rem 5rem 0 6.8rem; }}


		.sidebar { display: none; }
			
			@media (min-width: 1280px) {
				.sidebar { width: 300px; display: flex; flex-direction: column; gap: 8rem; } 
					.widget { background-color: var(--gray-300); border-radius: 1rem; padding: 3rem 2rem 2.5rem; }
					.dark .widget {background-color: #15191b;}
					.widget h3 { display: inline-block; font-size: 1.6rem; font-weight: 800; color: var(--body-color); background: linear-gradient(135deg, var(--primary) 0%, var(--primary-grad2) 60%, var(--primary-grad3) 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent; margin-bottom: 1rem}
					.widget li { padding: 1.1rem 0}
					.widget h4 { font-size: 1.4rem; font-weight: 500; line-height: 2rem; margin-bottom: 1rem; }
					.widget a { background-image: linear-gradient(to right, #000, #000); background-position: 0 100%; background-size: 0 1px; background-repeat: no-repeat; transition: 0.4s background-size cubic-bezier(0, 0, 0, 1); }
					.dark .widget a {background-image: linear-gradient(to right, #fff, #fff);}
					.widget li:hover a { background-size: 100% 1px; }
					.widget div svg {margin-right: 0.9rem}
					.widget div { font-size: 1.2rem; display: flex; align-items: center; justify-content: start;}
					.widget div span:first-child {font-weight: 800;}
					.widget div span:last-child {color: var(--gray-800); margin-left: .4rem;}
			}


			.post .table-wrapper table {width: 100%; border-collapse: collapse;}
			.post .table-wrapper {font-size: 1.3rem; font-weight: 400; margin-bottom: 3rem;}
			.post .table-wrapper tr:nth-child(even){background-color:var(--gray-300)}
			.post .table-wrapper td{padding:1rem .5rem}
			.post .table-wrapper tr td:first-child,.post > .table-wrapper tr th:first-child{padding-left:1.1rem}
			.post .table-wrapper tr td:last-child,.post > .table-wrapper tr th:last-child{padding-right:1.1rem}

			@media (min-width: 768px) {
				.post .table-wrapper td, .post .table-wrapper th{padding:1.6rem .75rem 1.5rem}
				.post .table-wrapper tr td:first-child,.post > .table-wrapper tr th:first-child{padding-left:2rem}
				.post .table-wrapper tr td:last-child,.post > .table-wrapper tr th:last-child{padding-right:2rem}
			}

			.table-wrapper:has(.tablepress) {border: 1px solid var(--gray-300); border-radius: 1.2rem; min-width: 100%; transition: min-width .3s ease-in; position: relative; overflow-x: auto; }
			  .post .table-wrapper { width: 100%; margin-left: 0; margin-right: 0; }
			  .tablepress caption { display:none }
			  .post .table-wrapper thead::after { content:none; height: 0; }
			  .post .table-wrapper tr:nth-child(even) td:first-child, .post .table-wrapper tr:nth-child(even) th:first-child,
			  .post .table-wrapper tr:nth-child(even) td:last-child, .post .table-wrapper tr:nth-child(even) th:last-child {border-radius: 0;}
			  
			  .tablepress { width: 100%; text-align: center; font-size: 1.3rem; background-color: #0a0c0d; color: #edf3f5; border-radius: 1.2rem;}
			  .tablepress tr {cursor: pointer; font-weight: 400;}
			  .tablepress thead tr {text-transform: uppercase; line-height: 1.9rem;}
			  .tablepress thead tr:first-of-type th { padding: 0.8rem;}
			  .tablepress thead tr:nth-child(2) th {padding: 0.8rem 0; }

			  .tablepress tbody tr:not(:last-child) {border-bottom: 1px solid rgba(21, 27, 25);}
			  .post .tablepress tbody tr:nth-child(2n) {background-color: rgba(21, 27, 25);}
			  .tablepress tbody tr:hover { background: linear-gradient(135deg, #ff1a66 0%, #ff5448 60%, #ff8448 100%);}
			  
			  .tablepress tbody tr > td:first-child, .tablepress thead tr > th:first-child { padding-left: 10px; padding-right: 10px; width: 10rem;}
			  .tablepress.expanded tbody tr > td:first-child, .tablepress.expanded thead tr > th:first-child {padding-left: 10px; padding-right: 10px; width: 22rem; }
			  .tablepress tbody tr > td:last-child, .tablepress thead tr > th:last-child { padding-right: 10px; }
			  .tablepress tbody tr td:first-child, .tablepress thead tr:nth-child(2) th { background-color: #282e31; color: #edf3f5; }
			  .tablepress tbody td {position: relative; }
			  .tablepress tbody td:not(td:first-child, td:last-child) { border-right: 1px solid rgba(21, 27, 25);}
			  .tablepress tr td:first-child {text-align: left; }
			  .tablepress tr td span { position: relative; z-index: 1; }

			  .post .table-wrapper td { padding: .75rem .5rem; }
			  .post .table-wrapper thead + tbody tr:first-child td { padding-top: .75rem; }
			  .tablepress .progress-bar { height: 100%; top: 0; bottom: 0; background: linear-gradient(135deg, #ff1a66 0%, #ff5448 60%, #ff8448 100%); position: absolute;}
			  
			  .table-wrapper:has(.tablepress) button { position: absolute; right: 0px; top: 50%; transform: translateY(-50%); z-index: 8888; background-color: #fff; width: 1.6rem; height: 3.6rem; border-radius: 1.2rem 0 0 1.2rem; border: none; display: none; transition: transform .3s ease-in-out; }
			  .table-wrapper:has(.tablepress) button svg {fill: #0a0c0d; position: absolute; left: 6px; top: 12px;}
			  .table-wrapper:has(.tablepress.expanded) button svg {left: 6px; top: 10px}
			  
			  @media (max-width: 1280px) {.table-wrapper:has(.tablepress) { overflow-x: auto; }}
			  @media (min-width: 1280px) {
				.table-wrapper:has(.expanded) { min-width: 111.8rem; overflow: hidden; table-layout: fixed;}
			  	.table-wrapper:has(.tablepress) button { display: block; }
				.table-wrapper:has(.expanded) button svg { transform: rotate(180deg); transform-origin: center;}
			  }

/* REVIEW STYLES */
main div.heading {padding: 0;}
.container {position: static;}

    /* header modification */ 
header.site-header {color: #fff;}
header .topbar .tap-target:hover, .dark header .topbar .tap-target:hover, header .topnav nav a:hover, .dark header .topnav nav a:hover {background-color: #fff; color: #0a0a0a !important;}
header .topbar{background: transparent !important; backdrop-filter: blur(0) !important;  box-shadow: none !important;}
header .topnav {z-index: 2; position: relative;  box-shadow: none !important;}

	h2.heading { position: relative; margin: 0 0 1rem 0; padding-top: 1.5rem; font-size: 2rem; line-height: 1; font-weight: 700; font-family: 'Passion One', sans-serif; color: var(--body-color); text-transform: uppercase; }
	h2.heading::before {content:'';position: absolute;width: 7rem;height: .8rem;top: 0;left:0;background: linear-gradient(135deg, var(--primary) 0%, var(--primary-grad2) 60%, var(--primary-grad3) 100%);}
	@media (min-width: 906px) { h2.heading {font-size: 3rem; margin: 4rem 0 2rem 0;}}		

	.heading {position: relative;}
	.review-cover {position: absolute; margin-left: calc(50% - 50vw); margin-top: -12.7rem; width: 100vw; top: 0; left: 0; right: 0; height: 46rem;object-fit: cover; }
	.review-cover::before, .review-cover::after {content: ""; position: absolute; width: 100%;}
	.review-cover::before {height: 100%; background-color: rgba(0, 0, 0, 0.35)} 	.dark .review-cover::before {background-color: rgba(22, 26, 28, 0.35)}
	.dark .review-cover::after {height: 40rem; bottom: 0; background: linear-gradient(182.5deg, rgba(22, 26, 28, 0) 0%, rgba(22, 26, 28, 0) 42%, #161a1c 84%, #161a1c 96%)}
	.review-cover img {height: 100%; width: 100%; display: block; object-fit: cover; object-position: center;}


	.review-heading { z-index: 2; position: absolute; bottom: -46.6rem; left: 0; right: 0; border-bottom: 1px solid var(--gray-300); margin: 0 auto; }
	.review-heading h1 {font-size: 2.7rem; font-weight: 800; line-height: 4.4rem; padding: 0 1.5rem 4rem;}
	.review-heading .category-rating {display: flex; align-items: start; justify-content: stretch; font-size: 1.2rem; line-height: 1.3rem; gap: 1rem; font-weight: 400; padding: 0 1.5rem 3rem;}
	.review-heading .category {background: linear-gradient(135deg, var(--primary) 0%, var(--primary-grad2) 60%, var(--primary-grad3) 100%); color: #fff; padding: .9rem 1.1rem; border-radius: 1.6rem;}
    .review-heading .rating{display: flex; align-items: center; justify-content: center; font-size: 1.2rem; line-height: 1.3rem; font-weight: 400; text-align: center; border-radius: 1.6rem; color: var(--primary); gap: 1rem; pointer-events: none; background: #fff; padding: 0.7rem 1.1rem .7rem .6rem;}
	.review-heading .rating svg {transform: rotate(-90deg); stroke-dasharray: calc(var(--rating)*3.2px) 32;}

    .review-heading h1 span{display: inline; padding: 0.6rem 0 0.5rem; box-decoration-break: clone; -webkit-box-decoration-break: clone; word-wrap: break-word; background-color: var(--body-color); color: var(--body-bg); box-shadow: 1rem 0 0 var(--body-color), -1rem 0 0 var(--body-color);}
    .dark .review-heading h1 span {background-color: #23292c; color: var(--body-color); box-shadow: 1rem 0 0 #23292c, -1rem 0 0 #23292c;}
	.review-heading .meta {padding: 0 1.5rem 2.2rem 1.5rem}

	.review-heading > * {max-width: 480px; margin: 0 auto;}



	.story-info {padding: 0 .4rem; margin: 4.5rem -1.4rem 4rem;}
    .story-info header {font-size: 1.3rem; font-weight: 800; line-height: 1.9rem; text-align: center;  padding: 1.6rem 1.5rem 1.5rem; color: var(--body-bg); border-radius: 1.2rem; background-color: var(--body-color); text-transform: uppercase; margin: .6rem 0 0;}
        .info-data{ display: grid; grid-template-columns: repeat(2, 1fr); margin: 0;}
        .info-data div {padding: 1.5rem 1.1rem 1.6rem;}
        .info-data > div:nth-child(1) {border-right: 1px solid var(--gray-300);} .info-data > div:nth-child(3) {border-top: 1px solid var(--gray-300); border-right: 1px solid var(--gray-300);} .info-data > div:nth-child(4) {border-top: 1px solid var(--gray-300);}
        .info-data h5 {font-size: 1.6rem; line-height: 2.2rem; font-weight: 600; margin-bottom: 0.2rem;}
        .info-data span {display: block; font-size: 1.3rem; font-weight: 400; line-height: 1.7rem;}


		.review-rating-container {display: flex; align-items: center; justify-content: center; border-top: 1px solid var(--gray-300); border-bottom: 1px solid var(--gray-300);}
		.review-rating {display: grid; align-items: start; justify-items: start; grid-template-columns: minmax(auto, max-content) max-content; grid-template-rows: 7.6rem repeat(2, max-content); gap: 0 1rem; padding: 3.4rem .4rem 0; margin-top: 4rem; }
		.rating-thumb {grid-column: 1 / 2; grid-row: 2; max-width: 64rem; height: 21.8rem; position: relative; cursor: pointer;}
		.rating-thumb img {height: 100%; width: 100%; object-fit: cover; object-position: center; border-radius: 2.4rem; border: 1px solid var(--gray-300);}
		.rating-box {grid-column: 2/3; grid-row: 1/-2; display: flex; flex-direction: column; align-items: center;}
		.rating-box span {display: flex; align-items: end; justify-content: center; color: #fff; font-size: 2.4rem; line-height: 1.6; font-weight: 600; border-radius: 2.4rem; padding-bottom: .3rem; width: 12.4rem; height: 22.6rem; background: linear-gradient(135deg, var(--primary) 0%, var(--primary-grad2) 60%, var(--primary-grad3) 100%)}
		.rating-box h5 {font-size: 1.1rem; font-weight: 700; line-height: 1.7rem; margin-top: 2.6rem; text-align: center; background: linear-gradient(90deg, var(--primary) 0%, var(--primary-grad2) 60%, var(--primary-grad3) 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
		.review-rating h2 {grid-column: 1/ 3; grid-row: 3 / 4; font-size: 2.4rem; line-height: 3.3rem; font-weight: 900; padding: 2.3rem 1.1rem;}
	
		.review-pros-cons{padding: 0 1.5rem;}
		.review-pros-cons ul, .review-pros-cons ol{align-content: start;}
		.review-pros-cons h6 {width: max-content; display: inline-block; font-size: 1.3rem; padding-top: 1rem; padding-bottom: .4rem; margin-top: 1.3rem; font-weight: 900; line-height: 1.9rem; text-transform: uppercase; background: linear-gradient(135deg, var(--primary) 0%, var(--primary-grad2) 60%, var(--primary-grad3) 100%); background-clip: text; -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: transparent;}
		.review-verdict { margin-top: 3rem;}
		.review-verdict a { text-align: center; display: block; background: linear-gradient(135deg, var(--primary) 0%, var(--primary-grad2) 60%, var(--primary-grad3) 100%); color: #FFF; text-align: center; width: calc(100% - 3rem); border: none; border-radius: 1.2rem; padding: 1.1rem 1.7rem 1rem; font-size: 1.3rem; font-weight: 600; line-height: 2.1rem; margin: 3rem 1.5rem;} .review-verdict a:hover {color: #fff;}
		.review-notice {font-size: 1.3rem; font-weight: 500; line-height: 2.1rem; padding: 1rem 0.4rem 0.9rem; color: var(--gray-800); margin: 0.7rem auto 0; border: 1px solid var(--gray-300); border-radius: 1.2rem; display: block; width: calc(100% - .8rem); text-align: center;}

		.content {margin-top: 51rem;}


	/* MEDIA QUERIES  */
@media (min-width: 768px) {
	.post {padding: 2rem 0;}
	.review-cover {height: 80rem; margin-top: -16.5rem;}
	.review-heading {bottom: -76.6rem; max-width: 48rem; }

	.content {margin-top: 75rem;}

}

@media (min-width: 906px) {
    .review-cover {height: 100vh;}
    .review-heading .category-rating {padding: 1.8rem;}
    .review-heading {position: relative; top: calc(100vh - 38.5rem); height: max-content; max-width: 88.2rem; margin-left: auto; margin-right: auto; padding: 0 1rem;}
    .review-heading .meta {padding: 3.2rem 0rem 5.7rem;}
    .review-heading h1 { font-size: 3.8rem; line-height: 7.1rem; padding: 1.1rem 0; margin: 0 0 0 1rem;}
    .review-heading h1 span {display: inline; padding: 1.1rem 0; box-shadow: 1.9rem 0 0 var(--body-color), -1.9rem 0 0 var(--body-color); }
    .dark .review-heading h1 span {box-shadow: 1.9rem 0 0 var(--gray-300), -1.9rem 0 0 var(--gray-300);}
    .story-share {top: 2.6rem; left: -8rem;}

	.review-heading > * {max-width: 88.2rem; margin: 0 auto;}



    .story-info {width: 45rem; margin: 0; float: right; padding: 0 0 1rem 2rem; }
	    .info-data{margin-bottom: 0; }
        .info-data div {padding: 1.5rem 2rem 1.6rem;}


    .review-rating-container {border-bottom: 1px solid transparent;}
        .review-rating {max-width: 41rem; margin: 0 auto; padding-left: 2rem; padding-right: 2rem; grid-template-rows: 12.1rem repeat(2, max-content); gap: 0 6rem; max-width: 92rem; margin: 0 auto;}
        .review-rating h2 {padding: 4.7rem 0 5.1rem; font-size: 3.8rem; line-height: 4.7rem; border-bottom: 1px solid var(--gray-300); grid-column: 2 / 3; grid-row: 3 / 4;}
        .rating-thumb {height: 40rem; width: 48rem; grid-row: 2 / 4 ;}
        .rating-box {grid-column: 2/3; grid-row: 1/3; align-items: start;}
        .rating-box span {width: 15.4rem; height: 34.8rem; font-size: 3.5rem; line-height: 4.5rem; padding-bottom: 0.4rem;}
        .rating-box h5 {margin-top: 2.2rem; font-size: 1.3rem;}

    .review-verdict{max-width: 92rem; margin: 4rem auto 0; padding: 0 2rem;}
    .review-verdict a {width: 43rem; display: block; margin: 4rem auto 6rem;}
    .review-pros-cons{display: flex; justify-content: space-between; padding: 0 1rem 0 0;}

	.content {margin-top: calc(100vh - 36rem) !important;}

}

@media (min-width: 1280px) {
	.heading {padding: 0;}
	.review-cover {margin-top: -14.3rem;}
	.review-heading {top: calc(100vh - 36.2rem);}
	main div.heading .meta {max-width: 92rem; padding: 2rem 0rem 5.7rem;}
}

@media (min-width: 1280px) {
	.share-button {display: none;}
	main .content { grid-template-columns: 88.2rem; margin: 0 auto;}
}


/* HOVER EFFECT ON IMAGES */
img {transition: filter 0.25s ease ;}
img:hover {filter: brightness(0.45);}

/* DEAL AND DEFAULT POST STYLE FROM HOME.CSS */
.related-posts { display: grid; grid-template-columns: 1fr;  gap: 0 2rem; padding-bottom: 1rem; }
.related-post { display: flex; gap: 1rem; padding: 1.1rem 0; border-bottom: 1px solid var(--gray-300); position: relative; } .related-post:last-child {border-bottom: none;}
	.related-post .post-thumb { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg transform='translate(-126 -181)'%3E%3Crect width='56' height='56' transform='translate(126 181)' fill='%23fff' opacity='0'/%3E%3Cpath d='M20536,23203a2,2,0,0,1-1.414-3.418h0l8.941-8.936a2,2,0,0,1,2.955.008l8.934,8.928h0A2,2,0,0,1,20554,23203Z' transform='translate(-20403 -22977)' fill='%23e1eaed'/%3E%3Cpath d='M20539.654,23224H20534l20.418-20.416a2,2,0,0,1,2.844.018l16.984,16.984a2.015,2.015,0,0,1,.582,1.27v.291a2.007,2.007,0,0,1-2,1.854Zm.174-29.5a4.5,4.5,0,1,1,4.5,4.5A4.5,4.5,0,0,1,20539.828,23194.5Z' transform='translate(-20397.828 -22998)' fill='%23d5e1e5'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; position: relative; min-width: 9rem; width: 9rem; height: 9rem; border-radius: 1.2rem; overflow: hidden; }
	.dark .related-post .post-thumb {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg transform='translate(-126 -181)'%3E%3Crect width='56' height='56' transform='translate(126 181)' fill='%23fff' opacity='0'/%3E%3Cpath d='M20536,23203a2,2,0,0,1-1.414-3.418h0l8.941-8.936a2,2,0,0,1,2.955.008l8.934,8.928h0A2,2,0,0,1,20554,23203Z' transform='translate(-20403 -22977)' fill='%2331373a'/%3E%3Cpath d='M20539.654,23224H20534l20.418-20.416a2,2,0,0,1,2.844.018l16.984,16.984a2.015,2.015,0,0,1,.582,1.27v.291a2.007,2.007,0,0,1-2,1.854Zm.174-29.5a4.5,4.5,0,1,1,4.5,4.5A4.5,4.5,0,0,1,20539.828,23194.5Z' transform='translate(-20397.828 -22998)' fill='%2350585c'/%3E%3C/g%3E%3C/svg%3E");}
	.related-post .post-thumb img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
	.related-post .post-content { display: flex; flex-direction: column; justify-content: space-between; gap: 0.9rem; padding: 0.1rem 1.1rem 0 0;}
	.related-post h3 { font-size: 1.4rem; font-weight: 600; line-height: 2rem;  margin-left: -0.1rem; display: -webkit-box; line-clamp: 3; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
	.related-post h3 a::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; cursor: pointer; }
	.related-post a { background-image: linear-gradient(to right, #000, #000); background-position: 0 100%; background-size: 0 1px; background-repeat: no-repeat; transition: 0.4s background-size cubic-bezier(0, 0, 0, 1); }
	.related-post a:visited {color: var(--gray-900);}
	.dark .related-post a {background-image: linear-gradient(to right, #fff, #fff);}
	.related-post:active a {background-size: 100% 1px;}	
	.related-post footer { display: flex; align-items: center; justify-content: start; font-size: 1.2rem; color: var(--gray-800); margin-top: -0.2rem;}
	.related-post footer .post-time {position: relative; padding-left: 1.4rem; padding-right: 0; flex: 1;}
	.related-post footer .post-time::before {content:''; width: 2px; height: 2px; background-color: var(--gray-800); position: absolute; top: 50%; left: 0.6rem; border-radius: 50%;}

.aside-related { background-color: var(--gray-200); margin-left: -.4rem; margin-right: -.4rem; padding-left: 1.5rem; padding-right: 1.5rem; }
.aside-related .body > h3 { display: inline-block; font-size: 1.6rem; font-weight: 800; color: var(--body-color); background: linear-gradient(135deg, var(--primary) 0%, var(--primary-grad2) 60%, var(--primary-grad3) 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent; margin-bottom: 1.1rem;}

@media (min-width: 906px) {
.aside-related { background-color:transparent; margin-left:0; margin-right:0; padding: 3rem 5rem 0 5rem }
.aside-related .body { background-color:var(--gray-200); padding: 2.5rem 2rem 1rem ; border-radius:1rem; }
.aside-related .body > h3 {margin-bottom: 2.1rem;}
.related-posts {grid-template-columns: repeat(2, 1fr); align-items: start; gap: 1.6rem; margin-bottom: 0; padding-bottom: 0;}
.related-post {border-bottom: none; gap: 1.8rem; padding: 0; }
.related-post .post-thumb {min-width: 10rem; height: 10rem; display: none}
.related-post .post-content h3 {-webkit-line-clamp: 3; line-clamp: 3; font-size: 1.4rem; font-weight: 500; line-height: 2rem;}
.related-post:hover a { background-size: 100% 1px; }
}
@media (min-width: 1280px) {
	.aside-related { padding:4rem 5rem 0 6.8rem }
}

.deals { background: var(--gray-300); border-radius:1.2rem; }
.deals img {width: 100%; height: auto; border-radius: 1.2rem;}


.story-gallery{position:relative; overflow: hidden;}
.story-gallery a { background-image:none; display:block; }
.post figure.story-gallery {margin: 3rem 0}
/*.gallery-nav{position:absolute;left:.2rem;bottom:.2rem;display:flex;color:#fff;background:rgba(0,0,0,0.8);padding:.5rem;border-radius:2.5rem;z-index:1}*/
.gallery-nav span{font-weight:500;padding:0.5rem 0.5rem 0.5rem 0.4rem;line-height:1.9rem;cursor:default}
.gallery-next,.gallery-prev{display:grid;place-items:center;flex-shrink: 0; width:3rem;height:3rem;border-radius:50%;cursor:pointer;color:#fff;border:2px solid rgba(255,255,255,0.15);margin-right:.5rem}
body:not(.is-tablet) .gallery-next:hover,body:not(.is-tablet) .gallery-prev:hover{border:0;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-grad2) 60%,var(--primary-grad3) 100%)}
.gallery-next:active,.gallery-prev:active{border:0;background:linear-gradient(135deg,var(--primary-active) 0%,var(--grad2-active) 60%,var(--grad3-active) 100%)!important}
.gallery-next svg{margin-left:.2rem}
.gallery-prev svg{margin-right:.2rem;transform:rotate(180deg)}
.post .swiper-slide img { display:inline-block; }

/* Plugin CSS */
.mpp-toc ul li::before, .dark .mpp-toc ul li::before {display: none;}
nav.mpp-post-navigation.next-previous .nav-links a {width: max-content !important;}
.mpp-toc-container {border:1px solid var(--gray-300) !important;} 
@media (max-width: 906px) {.mpp-toc-container {max-width: 100%;}}
@media (min-width: 906px) {.mpp-post-navigation {max-width: 60%;} }