/*
Theme Name: Aged Care
Version: 1.0
License: GNU General Public License v2 or later
*/

body{
	font-family: 'Open Sans', sans-serif;
}

#feedbackbutton{
	margin: 0px auto;
	position: fixed;
	right: 0px;
	bottom: 170px;
	width: 37px;
	height: 120px;
}

ol li{
	font-size: 10px;
}

.bule{
	color: #0384BD;
	font-weight: normal !important;
}

#homecont{
	margin-top: 80px;
}


.question-content .watupro_num{
	display: none;	
}

body.page{
	background: url(images/insidebg.jpg) no-repeat, url(images/bg.jpg) repeat;
	/*
	background-size: cover;
	*/
}

#menu-menu{
	width: 100%;
}

#main-container ul li{
	line-height: 26px;
}


#homecont h3{
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	font-size: 41px;
	line-height: 60px;
	color: #006F97;
	border-bottom: 1px solid #006F97;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

#homecont p{
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	font-size: 20px;
	line-height: 35px;
	color: #000;
}
	
#top{
	/*
	background: url('images/headerbg.jpg') no-repeat;
	*/
	padding: 15px 0;
}


.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{
	background-color: transparent !important;
	color: #889433 !important;
}

#footmenu{
	width: 100%;
	background: rgba(0,0,0,0.6);
	position: fixed;
	bottom: 0;
}

#foot2{
	width: 100%;
	background: #000;
}

#foot3{
	width: 100%;
	background: #000;
	position: fixed;
	bottom: 0px;
}

.copy{
	float: left;
	color: #fff;
	font-size: 12px;
	padding: 10px 0;
}

.mm{
	color: #fff;
	float: right;
	font-size: 12px;
	padding: 10px 0;
}

#menu-menu li{
	text-align: center;
	width: 12%;
}

#menu-menu li img{
	padding-right: 0;
}

#menu-menu li a{
	color: #fff;
	text-transform: uppercase;
}

.social{
	position: absolute;
	top: 34px;
	right: 0px;
}

.collapse img{
	display: none;
}

.collapse #menu-menu li{
	width: auto;
}

#top{
	background: #fff;
}

.page .navbar, #footmenu{
	background: rgba(0,0,0,0.6);
}

.dropdown-menu{
	background: rgba(0,0,0,0.6) !important;
}

.dropdown-menu > li > a{
	padding-left: 15px !important;
	text-align: left !important;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #889433 !important;
  text-decoration: none;
  background: none !important;
}

h1{
	margin-bottom: 25px;
}

.pagecont{
	/*
	margin-top: 310px;
	*/
	margin-top: 150px;
	/*
	background: rgba(255,255,255,0.8);
	*/
	background: rgba(255,255,255,0.8);
	padding: 35px;
}

.pagecont h1{
	color: #0384bd;
	margin-top: 0;
	font-family: 'Raleway', sans-serif;
	font-size: 51px;
	line-height: 60px;
	font-weight: 300;
}

.pagecont p{
	font-weight: 300;
	font-size: 15px;
	line-height: 21px;
}

.sidebutton a{
	background: url(images/button1.png) no-repeat;
	min-height: 40px;
	margin-bottom: 10px;
	font-family: 'Open Sans';
	font-weight: 300;
	text-transform: uppercase;
	font-size: 20px;
	line-height: 40px;
	color: #fff;
	text-decoration: none;
	width: 100%;
	box-sizing: border-box;
	border-radius: 8px;
}

#action-button{
	background: url(images/button.png) no-repeat;
	min-height: 53px;
	margin-bottom: 10px;
	padding: 9px 15px;
	font-family: 'Open Sans';
	font-weight: 300;
	text-transform: uppercase;
	font-size: 20px;
	/*
	line-height: 40px;
	*/
	color: #fff;
	text-decoration: none;
	box-sizing: border-box;
	border-radius: 8px;
}

.sidebutton img{
	float: left;
	margin: 5px 15px 0 0;
}

.social1{
	width: 100%;
	text-align: center;
	padding: 5px 0;
}

.nav>li>a:hover, .nav>li>a:focus{
	background: transparent;
	color: #889433 !important;
}

#footin{padding: 20px 15px;}


#quiz{
	width: 100%;
}

.video_frame{
	width: 300px;
	height: 170px;
	padding: 0px 10px 20px 0px;
	float: left;
	margin-bottom: 20px;
}

#quiz .answer{
	width: 140px;
	height: 170px;
	padding: 0px 10px 20px 0px;
	float: left;
	margin-bottom: 20px;
	margin-left: 10px;
}

.answer p, .result p{
	line-height: 170px;
}

.answer input{
	line-height: 20px !important;
}

.result{
	width: 20px;
	height: 170px;
	padding: 0px 20px 20px 0px;
	float: left;
	margin-bottom: 20px;
	line-height: 170px;
}

#menu-menu li a img{
	width: 36px;
	height: 36px;
}

@media (min-width:1200px) and (max-width:1400px){
	.sidebutton a{
		min-height: auto;
		font-size: 16px;
		/*
		padding: 7px 15px;
		*/
	}
	
		#homecont h3{
		font-size: 5vh;
		line-height: 5vh;
	}
	
	#homecont p{
		font-size: 2.6vh;
		line-height: 3.6vh;
	}
	
		#homecont{
		margin-top: 70px;
	}
	
	#footin {
		padding: 0px 5px 5px 5px;
	}
}


@media (min-width:992px) and (max-width:1199px){
	.sidebutton a{
		min-height: auto;
		font-size: 16px;
		/*
		padding: 7px 15px;
		*/
	}
	
		#homecont h3{
		font-size: 5vh;
		line-height: 5vh;
	}
	
	#homecont p{
		font-size: 2.5vh;
		line-height: 3.5vh;
	}
	
		#homecont{
		margin-top: 60px;
	}
	
	#footin {
		padding: 5px 5px;
	}
}


@media (min-width: 767px) and (max-width:991px){
	.nav>li>a{
		padding: 10px 7px;
	}
	
	.collapse #menu-menu li{
		font-size: 12px;
	}
	
	#logo{width: 60%;}
	
	#homecont h3{
		font-size: 5vh;
		line-height: 5vh;
	}
	
	#homecont p{
		font-size: 2.5vh;
		line-height: 3.5vh;
	}
	
	#footin {
		padding: 5px 5px;
	}
	
	#menu-menu li img {
		width: 50%;
		height: 50%;
	}
		
	
}

@media (max-width: 767px){
	.page .nav>li>a>img{display: none;}
	.page #menu-menu li {
		text-align: left;
		width: 100%;
	}
	
	.pagecont iframe{
		width: 100%;
	}
	
	#footmenu{position: relative;}
	.home #menu-menu li{width: 20%; float: left;height: 90px; font-size: 11px;}
	.home #menu-menu li img{width: 100%; display: block; height: auto;}
	.navbar-nav>li>a{line-height: 15px;}
	.social{position: relative; top:auto; margin-bottom: 10px;}
	#homecont{margin-top: 20px;}
	#homecont h3{font-size: 31px; line-height: 40px;}
	#homecont p{font-size: 18px; line-height: 26px;}
	#logo{width: 55%;margin: 0 0 0 60px;}
}

.content_logo{
	padding-left: 40px !important;
}

.training_btn a{
	width: 120px;
	height: 40px;
	text-align: center;
	margin-right: 20px;
	float: left;
}

.training_btn a{
	text-decoration: none;
	color: #FFFFFF;
}

p iframe{
	width: 100% !important;
}

.checkAnswer{
	float: left;
	margin-top: 50px;
}

.wrongAnswer{
	background-color : #ff0000;
}


#contactLeft{
	width: 50%;
	float: left;
}

#contactRight{
	width: 50%;
	float: left;
}

.question-content{
	margin-bottom: 10px;
}

.watu-question{
	padding-bottom: 30px;
}

/*
#homecont h3, #homecont p{
	color: #FFFFFF;
}
*/

@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
  
  
  
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
  
  	body.page{
		background: url(images/768_insidebg.jpg) no-repeat, url(images/bg.jpg) repeat;
	}
  
	
	body.myatu_bgm_body {
	    background-image: url("images/768_handinhand.jpg") !important;
	}
	
	#logo{width: 60%;}
	
	#homecont h3{font-size: 31px; line-height: 40px;}
	#homecont p{font-size: 18px; line-height: 26px;}
	
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
  	body.page{
		background: url(images/1024_insidebg.jpg) no-repeat, url(images/bg.jpg) repeat;
	}
	
	#logo{width: 60%;}
	
	#homecont h3{font-size: 31px; line-height: 40px;}
	#homecont p{font-size: 18px; line-height: 26px;}
}