/*
	Theme: Photography;
	Author: Vijay Thapa;
	Version: 1.0;
*/
body{
	color: #485460;
}
h1{
	text-transform: uppercase;
	font-size: 40px;
	letter-spacing: 7px;
	margin: 3rem auto;
}

.full-height{
	height: 100vh;
}
.full-width{
	width: 100%;
}
.space-top{
	margin-top: 5rem;
}
.trip-image{
	height: 100px !important;
	width: 100% !important;
}
.menu-quote{
    color: white !important;
    text-align: left !important;
    font-size: 2rem;
    font-family: 'Yesteryear', cursive;
    margin:5px 0 0 0;
}
.hide{
        display: none !important;
    }

/* CSS for HEADER */
.header{
	background: rgba(0, 0, 0, 0.5);
	height: 70px;
}
/* CSS for Slider */
.slider{
	height: 100vh;
}
@media only screen and (max-width: 850px) {
    .slider{
	    height: 50vh;
    }
    
    .slider-responsive{
        height: 50vh;
    }
}
/*CSS for Navbar*/
 .navbar.transparent .navbar-inverse .navbar-inner {
   background: rgba(0,0,0,0.8);
}
.navbar a{
	color: #d2dae2;
}
.navbar a:hover{
	color: white;
	text-decoration: underline;
}
.navbar .navbar-toggler-icon{
	color: white;
}
/*CSS for Trips*/
.trips{
	margin: 4rem auto;
}
.trips h1{
	text-align: center;
}

.trips a{
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	color: black;
	transition: 0.4s all ease;
}
.trips a:hover{
	color: #ee5253;
	transition: 0.4s all ease;
}
.trips p{
	position: absolute;
	top: 60%;
	left: 10%;
	padding: 0 0.5rem;
	background: rgba( 230, 233, 241, 0.8);
}
.trips .trip-box{
	margin-bottom: 2rem;
}
.trips .trip-box:hover{
	color: #ee5253;
}

/* CSS for gallery */
.gallery{
	margin-top: 2rem;
	padding: 0.1rem;
	background: url("../../img/gallery.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.gallery h1{
	text-align: center;
}

.gallery .gallery-box{
	margin-bottom: 1rem;
	padding: 1rem;
	text-align: center;
	color: #718093;
	transition: 0.2s all ease;
}
.gallery .gallery-box:hover{
	background: white;
	box-shadow: 0 2px 2px 1px silver;
	transition: 0.2s all ease;
}
.gallery .gallery-box p{
	padding-top: 0.5rem;
}

/*CSS for About*/
.about{
	background: url('../../img/about2.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.about .about-left{
	text-align: center;
}
.about .about-left img{
	margin-top: 5rem;
	margin-bottom: 5rem;
	border-radius: 50%;
	width: 300px;
}
.about .about-right{
	background: rgba(255,255,255,0.8);
	padding: 0 5rem;
	padding-bottom: 5rem;

}

/*CSS for Contact*/
.contact{
	margin: 5rem auto;
}
.contact i{
	font-size: 1.5rem;
	margin-top: 1rem;
}

/* CSS for Blogs */
.blogs{
	margin: 5rem auto;
}
.blogs h1{
	text-align: center;
}

/* CSS for Blog-Box */
.blogs .blog-box{
	color: #353b48;
}
.blogs .blog-box .blog-box-title{
	height: 130px;
	font-family: 'Aleo', serif;
	font-size: 1.3rem;
}
/* CSS for Detail Blog */
.blog-detail{
	margin: 5rem auto;

}
.blog-detail h2{
	margin-top: 8rem;
	font-family: 'Aleo', serif;
	line-height: 50px;
}
.blog-paragraph, .blog-detail p{
	font-size: 1.1rem;
	margin-bottom: 2rem;
	text-align: justify;
	line-height: 35px;
}

/* CSS for Footer */
.footer{
	padding: 2rem 0 1rem 0;
	background-image: linear-gradient(to right, #ff7675 , #ffeaa7);
}
.footer a{
	color: #0097e6;
}
.footer a:hover{
	color: #1e272e;
}


/* CSS for Admin Panel */

.admin-menu{
	background: #222f3e;
	overflow-y: auto;
}
.admin-menu a{
	color: #c8d6e5;

}
.admin-menu a:hover{
	color: white;
}

.content{
	background: #f1f2f6;
	overflow-y: auto;
}
.content-area{
	background: #ffffff;
	margin: 1rem;
	padding: 1rem;
}

/* CSS for Login */
.login{
	width: 50%;
	padding: 2rem;
	border: 1px solid silver;
	position: absolute;
	top: 20%;
	left: 25%;
}

/* on Blogs and Updates */


@media only screen and (max-width: 768px) {


	.admin-menu{
	height: auto;
	}
	.login{
		width: 95%;
		left: 2%;
	}
	.trip-image{
		height: 200px !important;
		width: 100% !important;
	}
	.menu-quote{
        font-size: 0.8rem;
        margin: 0 0 0 0;
    }
    .hide{
        display: none !important;
    }

}