/*
Theme Name: finds
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


    
    
    html, body, #wrapper {
		height: 100%;
        overflow: hidden;
		max-height: 100vh;
    }
    .absolute-footer {
        display: none;
    }
    .hero-container {
        min-height: 100vh;
        background-color: black;
        background-image: url(http://finds.is/wp-content/uploads/2024/10/finds-bg.png);
        background-size: 100%;
        position: relative;
    }
    .hero-inner {
        
        display: flex;
        justify-content: center;
        align-items: center;
        justify-content: center;
        border-radius: 30px;
        position: absolute;
        inset: 10%;
        background-image: url(http://finds.is/wp-content/uploads/2024/10/bluesky.png);
        background-color: white;
        flex-flow: column;
    background-size: 150% 150%;
        background-position: top;
        background-repeat: no-repeat;
        gap: 100px;
    }
    .hero-inner img {
        max-width: 20%;
    }
    button {
        font-weight: normal;
        color: black;
        padding: 10px 20px;
        border-radius: 20px;
        outline: 1px solid #36A9E1;
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(54,169,225,.3) 100%);
		transition: none;
    }
button:hover {
	background: black;
outline: 2px solid #36A9E1;
	color: #98CAF0;

}





@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
        .hero-inner img {
        max-width: 70%;
    }
	button {
		margin: 0 auto;
	}
	.hero-container {
		background-size: cover;
	}
}