@import 'colors.scss';

.guest{

	.guest_content{
		
		padding-left: 30px;
		padding-right: 30px;

		h3 {
		font-weight: 400px;
		letter-spacing: 10px;
		}

		.sep{
			background-color: $greendark;
			height: 2px;
			width: 250px;
			margin-top: 5px;
			margin-bottom: 25px;
		}

		.contact_d{
			font-weight: 300;
			margin: 0;
		}

		.contact_p{
			margin-bottom: 15px;
			font-weight: 400;
		}

		.introdution{
			font-weight: 300;
		}
		.course_image{
			background-image: url(http://my.staffordhouse.com/uploads/staff_uploads/Cambridge-369-2016-05-11_10-03-53-Local_Tour_2.jpg); 
	  		-webkit-background-size: cover;
	  		-moz-background-size: cover;
	  		-o-background-size: cover;
	  		background-size: cover;
	  		background-repeat: no-repeat;
	  		background-position: 50% 50%;
	  		height: 300px;
	  		margin-top: 30px;
		}
		.courses_info{
			margin-bottom: 50px;
			margin-top: 50px;
			.degreeList {
				margin: 0;
				padding: 0;
				width: 100%;

				.degreeItem{
					width: 100%;
					padding: 0;
					cursor: pointer;
					margin-bottom: 10px;

					p{
						font-weight: 400;
					}
					
					.courseList{
						margin-bottom: 5px;
						.courseItem{
							cursor: pointer;
							p{
								font-weight: 300;
							}							
						}
					}

					.courseList_hidden{
						display: none;
					}

				}
			}
		}

		.contact_item{
			margin-bottom: 20px;
		}
	}
	

	.guest_background{
		background-image: url(http://www.luc.edu/media/lucedu/universitynewsroom/newsroom-home1800x735.jpg); 
  		-webkit-background-size: cover;
  		-moz-background-size: cover;
  		-o-background-size: cover;
  		background-size: cover;
  		background-repeat: no-repeat;
  		background-position: 50% 50%;
  		width: 100%;
  		height: 400px;
  		margin-bottom: 30px;
  		position: relative;
  		.title{
  			letter-spacing: 3px;
  			font-weight: 400;
  			color: $white;
  			font-size: 2.5em;
  			position: absolute;
  			top: 40%;
  			width: 70%;
  			left: 50%;
  			text-align: center;
  			transform: translate(-50%,-40%);
  			text-shadow: 2px 2px rgba(0,0,0,0.6);
  			@media (max-width: 720px){
				width: 90%;
			}
  		}
  		.btn_login_guest{
  			z-index: 10;
			position: absolute;
			bottom:10px;
			left: 50%;
			transform: translateX(-50%);
  			.btn_style{
  				padding: 10px 50px 10px 50px;
				color: $white;
				font-weight: 400;
				cursor: pointer;
				background-color: $greendark;
				text-shadow: rgba(0,0,0,0.25) 0 -1px 0;
				box-shadow: rgba(0,0,0,0.25) 0 1px 0,inset rgba(255,255,255,0.16) 0 1px 0;
				display: inline-block;
				margin-left: 10px;
				margin-right: 10px;
  			}
  		}
	}
}