@font-face {
    font-family: Aachen Medium Plain;
    src: url(../fonts/AachenMediumPlain3.otf) format("opentype");
    font-weight: 400;
    font-style: normal;
    text-rendering:optimizeLegibility;
	font-display: swap;
}

@font-face {
    font-family: Gotham HTF;
    src: url(../fonts/GothamHTF-Book.otf) format("opentype");
    font-weight: 400;
    font-style: normal;
    text-rendering:optimizeLegibility;
	font-display: swap;
}

@font-face {
    font-family: Gotham HTF;
    src: url(../fonts/GothamHTF-Medium.otf) format("opentype");
    font-weight: 500;
    font-style: normal;
    text-rendering: optimizeLegibility;
	font-display: swap;
}

/* Base */

@media (max-width: 1023px) {
	h3, .uk-h3 {font-size: 40px;}
	h4, .uk-h4 {font-size: 32px;}
	h5, .uk-h5 {font-size: 24px;}
	h6, .uk-h6 {font-size: 18px;}
}

.uk-text-large {
	letter-spacing: 0.96px;
}

.skew-text {
    transform: skew(15.41deg);	
}

@media (max-width: 768px) {
	.skew-text {
		transform: skew(7.923deg);
	}
	.skew-text.uk-h1 h1.skew-text, .skew-text.uk-heading-medium, .skew-text.uk-heading-large {
		padding-left: 18px;
	}
	.skew-text.ri-year-badge {
		padding-left: 0;
	}
}

.extrusion-text {
    background-size: cover;
    color: #fff;
    -webkit-text-stroke: 2px #000;
    -webkit-background-clip: text;
    display: inline-block;
    margin-left: 14px;
    text-shadow: -1px 1px 1px #000, -2px 2px 1px #000, -3px 3px 1px #000, -4px 4px 0 #000, -5px 5px 0 #000, -6px 6px 0 #000, -7px 7px 0 #000, -8px 8px 0 #000, -9px 9px 0 #000, -10px 10px 0 #000, -11px 11px 0 #000, -12px 12px 0 #000, -13px 13px 0 #000, -14px 14px 0 #000;
}

.extrusion-text-small {
	text-shadow: -1px 1px 0 #000, -2px 2px 0 #000, -3px 3px 0 #000, -4px 4px 0 #000, -5px 5px 0 #000, -6px 6px 0 #000, -7px 7px 0 #000, -8px 8px 0 #000;
    transform: none;
    -webkit-text-stroke-width: .8px;
}

/* Title Badge */
.ri-title-badge > div:first-child {
	position: absolute;
    top: 0;
    width: 2000%;
    height: 100%;
    right: 0;
    z-index: -1;
}
.ri-title-badge > div:nth-child(2) {
	padding-right: 30px;
}

.ri-title-badge {
	text-transform: uppercase;
    transform: skew(7.92deg) translateY(-8px);
    color: #FFF;
    -webkit-text-stroke-width: .8px;
    -webkit-text-stroke-color: #000;
    text-shadow: -1px 1px 0 black, -2px 2px 0 black, -3px 3px 0 black, -4px 4px 0 black, -5px 5px 0 black, -6px 6px 0 black, -7px 7px 0 black, -8px 8px 0 black;
}

@media (min-width: 768px) {
    .ri-title-badge {
        transform: skew(15.41deg) translateY(-8px);
    }
}

@media screen and (min-width: 1024px) {
    .ri-title-badge {
        -webkit-text-stroke-width: 1px;
        text-shadow: -1px 1px 0 black, -2px 2px 0 black, -3px 3px 0 black, -4px 4px 0 black, -5px 5px 0 black, -6px 6px 0 black, -7px 7px 0 black, -8px 8px 0 black, -9px 9px 0 black, -10px 10px 0 black, -11px 11px 0 black, -12px 12px 0 black;
    }
}

/* Container */
@media (min-width: 768px) and (max-width: 1400px) {
    .uk-container {
        padding-left: 24px;
        padding-right: 24px;
    }
}

@media (min-width: 1024px) {
	.ri-container-small {
		padding: 0 14.3vw;
	}
}

/* Button */
.uk-button:not(.uk-button-text) {
	outline: 2px solid #FFF;
    outline-offset: -4px;
	box-shadow: -2px 2px 0 #000, -4px 4px 0 #000;
}

.uk-button-primary {
	background: url(/wp-content/themes/rizla/assets/btn-bg/btn-gold.svg);
	background-size: cover;
	background-repeat: no-repeat;
    background-position: center;
}

.uk-button-primary:hover {
	background: url(/wp-content/themes/rizla/assets/btn-bg/btn-gold-hover.svg);
	background-size: cover;
	background-repeat: no-repeat;
    background-position: center;
}

/* Accordion */
.uk-accordion .el-item {
    padding: 24px;
    border-radius: 2px !important;
    border: 2px solid #000;
    border-top: 2px solid #000 !important;
    box-shadow: -1px 1px 1px #000, -2px 2px 1px #000, -3px 3px 1px #000, -4px 4px 1px #000, -5px 5px 1px #000, -6px 6px 1px #000, -7px 7px 1px #000;
}

.uk-accordion-icon svg {
    display: none;
}

.uk-accordion-icon {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="14" viewBox="0 0 25 14" fill="none"><path d="M12.5844 13.0126C11.585 13.0126 10.6444 12.6598 9.88018 11.8956L1.00326 3.01868C0.474173 2.43081 0.474173 1.49021 1.00326 0.902332C1.59114 0.373245 2.53174 0.373245 3.11961 0.902332L11.9965 9.77925C12.3493 10.132 12.9371 10.132 13.2899 9.77925L22.108 0.902332C22.6959 0.314457 23.6365 0.314457 24.1655 0.902332C24.7534 1.49021 24.7534 2.43081 24.1655 2.9599L15.2886 11.8368C14.5244 12.601 13.5838 12.9538 12.5844 12.9538V13.0126Z" fill="black"/></svg>');
    width: 25px;
    height: 25px;
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .2s ease;
}

.uk-accordion > .el-item.uk-open .uk-accordion-icon {
    transform: rotate(180deg);
}

.uk-accordion-content {
    font-size: 16px;
}

@media (max-width: 1023px) {
	.uk-accordion .el-item {
    	padding: 16px;
	}
}

/* Background */
.ri-bg-cross-gold {
    background: #000;
    background-image: url(/wp-content/themes/rizla/assets/Rizla-CrossPattern-gold.svg);
    background-size: cover;
}

/* Header */
.menu-item {
    transform: skew(7.972deg);
}

#tm-dialog-mobile {
    max-height: fit-content;
    padding: 64px 16px;
}

#tm-dialog-mobile > div {
    min-height: unset;
}

body:has(#tm-dialog-mobile.uk-open):after {
    content: '';
    background: #000000;
    opacity: .45;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: .2s all ease;
}

body:after {
    content: '';
    transition: .2s all ease;
	opacity: 0;
    width: 100%;
    height: 0%;
	pointer-events: none;
}

/* Section */
@media (max-width: 1023px) {
	.hero-page {
		min-height: 200px !important;
	}
}

/* Card */
.uk-card-default {
	box-shadow: 
        -1px 1px 0 #000, 
        -2px 2px 0 #000, 
        -3px 3px 0 #000, 
        -4px 4px 0 #000, 
        -5px 5px 0 #000, 
        -6px 6px 0 #000, 
        -7px 7px 0 #000, 
        -8px 8px 0 #000,
		-9px 9px 0 #000,
		-10px 10px 0 #000;
    border: 2px solid #000;
}

@media (min-width: 1024px) {
    .uk-card-default {
        border: 4px solid #000;
    }
}

/* Age gate */
.ri-card-age-gate {
    min-height: 76vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 40px;
}

.ri-age-gate-header {
    background: #000;
    height: 93px;
    display: flex;
    align-items: center;
}

#age-gate {
	height: calc(100vh - 93px);
}

.ri-card-age-gate h1 {
    display: flex;
    gap: 24px;
    align-items: center;
	justify-content: center;
}

@media(max-width: 1200px) {
	.ri-card-age-gate h1 {
		display: block;
	}
}

.ri-card-age-gate h1 > span {
    margin-top: -12px;
}

.ri-no-age-message {
	position: relative;
    background-color: #ff4040;
    color: #fff;
    border: 2px solid #000;
    outline: 2px solid #fff;
    outline-offset: -4px;
    border-radius: 5px;
    padding: 16px 24px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    max-width: unset !important;
    width: max-content;
	left: 50%;
    transform: translateX(-50%);
}


@media(max-width: 960px) {
	.ri-no-age-message {
		max-width: 260px !important;
	}
}

.ri-no-age-message .arrow-tip {
    position: absolute;
    display: block;
    top: -7px;
    left: 50%;
    transform: translate(-50%);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ff4040;
    z-index: 3;
}

.ri-no-age-message:before {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translate(-50%);
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #fff;
    z-index: 2;
}

.ri-no-age-message:after {
    content: "";
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translate(-50%);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #000;
    z-index: 1;
}

button#age-no:focus {
    background: #ff4040;
}

/* Prodotto Bg */
.bg-words {
    position: absolute;
    top: -64px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    pointer-events: none;
}

.bg-words .text-line:nth-child(odd) {
    margin-left: -312px;
}

.text-line {
    white-space: nowrap;
    text-shadow: -1px 1px 0 black, -2px 2px 0 black, -3px 3px 0 black, -4px 4px 0 black, -5px 5px 0 black, -6px 6px 0 black, -7px 7px 0 black, -8px 8px 0 black, -9px 9px 0 black, -10px 10px 0 black, -11px 11px 0 black, -12px 12px 0 black, -13px 13px 0 black, -14px 14px 0 black;
    -webkit-text-stroke: 1px black;
    transform: skewX(15deg);
    display: flex;
    justify-content: center;
    gap: 26px;
	margin: 0;
}

@media (min-width: 1024px) {
    .text-line {
        line-height: 1.05;
        gap: 40px;
        text-shadow: -1px 1px 0 black, -2px 2px 0 black, -3px 3px 0 black, -4px 4px 0 black, -5px 5px 0 black, -6px 6px 0 black, -7px 7px 0 black, -8px 8px 0 black, -9px 9px 0 black, -10px 10px 0 black, -11px 11px 0 black, -12px 12px 0 black, -13px 13px 0 black, -14px 14px 0 black, -15px 15px 0 black, -16px 16px 0 black, -17px 17px 0 black, -18px 18px 0 black, -19px 19px 0 black, -20px 20px 0 black, -21px 21px 0 black, -22px 22px 0 black, -23px 23px 0 black, -24px 24px 0 black, -25px 25px 0 black, -26px 26px 0 black, -27px 27px 0 black, -28px 28px 0 black;
        -webkit-text-stroke: 2px black;
    }
}

/* Prodotto smaltimento */
.ri-modal-smaltimento table, .ri-modal-smaltimento th, .ri-modal-smaltimento td {
    border: 2px solid #000;
    border-collapse: collapse;
    padding: 8px;
    font-size: 16px;
    text-align: left;
}

/* Prodotto Features */
.ri-product-grid-features {
	padding: 24px 16px;
    border: 2px solid #000;
}

.ri-product-grid-features .el-title {
	text-transform: uppercase;
}

.ri-product-grid-features .el-content {
	text-transform: uppercase;
	font-weight: 500;
}

/* Filtro Prodotti */
.filter-subnav li:not(.uk-active) a {
	text-decoration: none;
}

.ri-filter-section {
	border-bottom: 2px solid #000;
}

.ri-filter-section .uk-container {
    padding-right: 0;
}

@media (min-width: 1920px) {
	.ri-filter-section .uk-container {
		padding-left: 0;
	}
}

@media (max-width: 1919px) {
	.ri-filter-section .uk-container {
		margin: 0;
	}
}

.ri-filter-section .uk-tile {
	padding-left: 0;
	padding-right: 0;
}

.filter-subnav {
    flex-wrap: nowrap;
    overflow-x: auto;
}

.filter-subnav::-webkit-scrollbar {
    display: none;
}

@media (min-width: 1024px) {
    .ri-filter-section {
        border-bottom: 4px solid #000;
    }
}

/* Card Prodotti */
.product-text-line {
    max-height: 83px;
    white-space: nowrap;
    transform: skew(8deg, 8deg);
    text-shadow: -1px 1px 0 black, -2px 2px 0 black, -3px 3px 0 black, -4px 4px 0 black, -5px 5px 0 black, -6px 6px 0 black, -7px 7px 0 black, -8px 8px 0 black, -9px 9px 0 black, -10px 10px 0 black, -11px 11px 0 black, -12px 12px 0 black, -13px 13px 0 black, -14px 14px 0 black;
    -webkit-text-stroke: 1px black;
    display: flex;
    justify-content: center;
	text-transform: uppercase;
}

.product-text-bg {
	display: flex;
    flex-direction: column;
    gap: 8px;
	width: 120%; 
	transform: rotate(-25.41deg); 
	pointer-events: none;
}

.inner-card {
    padding: 4px;
}

.product-item .uk-padding {
	padding: 24px;
}

.product-item .uk-button-default {
	width: 40px;
	height: 40px;
	padding: 0;
	line-height: 1;
}

.product-item a:hover .product-title {
	text-decoration: underline;
}

@media (max-width: 1023px) {
    .inner-card {
		padding: 2px;
	}
	.uk-card-primary {
		border-width: 2px;
	}
	.product-item .uk-padding {
		padding: 16px;
	}
}

/* News */
.ri-news-grid .uk-link, .uk-slider.ri-news-grid .el-title {
    display: flex;
	justify-content: space-between;
    gap: 24px;
}

.ri-news-grid .uk-link .uk-button, .uk-slider.ri-news-grid .el-title .uk-button {
    height: 40px;
    line-height: 33px;
    min-width: 40px;
    padding: 0;
}

.uk-slider.ri-news-grid {
    overflow: unset;
}

.ri-news-grid .uk-card-media-top {
    border: 4px solid #fff;
}

/* Storia */
.ri-year-badge > div:first-child {
	position: absolute;
    top: 0;
    width: 2000%;
    height: 100%;
    right: 0;
    z-index: -1;
}
.ri-year-badge > div:nth-child(2) {
	padding-right: 30px;
}

.ri-year-badge {
    -webkit-text-stroke-color: #000;
    text-shadow: -1px 1px 0 #000, -2px 2px 0 #000, -3px 3px 0 #000, -4px 4px 0 #000, -5px 5px 0 #000, -6px 6px 0 #000, -7px 7px 0 #000, -8px 8px 0 #000, -9px 9px 0 #000, -10px 10px 0 #000, -11px 11px 0 #000, -12px 12px 0 #000, -13px 13px 0 #000;
	text-transform: none;
	transform: skew(15deg);
}

@media (min-width: 1024px) {
    .ri-year-badge {
        text-shadow: -1px 1px 0 #000, -2px 2px 0 #000, -3px 3px 0 #000, -4px 4px 0 #000, -5px 5px 0 #000, -6px 6px 0 #000, -7px 7px 0 #000, -8px 8px 0 #000, -9px 9px 0 #000, -10px 10px 0 #000, -11px 11px 0 #000, -12px 12px 0 #000, -13px 13px 0 #000, -14px 14px 0 #000, -15px 15px 0 #000, -16px 16px 0 #000, -17px 17px 0 #000, -18px 18px 0 #000, -19px 19px 0 #000, -20px 20px 0 #000, -21px 21px 0 #000, -22px 22px 0 #000, -23px 23px 0 #000, -24px 24px 0 #000;
    }
}

@media (max-width: 1023px) {
	.ri-news-grid .el-image {
		aspect-ratio: 1;
		width: 100%;
		height: 100%;
	}
}

/* Footer */
#footer:before {
    content: '';
    background: url(/wp-content/uploads/2026/03/footerRizlaGoldStreak-scaled.webp);
    width: 100vw;
    height: 10px;
    display: block;
    top: -20px;
    position: relative;
    background-size: cover;
    background-position: center;
}