/*
Template Name: Wadeng - Wedding & Event Planner 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=Cormorant+Garamond:wght@600;700;800&family=Nunito:wght@400;600;700&display=swap");

/* Body */
body {
	font-family: 'Nunito', sans-serif;
	font-weight: 400;

}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: 'Cormorant Garamond', serif;
	font-weight: 800;
	-webkit-text-stroke: 1px; 
	color: #231D37 !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: #AC7EE6 !important;
	border-color: #AC7EE6 !important;
	color: #ffffff;
}
.btn-primary:hover, .btn-outline-primary:hover {
	background-color: #AC7EE6 !important;
	border-color: #AC7EE6 !important;
	color: #ffffff;
}
.btn-outline-primary{
	border-color: #9657B1 !important;
	color: #9657B1;
}
.bg-primary {
	background-color: #AC7EE6 !important;
}
.bg-light {
	background-color: #e8d7ff  !important;
}
.bg-white {
	background-color: #EDECED !important; 
}
.text-primary {
	color: #39369B !important;
}
.link-primary {
	color: #9657B1 !important;
}
.link-primary:hover {
	color: #9657B1 !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: #9657B1 !important;
	border-color: #9657B1 !important;
}
.hover\:text-white:hover {
	color: #ffffff !important;
}

/* Navbar */
.wedding-nav.fixed-top {
	background: #AC7EE6 !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: #AC7EE6 !important;
	color: #AC7EE6 !important;
}

/* Sidebar Nav */
.sidebar-nav .navbar-nav .nav-link {
	color: #9657B1;
}
.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(61, 60, 63, 0.6), rgba(81, 74, 83, 0.4)), 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(84, 80, 88, 0.6), rgba(81, 74, 83, 0.4)), 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: #232457!important;
}
footer .social-links a:hover {
	border-color: #232457!important;
	color: #232457 !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;
	}
}