/*
Template Name: Pillarix - Multipurpose Website Template
Author: Pillarix
Author URI: https://wrapbootstrap.com/user/pillarix
Version: 1.0
*/
/*
-- Body
-- Custom Classes
-- Navbar
-- Sidebar Nav
-- Homepage
-- Services
-- Gallery
-- Stories
-- About
-- Contact 
-- Footer
*/

@import url('https://fonts.googleapis.com/css2?family=Gantari:wght@100;200;300;400;500;600;700;800&family=Yeseva+One&display=swap');

/* Body */
body {
	font-family: 'Gantari', sans-serif;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: 'Yeseva One', serif;
	color: #38091A !important;
}
a {
	text-decoration: none;
}
.wedding-nav  a.nav-link {
	padding-top: 50px !important;
	padding-bottom: 50px !important;
	color: #ffffff !important;
}

/* Custom Classes */
.our-team .img-fluid {
	height: 170px;
	width: 170px !important;
	object-fit: cover;
}
.form-control, .form-select {
	box-shadow: none !important;
}
.btn-primary {
	background-color: #FE5792 !important;
	border-color: #FE5792 !important;
	color: #ffffff;
}
.btn-primary:hover, .btn-outline-primary:hover {
	background-color: #ff3c81 !important;
	border-color: #ff3c81 !important;
	color: #ffffff;
}
.btn-outline-primary{
	border-color: #FE5792 !important;
	color: #FE5792;
}
.bg-primary {
	background-color: #fe5792 !important;
}
.bg-light {
	background-color: #FBEBF2 !important;
}
.text-primary {
	color: #FE5792 !important;
}
.link-primary {
	color: #FE5792 !important;
}
.link-primary:hover {
	color: #fe5792 !important;
}
.icon-sm {
	height: 35px;
	width: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mt-n4 {
	margin-top: -4rem;
}
.hover\:bg-primary:hover {
	background-color: #fe5792 !important;
	border-color: #fe5792 !important;
}
.hover\:text-white:hover {
	color: #ffffff !important;
}

/* Navbar */
.wedding-nav.fixed-top {
	background: #FE5792 !important;
}
.wedding-nav.fixed-top .text-primary {
	color: #000 !important;
}
.wedding-nav.fixed-top .text-center h5, .wedding-nav.fixed-top .text-center small {
	display: none;
}
.wedding-nav.fixed-top a.nav-link {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}
.social-links a:hover {
	border-color: #fe5792 !important;
	color: #fe5792 !important;
}

/* Sidebar Nav */
.sidebar-nav .navbar-nav .nav-link {
	color: #fe5792;
}
.sidebar-nav .navbar-nav .nav-link:hover {
	color: #000;
}
.sidebar-nav .navbar-nav .nav-link.active {
	color: #000;
}

/* Homepage */
.bg-homepage {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/bg-homepage.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.start-40 {
	left: 40%;
}

/* Services */
.bg-services {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/bg-services.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* Gallery */
.bg-gallery {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/bg-gallery.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* Stories */
.bg-stories {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/bg-stories.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* About */
.bg-about {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/bg-about.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* Contact */
.bg-contact {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/bg-contact.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* Footer */
.bg-footer {
	background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(../img/bg-footer.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
footer .top-footer a:hover,
footer .bottom-footer a:hover {
	color: #fe5792 !important;
}
footer .social-links a:hover {
	border-color: #fe5792 !important;
	color: #fe5792 !important;
}
@media (max-width:992px) {
	.m-none {
		display: none !important;
	}
}
@media (min-width:1200px) {
	.bride-img {
		width: 27rem;
	}
	.start-lg-40 {
		left: 40% !important;
	}
	.position-lg-absolute {
		position: absolute !important;
	}
	.position-lg-relative {
		position: relative !important;
	}
}