/*
Theme Name: StockBurger
Theme URI: https://stockburger.news
Author: ASAP
Author URI: https://asap.company
Description: Trade Like a Hero
Text Domain: stockburger
*/

@import url("css/satoshi.css");
@import url("js/glide/glide.core.min.css");

* {
	box-sizing: border-box;
}

body.admin-bar {
  margin-top: 32px;
}

html {
	background: #000;
	color: #fff;
	font-family: "Satoshi", -apple-system, BlinkMacSystemFont, sans-serif;
	font-size: 18px;
	padding: 0;
	margin: 0;
}

body {
	margin: 0;
	padding: 0;
}

/* Global Styles */

/* Text Styles */

h1 {
	font-size: 3em;
	font-weight: 500;
	line-height: 110%;
	margin: 0;
	letter-spacing: -0.03em;
}

	h1.large {
		font-size: 5em;
		line-height: 1;
	}

	.gradient {
		background: radial-gradient(
	    circle at 100%,
	    #E3EB3A,
	    #2DC66B 20%,
	    #F28041 40%,
	    #F394BF 60%,
	    #F35A5D 80%,
	    #E3EB3A 100%
		);
		background-size: 200% auto;
		background-clip: text;
		-webkit-text-fill-color: transparent;
		padding-bottom: 0.16em;

		animation: animatedTextGradient 10s linear infinite;
	}

.small {
	font-size: 0.8em;
}

h3.small {
	font-size: 1em !important;
}

.section-title {
	padding: 40px 0 10px 0;
	border-image: linear-gradient(
		to right, 
		#E3EB3A,
    #2DC66B 20%,
    #F28041 40%,
    #F394BF 60%,
    #F35A5D 80%,
    #D553B7 100%
	) 1;
  border-radius: 5px; /* this doesn't work */
  border-width: 0 0 1px 0;
  border-style: solid;
  margin-top: 50px !important;
  margin-bottom: 40px !important;
}

	.section-title h2 {
		font-weight: 500;
		font-size: 2em;
		letter-spacing: -0.03em;
		margin: 0;
	}

		.section-title h2 img {
			margin-bottom: -5px;
		}

.breadcrumbs {
  margin-bottom: 40px !important;
}

a {
	color: #fff;
	text-decoration: none;
	transition: 0.3s ease all;
}

a:not(.tag, .category, .stock-mover, .alert-badge):hover {
	background: radial-gradient(
    circle at 100%,
    #E3EB3A,
    #2DC66B 20%,
    #F28041 40%,
    #F394BF 60%,
    #F35A5D 80%,
    #E3EB3A 100%
	);
	background-size: 200% auto;
	background-clip: text;
	-webkit-text-fill-color: transparent;

	animation: animatedTextGradient 1.5s linear infinite;
}

@keyframes animatedTextGradient {
  to {
    background-position: 200% center;
  }
}

/* Colors */

.gray {
	color: #999;
}

	.gray b,
	.gray strong,
	.gray h1,
	.gray h2,
	.gray h3,
	.gray h4 {
		color: #fff;
	}

.green {
	color: #2DC66B;
}

.red {
	color: #F15B59;
}

/* Page, Wrapper & Sidebar */

.page-wrapper {
	width: 100%;
	display: flex;
	flex-direction: row;
	gap: 0px;
	position: relative;
}

	.main-content {
		flex-grow: 1;
	}
		.wrapper-1080 {
			max-width: 1080px;
			margin: 0 auto;
		}
		.wrapper-sto {
			max-width:100%;
			margin: 0 auto;
			padding: 20px 0 20px 20px;
			margin: 0px 20px;
		}

		.wrapper-720 {
			max-width: 720px;
			margin: 0 auto;	
		}

	.sidebar {
		width: 300px;
		min-width: 300px;
	}



/* Tags, Categories, Movers */

.tag, 
.category, 
.stock-mover,
.date-posted {
	text-transform: uppercase;
  font-size: 0.5em;
  padding: 4px 6px;
  border-radius: 3px;
  color: #fff;
  text-decoration: none;
  letter-spacing: 1px;
  transition: all 0.3s ease;
  font-weight: 500;
}

.tag {
	background: rgba(255, 255, 255, 0.3);
	border: 1px solid rgba(255, 255, 255, 0);
}

.category {
	border: 1px solid rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.8);
}

.stock-mover {
	border: 1px solid rgba(255, 255, 255, 0.3);
	display: flex;
	gap: 5px;
}

.stock-mover.grow {
	color: #2DC66B;
	border-color: #2DC66B;
}

.stock-mover.loose {
	color: #F3605A;
	border-color: #F3605A;
}

.stock-mover.large {
	padding: 10px 20px;
	font-size: 0.8em;
}

.tag:hover, 
.category:hover, 
.stock-mover:hover {
	background: transparent !important;
	border-color: #fff !important;
	color: #fff !important;
}



/* Header */

header {
	display: flex;
	flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 30px;
    height: 60px;
    z-index: 1;
}

	.logo {
		display: block;
	}

		.logo img {
			display: block;
			height: 28px;
		}
	
	/*	Main Menu */

	header nav.main-menu {
	    display: flex;
	    list-style: none;
	    gap: 20px;
	}

		header nav.main-menu a {
			color: #fff;
			text-decoration: none;
			font-size: 0.9em;
		}

	/* Secondary Menu */

	header nav.secondary-menu {
	    display: flex;
	    list-style: none;
	    gap: 20px;
	}

		header nav.secondary-menu a {
			color: #fff;
			text-decoration: none;
			display: flex;
			align-items: center;
			font-size: 1em;
			gap: 5px;
			font-weight: 500;
		}

			header nav.secondary-menu a.link-stream:before {
				content: url(images/icons/icon-stream.svg);
				width: 20px;
				height: 20px;
			}

			header nav.secondary-menu a.link-alerts:before {
				content: url(images/icons/icon-alerts.svg);
				width: 20px;
				height: 20px;
			}
			header nav.secondary-menu a.link-disclaimer:before {
				content: url(images/icons/asterisk.svg);
				width: 20px;
				height: 20px;
			}

			header nav.secondary-menu a.link-pump-radar:before {
				content: url(images/icons/icon-pump-radar.svg);
				width: 20px;
				height: 20px;
			}

	/* Burger Button */

	header .burger {
	  position: relative;
	  width: 28px;
	  height: 28px;
	  display: none;
	  cursor: pointer;
	}

		header .burger .btn {
		  position: absolute;
		  top: 50%;
		  left: 50%;
		  transform: translate(-50%, -50%);
		  width: 24px;
		  cursor: pointer;
		}

		header .burger .btn	span {
			  display: block;
			  width: 100%;
			  border-radius: 3px;
			  height: 2px;
			  background: #fff;
/*			  transition: all .3s;*/
			  position: relative;
			}

			header .burger .btn	span + span {
				  margin-top: 5px;
				}

			header .burger .btn.active span:nth-child(1) {
			  animation: ease .1s top forwards;
			}

			header .burger .btn.not-active span:nth-child(1) {
			  animation: ease .1s top-2 forwards;
			}

			header .burger .btn.active span:nth-child(2) {
			  animation: ease .1s scaled forwards;
			}

			header .burger .btn.not-active span:nth-child(2) {
			  animation: ease .1s scaled-2 forwards;
			}

			header .burger .btn.active span:nth-child(3) {
			  animation: ease .1s bottom forwards;
			}

			header .burger .btn.not-active span:nth-child(3) {
			  animation: ease .1s bottom-2 forwards;
			}

	@keyframes top {
	  0% {
	    top: 0;
	    transform: rotate(0);
	  }
	  50% {
	    top: 7px;
	    transform: rotate(0);
	  }
	  100% {
	    top: 7px;
	    transform: rotate(45deg);
	  }
	}

	@keyframes bottom {
	  0% {
	    bottom: 0;
	    transform: rotate(0);
	  }
	  50% {
	    bottom: 7px;
	    transform: rotate(0);
	  }
	  100% {
	    bottom: 7px;
	    transform: rotate(135deg);
	  }
	}

	@keyframes scaled {
	  50% {
	    transform: scale(0);
	  }
	  100% {
	    transform: scale(0);
	  }
	}

	@keyframes scaled-2 {
	  0% {
	    transform: scale(0);
	  }
	  50% {
	    transform: scale(0);
	  }
	  100% {
	    transform: scale(1);
	  }
	}

/* Trending Stocks Carousel */

.trending-stocks {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
	height: 40px;
  display: flex;
  align-items: center;
  font-size: 12px;
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
}

	.trending-stocks-wrapper {
	  display: flex;
	  width: max-content;
	  animation: marquee 20s linear infinite;
	}

		.marquee-content {
		  display: flex;
		}

			.trending-stocks .trending-stocks-wrapper .trending-stock {
				font-size: 12px;
				line-height: 1;
				display: flex;
				flex-direction: row;
				gap: 3px;
				text-transform: uppercase;
			  padding: 0 1rem;
			  white-space: nowrap;
			}

				.trending-stocks .trending-stocks-wrapper .trending-stock .trending-stock-ticker {
					font-weight: 500;
				}

				.trending-stocks .trending-stocks-wrapper .trending-stock .trending-stock-change.up {
					color: #2DC66B;
				}

	.trending-stocks:hover .trending-stocks-wrapper {
	  animation-play-state: paused;
	}


@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}


/* Sidebar */

.toggle-button {
	display: none;
}

.sidebar {
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

	.sidebar .sidebar-block {
		background: #111;
		padding: 20px;
		display: flex;
		flex-direction: column;
		gap: 20px;
	}

		.sidebar .sidebar-block .sidebar-title {
			margin: 0;
	    font-weight: 500;
	    font-size: 1em;
		}

		.sidebar .sidebar-block .sidebar-stock-list {}

			.sidebar .sidebar-block .sidebar-stock-list .sidebar-stock-element {
				display: flex;
		    flex-direction: row;
		    font-size: 0.65em;
		    gap: 5px;
		    padding: 3px 0;
		    border-top: 1px solid #262626;
			}

			.sidebar .sidebar-block .sidebar-stock-list .sidebar-stock-element:first-child {
		    border-top: none;
			}

				.sidebar .sidebar-block .sidebar-stock-list .sidebar-stock-element .sidebar-stock-element-logo {
					width: 32px;
					height: 32px;
					border-radius: 100px;
				}

				.sidebar .sidebar-block .sidebar-stock-list .sidebar-stock-element .sidebar-stock-header {
					flex-grow: 1;
				}

				.sidebar .sidebar-block .sidebar-stock-list .sidebar-stock-element .sidebar-stock-change {
					text-align: right;
				}

/* Featured News */

section.news-main {
	display: grid;
	gap: 10px;
	grid: 1fr 1fr / 1fr 1fr;
	padding: 20px 0 20px 20px;
}

	section.news-main .news-article:first-child {
	  grid-column-start: 1;
	  grid-column-end: 1;
	  grid-row-start: 1;
	  grid-row-end: 4;
	}

		section.news-main .news-article .news-thumbnail {
			display: none;
		}
		
		section.news-main .news-article:first-child .news-thumbnail {
			display: block;
		}



section.featured-news {
	display: flex;
}

	section.featured-news .featured-article {
		display: flex;
	    flex-direction: column;
	    align-items: flex-start;
	    justify-content: flex-end;
	    flex-grow: 1;
	    gap: 20px;
	    aspect-ratio: 4 / 3;
	    padding: 40px;
	    width: 50%;

	    background-position: center;
	    background-size: cover;
	}

		section.featured-news .featured-article .featured-article-title {
			font-size: 2em;
			line-height: 120%;
			color: #fff;
			text-decoration: none;
		}

	

/* News / Common Styles */

.article-tags,
.article-meta {
	display: flex;
	gap: 2px;
	flex-wrap: wrap;
}


/* Article */

.article-hero {
	display: flex;
	align-items: flex-end;
	height: 90vh;
	padding-bottom: 40px;
	background-position: center;
	background-size: cover;
	position: relative;
}

	.article-hero .article-hero-wrapper {
		display: flex;
	    flex-direction: column;
	    flex-grow: 1;
	    gap: 20px;
		position: relative;
		z-index: 1;
	}

	.article-hero:after {
		content: '';
		width: 100%;
		height: 200px;
		background: linear-gradient(0deg, black, transparent);
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: 0;
	}

.article-intro {
	font-size: 1.5em;
	margin-bottom: 50px;
}

.article-content {
	padding: 50px 0;
}

	.article-content a:not(.tag, .category, .stock-mover) {
		font-weight: 500;
		background: radial-gradient(
		    circle at 100%,
		    #E3EB3A,
		    #2DC66B 20%,
		    #F28041 40%,
		    #F394BF 60%,
		    #F35A5D 80%,
		    #E3EB3A 100%
		);
		background-size: 200% auto;
		background-clip: text;
		-webkit-text-fill-color: transparent;
		text-decoration: none;
	}

.article-movers {
	display: flex;
	gap: 5px;
	flex-wrap: wrap;
	padding: 50px 0;
}

.article-image {
	position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}


/* News List */

.newslist {
	display: grid;
	grid-template: 1fr / 1fr 1fr 1fr;
	margin-top: 100px;
	gap: 10px;
}

	.news-article {
		display: flex;
		flex-direction: column;
		gap: 20px;
		border: 1px solid #666;
		padding: 15px;
		border-radius: 15px;
		text-wrap: initial;
	}

		.news-article img {
			width: 100%;
			display: block;
			border-radius: 10px;
		}

		.news-article h3 {
			margin: 0;
			font-size: 2em;
			font-weight: 500;
			letter-spacing: -0.03em;
			line-height: 1.2;
		}

/* Pagination */

.pagination {
	margin-top: 50px;
	margin-bottom: 50px;
	display: flex;
	flex-direction: row;
	gap: 5px;
}

/* Sliders */

.slider {
	position: relative;
	-webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

	.slider:after {
		content: '';
		width: 80px;
		height: 100%;
		background: linear-gradient(-90deg, black, transparent);
		position: absolute;
		right: 0;
		bottom: 0;
		z-index: 0;
	}

	.slider > * {
		z-index: 1;
	}

/* Alerts */

.alerts {
	display: flex;
	flex-direction: row;
	gap: 10px;
}

	.alert-badge {
		background: url('');
		background-size: cover;
		background-position: center;
		width: 200px;
		height: auto;
		aspect-ratio: 1/1;
		display: flex;
		gap: 7px;
		flex-direction: column;
		justify-content: center;
	  align-items: center;
	  text-align: center;
	}

		.alert-badge .tag {
			padding: 4px 8px;
			background: none;
			border-color: #fff;
		}

		.alert-badge .alert-trend {
			font-size: 1.5em;
			font-weight: 500;
		}

		.alert-badge .alert-stock {
			display: flex;
			flex-direction: column;
			gap: 1px;
		}

			.alert-badge .alert-stock .ticker {
				font-size: 1em;
			}

			.alert-badge .alert-stock .stock {
				font-size: 0.8em;
				color: rgba(255, 255, 255, 0.5);
			}

	.alert-badge.form-1.green {
		background-image: url('images/badges/Form-1-Green.svg');
	}
	.alert-badge.form-2.green {
		background-image: url('images/badges/Form-2-Green.svg');
	}
	.alert-badge.form-3.green {
		background-image: url('images/badges/Form-3-Green.svg');
	}
	.alert-badge.form-4.green {
		background-image: url('images/badges/Form-4-Green.svg');
	}
	.alert-badge.form-5.green {
		background-image: url('images/badges/Form-5-Green.svg');
	}
	.alert-badge.form-1.yellow {
		background-image: url('images/badges/Form-1-Yellow.svg');
	}
	.alert-badge.form-2.yellow {
		background-image: url('images/badges/Form-2-Yellow.svg');
	}
	.alert-badge.form-3.yellow {
		background-image: url('images/badges/Form-3-Yellow.svg');
	}
	.alert-badge.form-4.yellow {
		background-image: url('images/badges/Form-4-Yellow.svg');
	}
	.alert-badge.form-5.yellow {
		background-image: url('images/badges/Form-5-Yellow.svg');
	}
	.alert-badge.form-1.red {
		background-image: url('images/badges/Form-1-Red.svg');
	}
	.alert-badge.form-2.red {
		background-image: url('images/badges/Form-2-Red.svg');
	}
	.alert-badge.form-3.red {
		background-image: url('images/badges/Form-3-Red.svg');
	}
	.alert-badge.form-4.red {
		background-image: url('images/badges/Form-4-Red.svg');
	}
	.alert-badge.form-5.red {
		background-image: url('images/badges/Form-5-Red.svg');
	}

  /*	Yellow*/

	.alert-badge.yellow,
	.alert-badge.yellow * {
		color: black !important;
		border-color: #000;
	}

/* Pump Radar */

.pump-radar {
	display: flex;
	flex-direction: column;
	gap: 10px;
	border: 1px solid #666;
	padding: 15px;
	border-radius: 15px;
}

	.pump-radar .pump-radar-header {
		display: flex;
		flex-direction: row;
		gap: 10px;
	}

		.pump-radar .pump-radar-header .pump-radar-logo {
			width: 24px;
			height: 24px;
			border-radius: 100%;
		}

		.pump-radar .pump-radar-header .pump-radar-label {
			font-weight: 500;
		}

/* Promo Block */

.promo-block {
	margin: 60px auto;
	max-width: 1440px;
	padding: 60px;
}

	.promo-block .promo-block-wrapper {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 40px;
		aspect-ratio: 16 / 9;
		background-image: url('images/Promo-BG-Desktop.jpg');
		border-radius: 30px;
		padding: 40px;
		background-size: cover;
	}

		.promo-block .promo-text {
			display: flex;
			flex-direction: column;
			gap: 30px;
			width: 50%;
		}

			.promo-block .promo-text h2 {
				font-size: 4em;
				font-weight: 500;
				letter-spacing: -0.03em;
				margin: 0;
				line-height: 1;
			}

				.promo-block .promo-text .download-block {
					display: flex;
					flex-direction: row;
					gap: 5px;
				}
				
					.promo-block .promo-text .download-block .download-button img {
						display: block;
						height: 40px;
					}

		.promo-block .promo-image {
			width: 50%;
			padding: 40px;
			/*display: none;*/
		}

			.promo-block .promo-image img {
				display: block;
				width: 100%;
			}

/* Footer 

footer {
	display: flex;
	flex-direction: row;
	padding: 100px 60px;
	justify-content: space-between;
  align-items: flex-start;
}

	footer .logo-wrapper {
		width: 50%;
		display: flex;
		flex-direction: column;
		gap: 40px;
	}

		footer .logo-wrapper .logo-block {
			display: flex;
			flex-direction: column;
			gap: 10px;
		}

		footer .logo-wrapper .menu-social {
			display: flex;
			flex-direction: row;
			gap: 10px;
		}

			footer .logo-wrapper .menu-social a img {
				display: block;
				width: 20px;
				height: 20px;
			}

	footer .menu-wrapper {
		width: 25%;
		display: flex;
		flex-direction: column;
		gap: 15px;
	}

		footer .menu-wrapper h4 {
			margin: 0;
		}

		footer .menu-wrapper .footer-menu {
			list-style: none;
			display: flex;
			flex-direction: column;
			gap: 10px;
		}

			footer .menu-wrapper .footer-menu a {
				color: #999;
			}

*/

footer li,
footer a,
footer p,
footer button,
footer input {
    font-family: "Satoshi", -apple-system, BlinkMacSystemFont, sans-serif;
}

footer {
    background: #000;
    padding: 60px 20px;
}

footer .outter-container,
footer .inner-container {
    display: flex;
    flex-wrap: wrap;
}

footer .outter-container {
    justify-content: space-around;
    gap: 30px;
}

.inner-container {
    gap: 70px;
}

footer .outter-container .first-column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
}

footer .outter-container .first-column .logo {
    max-height: 23px;
    object-fit: contain;
}

footer .column-logos {
    display: flex;
    gap: 20px;
}

footer .column-download-app img {
    cursor: pointer;
}

footer .privacy-policy-item a,
footer .column-text {
    font-size: 12px !important;
    font-weight: 500;
}

footer .outter-container .column-text {
    max-width: 370px;
    color: #999999;
}

footer ul {
    list-style-type: none;
}

footer ul a,
footer ul .li-text {
    color: #999999;
    text-decoration: none;
    font-size: 16px !important;
    font-weight: 400;
}

footer ul li {
    color: #fff;
    font-size: 20px !important;
    font-weight: 500;
}

footer .input-container {
    display: flex;
    align-items: center;
    gap: 10px;
}

footer .input-container input {
    background: transparent;
    border: none;
    outline: none;
    border-bottom: 1px solid #fff;
    padding: 10px 0;
    font-size: 15px !important;
    color: #fff
}

footer .input-container input::placeholder {
    font-size: 1rem;
    color: #fff
}

footer .input-container button {
    border: none;
    outline: none;
    cursor: pointer;
    height: 100%;
    padding: 10px 20px;
    border-radius: 4px;
    transition: background-color 0.3s ease;
    background: #fff;
    color: #000
}

.input-container button:hover {
    background-color: #e0e0e0;
}

footer .li-text {
    max-width: 30rem;
    margin-bottom: 20px;
}

/* media */

@media (max-width: 320px) {
    .column-download-app {
        flex-direction: column;
        gap: 15px;
    }

    .column-download-app img {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .inner-container {
        display: flex !important;
        flex-direction: column;
        gap: 20px;
    }

    .input-container {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .inner-container button,
    .inner-container input {
        width: 100%;
    }

    .category-heading-list {
        margin-bottom: 7px !important;
    }

}

@media (max-width: 560px) {
    .footer-last-section {
        margin-left: 0 !important;
    }
}

@media (max-width: 768px) {}

@media (max-width: 1024px) {
    .inner-container {
        display: grid;
        justify-content: center;
        grid-template-columns: repeat(2, 1fr);
    }

    .footer-last-section {
        margin-left: 45px;
    }

}

@media (max-width: 1280px) {}

@media (max-width: 1425px) {
    .outter-container {
        justify-content: center !important;
    }

}






@media (max-width: 1024px) {

		body {
			padding-top: 68px;
		}

		header {
			padding: 20px;
			flex-direction: column;
			gap: 30px;
			height: auto;
			align-items: flex-start;
			position: fixed;
	    top: 0;
	    width: 100%;
	    background: #000;
		}

			header nav.main-menu {
				flex-direction: column;
				display: none;
			}

			header nav.secondary-menu {
				flex-direction: column;
				display: none;
			}

			header .burger {
				display: block;
				position: absolute;
				right: 20px;
				top: 20px;
			}

		h1.large {
			font-size: 3em;
		}

		.toggle-button {
			display: flex;
      width: 100%;
      padding: 10px;
      align-items: center;
      justify-content: center;
      border-bottom: 1px solid #666;
      font-size: 0.6em;
      text-transform: uppercase;
      font-weight: 500;
      letter-spacing: 0.1em;
      cursor: pointer;
		}

		.page-wrapper {
		}

			.page-wrapper .main-content {}
			
			.page-wrapper .sidebar {
				position: absolute;
        width: 100%;
        background: #000;
        z-index: 1;
        display: flex;
        flex-direction: row;
        overflow: scroll;
        display: none;
			}
			.page-wrapper .sidebar.open {
				display: flex;
			}

				.page-wrapper .sidebar .sidebar-block {
					min-width: 80%;
				}

				.wrapper-1080,
				.wrapper-sto,
				.wrapper-720 {
					width: calc(100vw - 40px);
					margin-left: 20px;
				}
		
		.newslist {
			grid-template: 1fr / 1fr;
			gap: 10px;
		}

		.featured-news {
			flex-direction: column;
			display: none !important;
		}

			.featured-news .featured-article {
				width: 100% !important;
				aspect-ratio: 1/1 !important;
			}

		.alert-badge {
			font-size: 0.8em;
			gap: 2px;
		}

		.article-hero {
			height: 100vh;
		}

			.article-hero:after {
				height: 60vh;
			}
		
		.section-title h2 {
			font-size: 1.5em;
		}

		.section-title h2 img {
			margin-bottom: -4px;
			width: 28px;
			height: 28px;
		}

		.promo-block {
			width: 100%;
			margin: 60px auto;
			padding: 20px;
		}

			.promo-block .promo-block-wrapper {
				flex-direction: column-reverse;
        gap: 40px;
        padding: 300px 20px 0 20px;
        aspect-ratio: 9 / 16;
				background-image: url('images/Promo-BG-Mobile.jpg');
				justify-content: center;
			}

				.promo-block .promo-text,
				.promo-block .promo-image {
					width: 100%;
					padding: 0;
				}

					.promo-block .promo-text h2 {
						font-size: 2em;
					}


		footer {
			flex-direction: column;
			gap: 50px;
			padding: 40px 20px;
		}

			footer .logo-wrapper,
			footer .menu-wrapper { 
				width: 100%;
			}

				footer .logo-wrapper .logo-block {
					gap: 50px;
				}
}

/* Pump Radar */

.pump-radar {
	display: flex;
	flex-direction: column;
	gap: 15px;
	border: 1px solid #666;
	padding: 15px;
	border-radius: 15px;
}

.pump-radar:hover {
	color: inherit !important;
}

	.pump-radar-header {
		display: flex;
		flex-direction: row;
		gap: 10px;
	}

		.pump-radar-logo {
			width: 36px;
			height: 36px;
			border-radius: 100%;
		}

		.pump-radar-label {
			background: none;
			border-image: linear-gradient(
				to right, 
				#E3EB3A,
		    #2DC66B 20%,
		    #F28041 40%,
		    #F394BF 60%,
		    #F35A5D 80%,
		    #D553B7 100%
			) 1;
		  border-radius: 5px; /* this doesn't work */
		  border-width: 1px 1px 1px 1px;
		  border-style: solid;
		  padding: 3px 5px;
		}

			.star {
				color: #666;
			}

				.star-volume.active { color: #2DC66B !important; }
				.star-price.active { color: #E9E73A !important; }
				.star-social.active { color: #F393C1 !important; }

		.pump-radar-change {
			flex-grow: 1;
			text-align: right;
		}

			.pump-radar-change .pump-radar-price-change {
				font-size: 0.8em;
			}


	.pump-radar-body {
		font-size: 0.9em;
		display: flex;
		flex-direction: column;
		gap: 5px;
	}

		.pump-radar-body .star {
			color: #666;
		}


	.pump-radar-sentiment {
		display: flex;
		flex-direction: row;
		gap: 3px;
		width: 100%;
	}

		.pump-radar-sentiment .score {
			font-size: 0.4em;
		    letter-spacing: 1px;
		    color: #999;
		    text-align: center;
		    flex-grow: 1;
		    position: relative;
		    padding-top: 10px;
		    text-transform: uppercase;
		    width: 20%;
		}

		.pump-radar-sentiment .score:before {
			content: '';
			position: absolute;
			display: block;
			height: 3px;
			width: 100%;
			top: 0;
			left: 0;
			border-radius: 3px;
			background: #666;
		}

		.pump-radar-sentiment .score.active.score-strong-sell { color: #F35A5D }
		.pump-radar-sentiment .score.active.score-strong-sell:before { background: #F35A5D }

		.pump-radar-sentiment .score.active.score-sell { color: #F38041 }
		.pump-radar-sentiment .score.active.score-sell:before { background: #F38041 }

		.pump-radar-sentiment .score.active.score-neutral { color: #E9E73A }
		.pump-radar-sentiment .score.active.score-neutral:before { background: #E9E73A }

		.pump-radar-sentiment .score.active.score-buy { color: #9ED042 }
		.pump-radar-sentiment .score.active.score-buy:before { background: #9ED042 }

		.pump-radar-sentiment .score.active.score-strong-buy { color: #2DC66B }
		.pump-radar-sentiment .score.active.score-strong-buy:before { background: #2DC66B }


.article-content .stock-mover {
  font-size: 0.8em;
  padding: 10px 20px;
}
 header {
	 z-index: 5;
 }
@media(max-width:500px){
	

	section.news-main {
	  display: block;
	}
}


@media(max-width:3000px){
	.article-hero::before {
		content: "";
		position: absolute;
		inset: 0;
		background: rgba(0, 0, 0, 0.6); /* 0.4 = степень затемнения */
		z-index: 1;
	}
}

/* Author */

.article-author {
	  display: flex;
    flex-direction: row;
    gap: 10px;
    font-size: 0.9em;
    /* align-content: center; */
    align-items: center;
}

.article-author img.author-profile-pic {
		width: 32px;
		height: 32px;
		display: block;
		border-radius: 100px;
		border: 1px solid #333;
}
	
.article-author .author-name {
		color: #999;
}

.article-author .author-name a {
			color: #fff;
}

.article-hero .mob-thumb,  .mob_thumb img {
	  display:none;  
}
  
.article-content .author-name {
	margin-left: 25px;
}

@media (max-width: 768px) {
.article-intro {
    font-size: 1.5em;
    margin-bottom: -30px;
    margin-top: -80px;
	}
  .article-hero {
    height: auto;
	background: transparent;
	background-image:none !important;
  }
  .article-hero .mob-thumb {
	  display:block;
  }
  .mob_thumb img {
	display: block;
    width: 95%;
    height: auto;
    margin: 0px;
    border-radius: 15px;
  }
	}
	.article-hero h1 {
		font-size: 2em;
	}
	.article-hero .article-hero-wrapper {
		margin-top: 25px;
	}
	
	.news-article {
		margin-top: 15px;
	}
	.article-content {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.article-content .author-name {
		margin-left: 10px;
	}
	section.news-main {
		padding: 20px 20px 20px 20px;
	}
	
}

.article-content .author-name a {
	display: block;
	font-size: 18px;
}


.article-movers {
	margin-top: -40px !important;
}
.a2a_dd.addtoany_share_save.addtoany_share {
  background:white;
  margin-left: 7px;
  bottom: 3px !important;
  position: relative;
  border-radius:2px;
  height: 31px;
}
.bl_upper {
  display: flex;
  align-self: end;
  
}
.sharepost {
align-self: end;
  order: 2;
  margin-left: auto;
}

.article-content .author-name a {
  font-weight: 500;
  background: rgb(153, 153, 153);
  background-clip: text;
}
.article-content img {
  width: 100%;
  height: auto;
  border-radius:
15px;
}
.newslist .news-article a img {
  height: 200px;
}

.news-slider .news-article h3 {
	height:70px;
}
.author-profile {
  display: flex;
  gap: 20px;
  max-width: 800px;
  font-family: Georgia, serif;
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
  margin: 0 auto;
  flex-wrap: wrap;
  box-sizing: border-box;
}

.author-profile .author-avatar {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

.author-profile .author-info {
  flex: 1;
  min-width: 0;
}

.author-profile .author-name {
  font-size: 32px;
  margin: 0;
}

.author-profile .author-meta {
  font-size: 18px;
  color: rgb(153, 153, 153);
  margin: 5px 0 10px;
  line-height: 1.4;
}

.author-profile .author-social a {
  display: inline-block;
  margin-right: 12px;
  color: rgb(153, 153, 153);
  font-size: 18px;
}

.author-profile .author-description {
  font-size: 16px;
  line-height: 1.6;
  color: rgb(153, 153, 153);
  max-width: 60ch;
}

.author-profile .author-description a {
  color: rgb(153, 153, 153);
  text-decoration: underline;
}

.author-profile .toggle-more {
  background: none;
  border: none;
  color: rgb(153, 153, 153);
  cursor: pointer;
  font-size: 16px;
  padding: 0;
  margin-left: 5px;
}

/* ✅ Адаптив для планшетов */
@media (max-width: 768px) {
  .author-profile {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .author-profile .author-info {
    width: 100%;
  }

  .author-profile .author-name {
    font-size: 26px;
  }

  .author-profile .author-avatar {
    width: 100px;
    height: 100px;
  }

  .author-profile .author-social a {
    font-size: 20px;
    margin: 8px;
  }

  .author-profile .author-description {
    max-width: 100%;
  }
  .author-info p {
	padding: 0px 20px;
  }
}

/* ✅ Адаптив для телефонов */
@media (max-width: 480px) {
  .author-profile .author-name {
    font-size: 22px;
  }

  .author-profile .author-description {
    font-size: 15px;
  }

  .author-profile .toggle-more {
    font-size: 15px;
  }
}

.wp-caption {
  width: 100% !important;
}

.wp-caption-text {
  font-size: 11px;
  font-style: italic;
}
.copyright {
	text-align: center;
}

@media(min-width: 650px){
	.copyright {
		text-align: center;
		margin-top: -35px;
	}
}

.prettylink {
	background: radial-gradient( circle at 100%, #E3EB3A, #2DC66B 20%, #F28041 40%, #F394BF 60%, #F35A5D 80%, #E3EB3A 100% ) !important;
    background-size: auto !important;
    background-clip: border-box !important;
	background-size: 200% auto !important;
	background-clip: text !important;
		-webkit-text-fill-color: transparent !important;
	animation: animatedTextGradient 1.5s linear infinite !important;
}

.stock-mover.conentmove {
  width: auto !important;
  max-width: none !important;
  display: inline-flex !important;
  font-size: 0.5em;
  padding: 4px 6px;
  border-radius: 3px;
  bottom: 3px !important;
  position: relative;

}

.author-info p {
  font-size: 16px;
  line-height: 1.6;
  color: rgb(153, 153, 153);
  max-width: 60ch;
}
#pump-radar {
  bottom: 10px;
}

@media (min-width:768px) and (max-width: 1024px) {
  .newslist {
    grid-template: 1fr / 1fr 1fr;
    gap: 10px;
  }
}

.article-content li {
  margin: 10px 0px;
}
.tag, .category {
  padding: 4px 6px !important;
  border-radius: 3px !important;
}
.prev_head {
  font-size: 1.2em !important;
}

.score:hover {
  -webkit-text-fill-color: inherit !important;
}

.nfpageblock {
  width: 100%;
  text-align: center;
  top: 150px;
  position: relative;
}

footer li:first-child {
  font-weight: 500;
  font-size: 80%;
  border: 0px;
  padding: 0px !important;
  margin-bottom: 10px;
}

footer ul a:hover {
  opacity: 1;
}
footer ul a,
footer ul .li-text {
color: #999999;
text-decoration: none;
font-size: 16px !important;
font-weight: 400;
}

footer ul li {
color: #fff;
font-size: 20px !important;
font-weight: 500;
}

.privacy-policy-item.second {
  position: relative;
}
@media(max-width:1700px){
	.footer-section:nth-of-type(4) .li-text {
		max-width: 280px;
	}
}

footer li {
  font-family: "Satoshi", -apple-system, BlinkMacSystemFont, sans-serif;
  text-transform: none !important;
}

.privacy-policy-list {
  display: flex;
  gap: 20px;
  padding-left:0px;
}

footer input {
  opacity: 0.6;
}

footer .first-column .column-text {
	font-size: 16px !important;
}

.sidebar-block.app {
  display: flex;
  flex-direction: row;
}
.sidebar-block.app img {
  max-width: 100px !important;
}

.column-logos img {
  width: 20px;
}

.sidebar-block.appbl {
  text-align: center;
  height: 130px;
  width: 300px;
  background-size: contain;
}
.sidebar-block.app {
  display: flex;
  flex-direction: row;
  background: transparent;
}
@media(max-width:1024px){
	.sidebar-block.appbl {
		display:none;
	}
}

@media (min-width: 1024px) and (max-width: 1150px) {
	.footer-section:nth-of-type(4){
		display:none;
	}
}
@media (min-width: 1150px) and (max-width: 1420px) {
	footer .inner-container {
		gap: 10px;
	}
}

@media (min-width: 1024px) and (max-width: 1420px) {
	footer .outter-container .column-text {
    max-width: 270px;
    color: #999999;
	}
}

@media (min-width: 350px) and (max-width: 1024px) {
	footer .outter-container .first-column {
		width: 100%;
		text-align: center;
		align-items: center;
	}
	
	footer .outter-container .first-column .logo {
		max-height: 23px;
		object-fit: contain;
		position: relative;
		width: 100%;
	}
	
   footer .column-logos {
		display: inline-block;
		gap: 20px;
		width: 100%;
		position: relative;
		text-align: center;
	
	}
	
	footer .column-logos img {
		width: 20px;
		margin: 5px;
	}
	
	footer .column-download-app {
		width: 100%;
	}
	
	.privacy-policy-list {
	  display: inline-block;
	  gap: 20px;
	  padding-left: 0px;
	  width: 100%;
	  margin-top: -15px;
	  text-align: center;
	}
	.privacy-policy-list li {
		width: 45%;
		position: relative;
		display: inline;
	}
	
	.footer-section ul {
		padding: 10px;
	}
	
	.footer-section:nth-of-type(4) {
		width: 100%;
	}
	.footer-section:nth-of-type(3) {
		display:none;
	}
	.footer-section:nth-of-type(4) .li-text {
		max-width: 100%;
	}
	
	footer .inner-container{
		display: flex !important;
		flex-wrap: wrap;
		flex-direction: row;
	}
	
}


@media(max-width:480px){
	
	.single .article-author {
		font-size: 0.6em;
	}
	.single  .article-content .author-name {
		margin-left: -3px !important;
	}
	.addtoany_shortcode {
	  width: 105%;
	  left: -5px;
	  position: relative;
	}
	.single .author-name{
		max-width:230px;
	}
}


@media(max-width:400px){
	
	.single .author-name{
		max-width:150px;
	}
}
/*@media(max-width:530px){
	.article-author {
		font-size: 0.8em;
	}
}*/