@import url(fontawesome-all.min.css);
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel&display=swap');
@import url("https://fonts.googleapis.com/css?family=IBM+Plex+Sans:200,400");

#banner {
    min-height: auto !important;
}

#header+#banner {
	margin-top: 0 !important;
}

#banner .inner {
    padding-top: 1rem;
}

#banner h1 {
    font-family: 'Cinzel Decorative';
}

#kissing-booth {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

#kissing-booth .image img {
    max-width: 100% !important;
    max-height: 100% !important;
}

@media screen and (max-width: 1280px) {
    .mobile-pad-y {
        display: block;
        padding: 3rem 0 4rem 0;
    }

    .mobile-no-pad-right {
        padding-right: 0 !important;
    }
}

a.button.connectWallet {
    /* Shown by JavaScript if window.ethereum is defined. */
    display: none;
}

#publicMinting select {
    color: #1C2A31;
}

#nav>ul>li a.button.connectWallet, #banner a.button.connectWallet, #banner #mintingOptions a.button.mint {
    background: #EFB34D;
    box-shadow: none;
    color: #1C2A31 !important;
}

input[type="checkbox"] { /* WTF, CSS is stupid */
    -moz-appearance: checkbox;
    -webkit-appearance: checkbox;
    -ms-appearance: checkbox;
    appearance: checkbox;
}

.no-pad-bottom {
    padding-bottom: 0 !important;
}

.no-pad-left {
    padding-left: 0 !important;
}

.container.fill {
    padding: 0 !important;
    margin: 0 !important;
}

#kissing-booth .image {
    display: block !important;
}

.image.full img {
    margin: 0 !important;
}

.wrapper.style2.alt {
    margin-top: 0 !important;
}

.wrapper.arched-white {
    padding-top: 8rem !important;
    padding-bottom: 10rem !important;
    z-index: 1000;
}

.wrapper.arched-white:before {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1900' height='150' viewBox='0 0 1900 150' preserveAspectRatio='none'%3E%3Cpath d='M 0 150 h 1900 c -243.3 -58.2 -596.3 -123.9 -949.4 -124 h -1.2 C 596.3 26.1 243.3 91.8 0 150 z' fill='%23fffefa'/%3E%3C/svg%3E");
    background-color: #1f2a33;
	background-size: 100% 100%;
	background-position: center;
	content: '';
	height: 8rem;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.wrapper.arched-white:after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1900' height='150' viewBox='0 0 1900 150' preserveAspectRatio='none'%3E%3Cpath d='M0,0h1900c-243.3,58.2-596.3,123.9-949.4,124h-1.2C596.3,123.9,243.3,58.2,0,0z' fill='%23fffefa'/%3E%3C/svg%3E");
	background-color: #1f2a33;
	background-size: 100% 100%;
	background-position: center;
	content: '';
	height: 8rem;
	left: 0;
	position: absolute;
	bottom: 0;
	width: 100%;
}

.wrapper.arched-white.no-top-arch div.inner {
    margin-top: 4rem;
}

.wrapper.arched-white.no-top-arch:before {
    background-image: none;
}

@media screen and (max-width: 1024px) {
    .wrapper.arched-white {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }

    .wrapper.arched-white:before {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1900' height='75' viewBox='0 0 1900 75' preserveAspectRatio='none'%3E%3Cpath d='M 0 75 h 1900 c -243.3 -29.1 -596.3 -61.95 -949.4 -62 h -1.2 C 596.3 13.05 243.3 45.9 0 75 z' fill='%23fffefa'/%3E%3C/svg%3E");
        height: 4rem;
    }

    .wrapper.arched-white:after {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1900' height='75' viewBox='0 0 1900 75' preserveAspectRatio='none'%3E%3Cpath d='M 0 0 h 1900 c -243.3 29.1 -596.3 61.95 -949.4 62 h -1.2 C 596.3 61.95 243.3 29.1 0 0 z' fill='%23fffefa'/%3E%3C/svg%3E");
        height: 4rem;
    }
}