/*
Theme Name: Zeppis
Theme URI: http://iodata.work
Author: Dusko Angirevic
Author URI: http://iodata.work
Description: Zeppis theme
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: zeppis
*/
/* @import url('https://fonts.googleapis.com/css?family=Roboto'); */

@import url('https://fonts.googleapis.com/css2?family=Tinos:wght@400;700&display=swap');


html {
	scroll-behavior: smooth;
}

p {
	font-family: 'Tinos';
	margin: 12px 0 !important;

}

@font-face {
	font-family: 'Copperplate New Regular';
	src: url('./assets//fonts/CopperplateNew-RegularMedium.woff2') format('woff2'),
		url('./assets//fonts/CopperplateNew-RegularMedium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Copperplate New Bold';
	src: url('./assets//fonts/CopperplateNew-BoldMedium.woff2') format('woff2'),
		url('./assets//fonts/CopperplateNew-BoldMedium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

header a {
	font-family: 'Copperplate New Regular';
	font-size: 8pt;
}

.font-h1 {
	background: url(./assets/img/hr.svg?new) no-repeat top center;
	font-family: 'Copperplate New Regular';
	letter-spacing: 2px;
	font-weight: 500;
	font-style: normal;
	text-transform: lowercase;
}

.font-h2 {
	font-family: 'Copperplate New Regular';
	letter-spacing: 2px;
	font-weight: 500;
	font-style: normal;
	text-transform: lowercase;
}



.h1-style {
	font-family: 'Copperplate New Regular';
	font-weight: 500;
	font-style: normal;
}

.h2-style {
	font-family: 'Copperplate New Bold';
	font-weight: 500;
	font-style: normal;
}

.bg-animations-left {
	/* transition: all 1.8s linear; */
	transform: translate3d(50%, 0, 0) rotate(0deg) scale(1);
	/* transform: translate3d(50%, 0, 0) rotate(45deg) scale(0.3); */
}

.bg-animations-left.intersecting {
	transform: translate3d(50%, 0, 0) rotate(0deg) scale(1);
}

.bg-animations-right {
	/* transition: all 1.8s linear; */
	/* transform: translate3d(-50%, 0, 0) rotate(35deg) scale(0.3); */
	transform: translate3d(-50%, 0, 0) rotate(0deg) scale(1);
}

.bg-animations-right.intersecting {
	transform: translate3d(-50%, 0, 0) rotate(0deg) scale(1);
}

strong {
	font-weight: 700 !important;
}


.snap {
	-ms-scroll-snap-type: x mandatory;
	scroll-snap-type: x mandatory;
	-ms-overflow-style: none;
	scroll-behavior: smooth
}

.snap::-webkit-scrollbar {
	display: none;
}

.snap>div {
	scroll-snap-align: center;
}


.wp-block-file {
	margin-top: 46px;
	text-align: center;
}

.wp-block-file__button {
	background: url(./assets/img/download.svg) no-repeat center center;
	display: block;
	overflow: hidden;
	color: transparent;
	width: 58px;
	margin: 0 auto;
	height: 46px;
}

.wp-block-file__button:hover {
	color: transparent;
}

.cocktail-title {
	font-size: 8.5pt;
}


footer {

	color: rgb(199, 199, 199);
}

footer a {
	color: white;
}

footer .liqueurs {
	font-size: 8pt
}

footer p a:hover {
	text-decoration: underline;
}

.floral a:hover img {
	opacity: 0.6
}

.flickity-prev-next-button {
	position: absolute;
	width: 40px;
	height: 40px;
	background-color: #001b54 !important;
	fill: white;
	top: 50%;
	text-align: center;
	border-radius: 4px;
	transform: translateY(-50%);
}

.flickity-prev-next-button:hover {
	background-color: #26438a !important;
}

.flickity-prev-next-button svg {
	width: 18px;
	margin: 0 auto
}

.flickity-prev-next-button.previous {
	left: 8px;
}

.flickity-prev-next-button.next {
	right: 8px;
}