* { box-sizing: border-box;}
div { box-sizing: border-box; }

html, body {
	min-width: 320px;
}
body {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
	min-height: 100%;
	background: #f4f3f8;
	margin: 0;
	padding: 0;
	background: #efefef;
}

@media screen and (max-width: 767px) {

}

.sticker_page { }

.sticker {
	display: flex; 
	justify-content: center;
	max-width: 600px;
	position: relative;
	/*padding: 10px;*/
	margin: 0 auto;
}

.sticker_inner {
/*	position: absolute;*/
	width: 100%;
	/*border: 2px solid #231f20;
	border-radius: 20px;*/
	overflow-x: hidden;
	background: #efefef;
	box-shadow: 0px 4px 10px 10px rgba(0, 0, 0, 0.15);
}


.streak_header,
.streak_footer {
	position: relative;
	left: 0;
	height: 30px;
	width: 100%;
	overflow: hidden;
}
.streak_header {
	top: 0;
}
.streak_footer {
	bottom: 0;
	height: 60px;
	z-index: 1;
}
.streak_header .streak,
.streak_footer .streak {
	position: absolute;
	top: -5000px;
}

.header {
	display: flex;
	margin: 15px;
	font-family: "Ubuntu Condensed", sans-serif;
	font-weight: bold;
}

.header_icon {
	display: block;
	width: 76px;
	height: 76px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}


.header_text {
	color: #cc1f34;
	font-size: 30px;
	font-weight: bold;
	text-transform: uppercase;
	width: 100%;
}

.title {
	font-family: "Ubuntu Condensed", sans-serif;
	display: block;
	font-size: 14px;
	color: #555;
	margin-bottom: 6px;
	text-transform: uppercase;
}

.content {
	display: flex;
	gap: 5px 0;
	flex-direction: column;
	align-content: stretch;
	padding: 15px;
}

.text_area {
	border-radius: 8px;
	padding: 15px;
	background: #fff;
}

.point_number,
.point_organization,
.point_type,
.point_location,
.point_target,
.point_visits {
	font-size: 20px;
	font-weight: 500;
}

.point_bait {
	margin-top: 6px;
	font-size: 15px;
	font-weight: 400;
}

.point_toxic {
	display: flex;
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	background: #f2d20f;
}
.point_toxic div {
	position: relative;
	margin: 0 auto;
	padding-left: 40px;
}
.point_toxic div:before {
	content: '';
	display: block;
	position: absolute;
	margin: -8px 0 0 -40px;
	height: 40px;
	width: 40px;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPgo8c3ZnIGZpbGw9IiMwMDAwMDAiIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAtOCA3MiA3MiIgaWQ9IkxheWVyXzEiIGRhdGEtbmFtZT0iTGF5ZXIgMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+cG9pc29uLWFsdDwvdGl0bGU+PHBhdGggZD0iTTQ4LjQ3LDIyLjdBMTAuNzMsMTAuNzMsMCwwLDAsNTAuMTIsMTdjMC00LjUxLTEuNTYtOC4zNS01LjYtMTAuN0MzOS43NSwzLjQ4LDM0LjY3LDMuMzEsMjkuNDcsNSwyMS40LDcuNTksMTkuMjcsMTcuMTksMjMsMjIuODFhNi4xLDYuMSwwLDAsMSwuODMsMi4wOSwzLjY1LDMuNjUsMCwwLDEtLjMzLDEuMzksNC44Myw0LjgzLDAsMCwwLS4zOSwxLjY0LDMsMywwLDAsMCwzLjA2LDIuNjdjMS45NC4xLDIuMzUuNSwyLjQ4LDIuMzdhLjc3Ljc3LDAsMCwwLC41LjUyLDkuNyw5LjcsMCwwLDAsMiwuMTJjLjY4LDAsMSwuMTcsMS4wOC44NGEuODEuODEsMCwwLDAsLjQ4LjU2LDExLjYzLDExLjYzLDAsMCwwLDEuNjYtLjA5YzAtLjQ2LjA1LS44My4wOC0xLjIzSDM3YzAsLjQ2LjA1Ljg1LjA4LDEuMjZMMzksMzVhMywzLDAsMCwwLC4xMi0uNDhjLjA2LS43Ny40Ni0xLDEuMjMtMWExMi44OCwxMi44OCwwLDAsMCwxLjg1LS4wOWMuNDMsMCwuNjUtLjIuNTgtLjY2LS4yNi0xLjY5LjkyLTIuMTUsMi4xNC0yLjI3YTUuMTgsNS4xOCwwLDAsMCwxLjkyLS40OSwyLjcyLDIuNzIsMCwwLDAsLjkzLTQsMS44LDEuOCwwLDAsMS0uMi0xLjM1QTguMTIsOC4xMiwwLDAsMSw0OC40NywyMi43Wm0tMTcuMiwxLjM4YTUsNSwwLDAsMS00LjU0LS41MmMtMS42OC0xLjI1LTEuNjUtNC41LjEyLTUuNjNBNCw0LDAsMCwxLDI5LDE3LjM3YTEwLjI2LDEwLjI2LDAsMCwxLDMuMzkuNjRBMi4zNywyLjM3LDAsMCwxLDM0LDIwLjkyLDMuNTUsMy41NSwwLDAsMSwzMS4yNywyNC4wOFptNi43OSw0LjYzYTEuMTIsMS4xMiwwLDAsMS0xLjQ1LjEsMS41MiwxLjUyLDAsMCwwLTIsMCwxLjU2LDEuNTYsMCwwLDEtMS4zOC0uMDlBMS4zLDEuMywwLDAsMSwzMywyNy41YTI4LjcxLDI4LjcxLDAsMCwxLDEuNzMtMy40MWMuMTMtLjIzLjU4LS4yOC44OS0uNDFsMCwuMTVjLjY2LS4yMywxLC4xOCwxLjI0LjY3cy43LDEuMjEsMSwxLjg0YTMuNDgsMy40OCwwLDAsMSwuNDQsMS4xN0ExLjc2LDEuNzYsMCwwLDEsMzguMDYsMjguNzFabTcuMzctNi4xOGMtLjcxLDEuNDItMiwxLjgxLTMuNjEsMS44OC0xLjM4LS4xOC0yLjkyLS4yOC0zLjc4LTEuN2E2LjA5LDYuMDksMCwwLDEtLjc3LTIuMjksMi4xMywyLjEzLDAsMCwxLDEuMjUtMi4yMiw3LjgzLDcuODMsMCwwLDEsNS4yMS0uNjIsMi4yMSwyLjIxLDAsMCwxLDEuMjQuODZBMy44MSwzLjgxLDAsMCwxLDQ1LjQzLDIyLjUzWiIvPjxwYXRoIGQ9Ik0xNi4yOSw0NS43MmEyLjksMi45LDAsMCwxLDEuMjgtMi43OCwyLjgzLDIuODMsMCwwLDEsNC4xNiwxLjQ0bDQuNy0xLjcsMTcuNy02LjQ2LDQuNy0xLjdhMi44NSwyLjg1LDAsMCwxLDIuMjktMy43OUEyLjg4LDIuODgsMCwwLDEsNTMuOSwzMmEyLjY3LDIuNjcsMCwwLDEsLjM3LDIuMDgsMSwxLDAsMCwwLC40MywxLjEyLDIuODIsMi44MiwwLDEsMS00LjQzLDMuMTVsLTQuNzUsMS43NkwyNy44MSw0Ni41N2wtNC42OSwxLjcxYTIuODQsMi44NCwwLDAsMS0yLjI5LDMuNzgsMi44OCwyLjg4LDAsMCwxLTIuNzgtMS4yOCwyLjY3LDIuNjcsMCwwLDEtLjM3LTIuMDgsMSwxLDAsMCwwLS40My0xLjEyQTMsMywwLDAsMSwxNi4yOSw0NS43MloiLz48cGF0aCBkPSJNNTQuMzgsNDNhMi44MywyLjgzLDAsMCwwLTQuMTYsMS40NGwtNy4xLTIuNjJMMzcsNDRsMTEuNzQsNC4yN2EyLjg0LDIuODQsMCwwLDAsNS4wNiwyLjUsMi42MywyLjYzLDAsMCwwLC4zOC0yLjA4LDEsMSwwLDAsMSwuNDItMS4xMiwyLjc4LDIuNzgsMCwwLDAsMS0xLjgxQTIuNjksMi42OSwwLDAsMCw1NC4zOCw0M1oiLz48cGF0aCBkPSJNMTcuNTcsMzkuODVhMi44MywyLjgzLDAsMCwwLDQuMTYtMS40NEwyOC44Myw0MWw2LjA4LTIuMThMMjMuMTcsMzQuNTdhMi44NSwyLjg1LDAsMCwwLTIuMjktMy43OSwyLjg4LDIuODgsMCwwLDAtMi43NywxLjI4LDIuNjQsMi42NCwwLDAsMC0uMzgsMi4wOCwxLDEsMCwwLDEtLjQyLDEuMTIsMi44MywyLjgzLDAsMCwwLTEsMS44MkEyLjc0LDIuNzQsMCwwLDAsMTcuNTcsMzkuODVaIi8+PC9zdmc+);
	background-size: 100%;
	background-repeat: no-repeat;

}

.point_title {
	display: flex;
	margin-top: 5px;
}
.point_type {
	width: 100%;
}
.point_number {
	margin-left: 10px;
}
.point_number span {
	border-radius: 8px;
	background: #efefef;
	padding: 5px 10px;
}

.point_visits {
	display: flex;
	gap: 10px;
}

.point_visits .next {
/*	margin-top: 10px; */
}

.point_organization {
	background-image: url(images/pcg_logo.svg);
	background-size: auto 70%;
	background-repeat: no-repeat;
	background-position: right 15px center;
}


.footer {
	margin: 20px 15px -15px;
}

.footer button {
	display: block;
	height: 60px;
	font-size: 16px;
	width: 100%;
	z-index: 10;
}

/* TEMPLATES */
.type_2 .sticker_inner {
	background: #f2d20f;
}
.type_3 .sticker_inner {
	background: #cc1f34;
}
.type_3 .header_text {
	color: #000;
}




/* Graphic */

.marquee {
	background: #231f20;
	color: #cc1f34;
	font-size: 26pt;
	padding: 10px 0 5px;
	margin: 10px 0;
	text-transform: uppercase;
	font-weight: bold;

	width: 100vw;
	max-width: 3000px;
	display: flex;
	margin: 0 auto;
	overflow: hidden;
}
.marquee div {
	flex-shrink: 0;
	animation: running-animation 10s linear infinite;
	white-space: nowrap;
}
.marquee div span {
	padding-right: 20px;
}

@keyframes running-animation {
    0% {
        transform: translateZ(0);
    }
 
    100% {
        transform: translate3d(-100%, 0, 0);
    }
}

.attention { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='459' height='403' viewBox='0 0 459 403' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M454.106 368.731L247.33 10.592C243.547 4.037 236.555 0 228.986 0C221.42 0 214.425 4.037 210.642 10.592L2.83725 370.51C-0.94575 377.065 -0.94575 385.139 2.83725 391.694C6.62025 398.25 13.6152 402.287 21.1812 402.287H436.794C436.835 402.287 436.882 402.293 436.912 402.287C448.621 402.287 458.096 392.806 458.096 381.102C458.096 376.48 456.612 372.212 454.106 368.731ZM57.8723 359.918L228.986 63.552L400.1 359.924H57.8723V359.918ZM218.054 135.105H240.036C241.839 135.105 243.57 135.832 244.836 137.126C246.095 138.426 246.774 140.17 246.728 141.981L242.312 280.654C242.217 284.295 239.239 287.191 235.609 287.191H222.484C218.849 287.191 215.87 284.289 215.784 280.654L211.366 141.981C211.319 140.169 212.002 138.426 213.261 137.126C214.52 135.832 216.251 135.105 218.054 135.105ZM246.449 305.598V330.702C246.449 334.401 243.452 337.398 239.746 337.398H218.352C214.646 337.398 211.652 334.401 211.652 330.702V305.598C211.652 301.898 214.646 298.895 218.352 298.895H239.746C243.452 298.889 246.449 301.898 246.449 305.598Z' fill='black'/%3e%3c/svg%3e "); }
.attention_bg { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='459' height='403' viewBox='0 0 459 403' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M227.314 40.5L36.5 371H418.128L227.314 40.5Z' fill='white' stroke='black'/%3e%3cpath d='M454.106 368.731L247.33 10.592C243.547 4.037 236.555 0 228.986 0C221.42 0 214.425 4.037 210.642 10.592L2.83725 370.51C-0.94575 377.065 -0.94575 385.139 2.83725 391.694C6.62025 398.25 13.6152 402.287 21.1812 402.287H436.794C436.835 402.287 436.882 402.293 436.912 402.287C448.621 402.287 458.096 392.806 458.096 381.102C458.096 376.48 456.612 372.212 454.106 368.731ZM57.8723 359.918L228.986 63.552L400.1 359.924H57.8723V359.918ZM218.054 135.105H240.036C241.839 135.105 243.57 135.832 244.836 137.126C246.095 138.426 246.774 140.17 246.728 141.981L242.312 280.654C242.217 284.295 239.239 287.191 235.609 287.191H222.484C218.849 287.191 215.87 284.289 215.784 280.654L211.366 141.981C211.319 140.169 212.002 138.426 213.261 137.126C214.52 135.832 216.251 135.105 218.054 135.105ZM246.449 305.598V330.702C246.449 334.401 243.452 337.398 239.746 337.398H218.352C214.646 337.398 211.652 334.401 211.652 330.702V305.598C211.652 301.898 214.646 298.895 218.352 298.895H239.746C243.452 298.889 246.449 301.898 246.449 305.598Z' fill='black'/%3e%3c/svg%3e "); }

.streak {
	transform: rotate(55deg);
	height: 10000px;
	width: 10000px;
	display: block;
	background: linear-gradient(
		#231f20 50%,
		transparent 50%
	);
	background-size: 30px 30px;
	background-color: transparent;
}