@font-face {
	font-family: "Poppins";
	src: url("../font/Poppins/Poppins-Regular.ttf");
}

@font-face {
    font-family: "Poppins";
	src: url("../font/Poppins/Poppins-Bold.ttf");
	font-weight: bold;
}

@font-face {
	font-family: "Inter";
	src: url("../font/Inter/Inter-Regular.ttf");
}

@font-face {
    font-family: "Inter";
	src: url("../font/Inter/Inter-Bold.ttf");
	font-weight: bold;
}

body{
	background-color: #F7F8FC;
	font-family: Poppins;
	margin-bottom: 10rem;
}

/*Styles*/

.content {
    background-color: #fff;
    border-radius: 1rem;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
    transition: 0.3s;
}

.btn-make-me-big{
	background-color: #dc6258;
	color: #fff;
	width: 100%;
	padding-top: .9rem;
}

.form-label{
	color: #dc6258;
	font-family: Poppins;
	font-weight: bold;
}

.navbar-transparent{
	background-color: transparent !important;
}

#navbar-logo{
	width: 8rem;
}

/*Index Page*/
#main{
	
}

#banner{
	height: 40vh;
	background-image: url(../img/banner.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

@media (min-width: 768px) {
	#banner{
		height: 70vh;
	}
}

#search{
	margin-top: -50px;
	background-color: #fff;
	border-radius: 1rem;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  	transition: 0.3s;
}

.search-item{
	padding: 1rem 1rem;
	border-right-color: #eee;
	border-right-style: solid;
	border-right-width: .1rem;
}

.search-button{
	background-color: #dc6258 !important;
	border-top-right-radius: .75rem;
	border-bottom-right-radius: .75rem;
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-family: Poppins;
	font-weight: bold;
}

.search-button:hover{
	background-color: #9e3c34;
	text-decoration: none;
	color: #fff;
}

/*RESULTS PAGE*/

#mini-banner{
	background-image: url(../img/pattern.jpg);
	background-repeat: repeat-x;
	background-position: right;
	background-size: 50% 100%;
	height: 20vh;
}

#results{
	margin-top: 5vh;
}

.result{
	border-radius: 1rem;
	margin-bottom: 5vh;
	background-color: #fff;
}

.result-img{
	background-color: #ddd;
	border-top-left-radius: 1rem;
	border-bottom-left-radius: 1rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto;
}

.result-content{
	padding: 2rem;
}

.result-title{
	color: #1a3c53;
	font-family: Poppins;
	font-weight: bold;
	font-size: 2rem;
	margin-bottom: 1rem;
}

.result-location{
	margin-bottom: 1rem;
	color: #1a3c53;
	font-family: Inter;
	font-weight: bold;
}

.result-text{
	color: #919191;
	font-family: Inter;
	font-weight: 100;
}

.result-subtitle{
	color: #1a3c53;
	font-size: 1.5rem;
	font-family: Poppins;
	font-weight: bold;
	margin-bottom: 1rem;
}

.result-service{
	color: #919191;
  	list-style-image: url("../img/check.png")
}

.result-service li{
	margin-bottom: .25rem;
}

.btn-result{
	background-color: #000;
	color: #fff;
}

.btn-result:hover{
	background-color: #333;
	color: #fff;
}

/*SHOP PAGE*/

#shop-banner{
	background-color: #ccc;
	height: 20vh;

	background-image: url(../img/pattern.jpg);
	background-repeat: repeat-x repeat-y;
	background-position: right;
	background-size: 50% 50%;
}

/*Shop*/
#shop-content{
    background-color: #fff;
    border-radius: 1rem;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
    transition: 0.3s;
    padding: 3rem;

    margin-top: -4rem;
}

.btn-shop{
	background-color: #dc6258;
	color: #fff;
	padding: 1rem;
}

.shop-title{
	font-family: Poppins;
	font-weight: bold;
	font-size: 3rem;
	color: #1a3c53;
	margin-bottom: 2rem;
}

.shop-rating{
	margin-left: 1rem;
}

.shop-services{
	color: #1a3c53;
	font-weight: bold;
	font-family: Poppins;
	font-size: 1.5rem;
	margin-top: 2rem;
}

.shop-address{
	color: #1a3c53;
	text-decoration: underline;
	margin-bottom: 2rem;
}

.shop-pricing{
	font-weight: bold;
	font-size: 1.5rem;
	color: #1a3c53;
	margin-bottom: 2rem;
}

.shop-price-good{
	color: #F07672 !important;
}

.shop-price-bad{
	color: #E6E6E6;
}

.shop-description{
	font-family: Inter;
	color: #707070;
}

.shop-subtitle{
	color: #1a3c53;
	font-weight: bold;
	font-family: Poppins;
	font-size: 1.5rem;
	margin-top: 3rem;
	margin-bottom: 1.5rem;
}

.shop-services-list{
	color: #919191;
  	list-style-image: url("../img/check.png")
}

/*Footer*/
footer{

	background-image: url(../img/footer.jpg);
	height: 6rem;

	border-bottom: 1rem solid #dc6258;
}