@charset "UTF-8";
/* CSS Document */
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	
}
body{
	width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}
html{scroll-behavior: smooth}
.navbar-custom{
	background-color: transparent;
}

.nav-link {
	color: #F7F6F4;
	font-weight:400;
}

.nav-link:hover {
	color: #F5D0CC;
}
.nav-link:active{
	color: #F5D0CC;
}
.navbar-brand{
	margin-left: 20px;
	color: #F7F6F4;
}
.navbar-brand:hover{
	color: #F5D0CC;
}

header{
	font-family:'Oxygen', sans-serif;
	position: relative;
	width: 100%;
	min-height: 90vh;
	display: inherit;
	background:url("img/UntitleSd-1-06.jpg");
	background-size: cover;
}

.myButton1 {
	background-color:#F5D0CC;
	display:inline-block;
	cursor:pointer;
	color:#3F5474;
	font-family:'Oxygen', sans-serif;
	font-size:15px;
	padding:9px 16px;
	text-decoration:none;
	resize: inherit;
	margin-left: 5px;
	margin-top: 10PX
}
.myButton1:hover {
	background-color:#F7F6F4;
}
.myButton1:active {
	position:relative;
	top:1px;
}

.maintext{
	margin-top: 180px;
}
.heading1{
	font-family:'Crimson Text', serif;
	color: #F5D0CC;
	font-size: 40px;
	
	
}
.paragraph1{
	font-family:'Oxygen', sans-serif;
	color: #F7F6F4;
	font-size: 20px;
	
}		
		
.heading6{
	padding: 20px;
}

.myButton2 {
	background-color:#3F5474;
	display:inline-block;
	cursor:pointer;
	color:#F7F6F4;
	font-family:'Oxygen', sans-serif;
	font-size:14px;
	padding: 9px 6px 7px 3px;
	margin-top: 15px;
	text-decoration:none;
}
.myButton2:hover {
	background-color:#F7F6F4;
}
.myButton2:active {
	position:relative;
	top:1px;
}
	
.theartist{
	background-color: #F7F6F4;
	width: 100%;
	min-height: 50vh;
}

.text2{
	margin-top: 15px;
	font-family: 'Oxygen', sans-serif;
	margin-bottom: 10px;
}	
		
.heading7{
	font-family: 'Oxygen', sans-serif;
}		
		
.navbar-toggler:active{
	color: #F7F6F4;
}
		
.navbar-toggler:hover{
	color: #F7F6F4;
}	
		
.navbar-toggler-icon{
	align-content: center;
	background-image: url("file:///Macintosh HD/Users/caitlyn/Desktop/University/Sem 2/ID/fp/DW/Final Project Index/img/icons8-more-64.png");
}		
		

.post-thumb {
    float: left;
	margin-left: 30px;
	margin-top: 20px;
}

.post-thumb2 {
    float: left;
	margin-left: 20px;
	margin-top: 20px;

}

.post-title {
    font-weight: bold;
	font-family: 'Crimson Text', serif;
    font-size: 200%;
}
.about{
	margin-bottom: 20px;
	margin-top: -30px;
}

.thegallery{
	background: #F3D0CC;
	width: 100%;
	min-height: 60vh;
	justify-content: center;
	align-content: center;
}
.post-title2{
	font-family:'Crimson Text', serif;
	justify-content: center;
	font-size: 200%;

}

.team-area{
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: space-around;
	width: 90%;
	padding-right: 10px;
}

.single-team{
	width: 270px;
	height: 270px;
	padding: 24px;
	margin-left: 35px;
	margin-bottom: 20px;
	position: relative;
	display: flex;
	background: #fff;
	align-items: flex-end;
	transition: .6s ease-out;
	box-shadow: 0 10px 10px rgba(0,0,0,0.5);
}
.single-team:hover{
	transform: translateY(15px);
	background-color: #F7F6F4;
	opacity: 50%;
}
.single-team:hover img{
	background-color: #F7F6F4;
	opacity: 5%;
}

.single-team:hover:before{
	opacity: 1;
}	
.single-team:hover .team-text{
	transform: translateY(0);
	opacity:100%;
}
.single-team:before{
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 2;
	transition: 0.5s;
}

.single-team img{
	width: 100%;
	height: 100%;
	position:absolute;
	top: 0;
	left:0;
	object-fit: cover;
}
.single-team .team-text{
	position: relative;
	z-index: 3;
	color: #F7F6F4;
	opacity: 0;
	transform: translateY(60px);
	transition: 0.5s;
}	
	
.team-text h3{
	margin: 0;
	font-family:  'Oxygen', sans-serif;
	letter-spacing: 3px;
	color: #02446A;
}

.team-text p{
	letter-spacing: 1px;
	font-size: 15px;
	margin-top: 8px;
	font-family: 'Oxygen', sans-serif;
	color: #02446A;
}

	
.team-text a{
	color: #F8645A;
}	
	
	
.page-footer{
	
	width: 100%;
	min-height: 35vh;
	background: #2D5071;
}
	
.foottext{
	margin-top: 20px;
}

.footer-copyright{
	margin-top: 3px;
	margin-left: 0;
	font-size: 11px;
	color: #F7F6F4;
}

.white-text{
	color: #F3D0CC;
}


.grey-text{
	color: #F7F6F4;
	font-size: 14px;
}

.social{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display:-o-flex;
	justify-content: center;
	margin-left: -25px;
}

.wrapper{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display:-o-flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	width: 600px;
}