/*
Theme Name: Khanvas
Theme URI: taahir89@gmail.com
Description: Custom Bootstrap 5 theme for Quality Pickles
Author: Taahir Khan
Author URI: taahir89@gmai.com
Version: 0.5
*/


.row>* {
	padding: 0;
}


.back-to-top {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    display: none;
    color:#e10e11;
    background: rgba(0,0,0,0.98);
    border: 1px solid #e10e11;
    font-size: 2rem;
}

.back-to-top:hover {
    background-color:#e10e11;
    color:rgb(0, 0, 0);
    border-color:rgb(0, 0, 0);
}

.back-to-top:focus {
    box-shadow: none;
}


/*-------------------
	---NAVBAR--- 
---------------------*/

.main-nav {
	height: 6em;
	padding: 0 2rem;
	background-color: #000;
	color: #fff;
}


.navbar-social-links {
	color: #fff;
	font-size: 1.8em;
	margin: 0 5px;
}

.main-nav .nav-link:hover, .main-nav.scrolled .nav-link, .main-nav i:hover {
	color: #e10e11 !important; 
}


.main-nav .navbar-toggler:focus {
	box-shadow: none;
}


.main-nav .navbar-nav {
	margin-left: auto;
}

.main-nav .navbar-nav .nav-link {
	font-size: 1.25em;
}

.main-nav.scrolled {
	background-color: rgba(0,0,0,0.7) !important;
	transition-duration: 800ms;
	height: 4em;
  }


.main-nav.scrolled h6, .main-nav.scrolled i {
	color: #e10e11 !important;
	font-size: 1.75em;
    transition-duration: 700ms;
}




/*-------------------
	---FOOTER--- 
---------------------*/

#main-footer {
	background: rgba(0,0,0,0.98);
    padding: 4rem;
}

#main-footer ul {
    list-style-type: none;
    padding: 0;
}

.footer-about, .footer-contact {
    padding: 1rem 2rem;
    color: #DDD;
}

.footer-about img {
    max-width: 15rem;
    margin-bottom: 2rem;
}

.footer-about .btn, .footer-contact .btn {
    background-color:#e10e11;
    border: 0;
    margin-top: 2rem;
}

.footer-links {
    padding: 1rem 2rem;
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;

}

.footer-links .footer-links-top {
    margin-bottom: 2rem;;
}

.footer-links h3 {
    /* padding-bottom: 2rem; */
    color: #e10e11;
    width: 50%;
    /* border-width: 2px;
    border-style: solid;
    border-image: linear-gradient(to right, #e10e11, #000, #000);
    border-image-slice: 40 5;
    border-top: 0; */
    /* height: 3.2rem; */
    margin: 0;
}

.footer-links .input-group {
    width: 50%;
    /* height: 3rem; */
}

.footer-links .input-group input, .footer-contact input, .footer-contact textarea {
    background: none;
    border: none;
    border-bottom: 1px solid #e10e11;
}

.footer-links .input-group .input-group-text {
    background-color:#e10e11;
    color: #DDD;
    border: 0;
    border-bottom:1px solid #e10e11;
}

footer input:focus, footer textarea:focus {
    box-shadow: none !important;
    background: none !important;
    color: #DDD !important;
    border-color:#e10e11 !important;
}


.footer-links a {
    text-decoration: none;
    color: #DDD;
    text-transform: uppercase;
    font-size: 1.25rem;
}

.footer-links a:hover {
    color:#e10e11 !important;
}

.footer-contact h3 {
    margin-bottom: 2rem;
    color: #e10e11;
}














.dark-background {
	background-color: rgba(0,0,0,0.8);
}














.home-three-height {
	height: calc(100vh - 6em) !important;
}

.home-three-nav .navbar-social-links {
	color: rgb(153, 153, 153);
}

.home-three-nav.main-nav.scrolled h6{
	color: #900100 !important;
}


.sticky-buttons {
	position: fixed;
	z-index: 99;
	height: 50vh;
	flex-direction: column;
	width: 4em;
	justify-content: space-between;
	bottom: 6em;
}

.sticky-buttons a {
	color:rgb(0, 0, 0);
	word-break: break-word;
    line-height: 1;
	text-decoration: none;
	font-weight: 800;
    width: 0.5em;
    margin: 1em;
    font-size: 1.2em;
}










.home-four-nav {
	background-color: #fff;
}

.home-four-height {
	height: calc(100vh - 6em) !important;
}

.home-four-nav .navbar-social-links {
	color: rgb(255, 255, 255);
}

.home-four-nav.main-nav.scrolled h6{
	color: #EEEEEE !important
}

.home-four-nav.main-nav.scrolled {
	background-color: rgba(144, 0, 0,0.7) !important;
	transition-duration: 800ms;
	height: 4em;
  }



  .home-four-nav .sticky-buttons {
	right: 0;
}

.home-four-nav .sticky-buttons a {
	color:rgb(144, 0, 0);
	word-break: break-word;
    line-height: 1;
	text-decoration: none;
	font-weight: 800;
    width: 0.5em;
    margin: 0.5em 1em;
    font-size: 1.2em;
}