@charset "utf-8";
/* CSS Document */

.mobile-sidemenu {
	display:none;
}


@media only screen and (max-width: 1023px) {
	
	
  	.wrapper {
		min-width:inherit;
		padding:50px 0px 50px;
	}
	

	
	/**********TOP MENU / LOGO***********/
	
	
	header#masthead {
		text-align:center;
	}
	
	.custom-logo-link {
		margin:auto;
		padding:20px 0px 10px;
	}
	
	.logout.desktop {
		display:none;
	}
	
	.site-header {
		background:#ffffff !important;
	}
	
	
	
	
	
	
	
	
	
	/***************INDEX****************/
	
	
	.wrapper.index .featured_image  {
		background:url(../images/login.jpg) no-repeat center top;
		background-size:cover;
		height:255px;
		margin:0px 0px 30px;
	}
	
	.wrapper.index {
		padding:0px 0px 50px;
	}
	
	.wrapper.index .index_steps  {
		background:none;
		padding:0px;
		text-align:center;
	}
	
	.wrapper.index .index_steps .grid  {
		padding:0px 30px;
	}
	
	
	.wrapper.index .index_steps .card {
		margin:0px auto;
		max-width:750px;
		width:100%;
	}
	
	.wrapper.index .index_steps .card h1 br {
		display:none;
	}
	
	.wrapper.index .index_steps .card .button-group {
		display:block;
	}
	
	.wrapper.index .index_steps .card .button {
		width:100%;
		margin:5px auto 20px;
	}
	
	.wrapper.index .index_steps .card .button br {
		display:none;
	}
	
	.index .articles {
		display:none;
		
	}
	
	
	/*************QUESTIONNAIRE*************/
	
	.questionnaire {
		display:table !important;
	}
	
	.questionnaire .inner {
		padding:50px 30px;
		
	}
	
	.thankyou.card,
	.questions.card,
	.complete.card {
		width:100%;
	}
	
	.questionnaire .inner .card .button-group {
		display:block;
	}

	.questionnaire .inner .card .button {
		width:100%;
		margin:5px auto 20px;
	}
	
	.questionnaire .inner .card .button br {
		display:none;
	}
	
	/**************TRACKER****************/

	.wrapper.tracker .featured_image  {
		background:url(../images/tracker.jpg) no-repeat center top;
		background-size:cover;
		height:255px;
		margin:0px 0px 30px;
	}
	
	.wrapper.tracker  {
		background:none;
		background-size:cover;
		min-height:500px;
		padding:0px 0px 50px;
	}
	
	.wrapper.tracker .grid  {
		padding:0px 30px;
	}
	
	.wrapper.tracker .card {
		width:100%;	
	}
	
	.wrapper.tracker .card h1 br {
		display:none;
	}
	
	
	/***************MENU*************/
	
	
	.navigation-top {
		display:none !important;
	}
	
	header#masthead {
		position:relative;
	}
	
	.mobile-sidemenu {
		position:absolute;
		display:block;
		height:50px;
		width:50px;
		background:url(../images/burger.png);
		background-size:contain;
		left:40px; top:50%;
		margin-top:-25px;
	}
	
	
	
	/**************FOOTER****************/
	
	.footer_links {
		display:none;
	}
	
	
	/***************SEARCH***************/
	
	.search_btn_mobile {
		position:absolute;
		display:block;
		height:50px;
		width:50px;
		background:url(../images/icon-search.png);
		background-size:contain;
		right:40px; top:50%;
		margin-top:-25px;
	}
	
	.searchfield {
		padding:20px 0px;
		top:115px;
	}
	
	.searchfield .search-form {
		width:80%;
		margin:auto;
		max-width:650px;
	}
	
	
	
	.searchfield .input,
	.searchfield .button {
		width:100%;
		margin:10px 0px;
	}
	
	.nav-list-25 {
		display:none !important;
	}
	
}

@media only screen and (max-width: 1280px) {
	
	
	/**************WRAPPERS*************/
	
	.wrapper.learn {
		min-width:inherit;
		padding:30px 40px;
	}
	
	.wrapper.details {
		min-width:inherit;
		padding:30px 40px;
	}
	
	.wrapper.article {
		min-width:inherit;
		padding:0px 40px;
	}
	
	.wrapper.organise {
		min-width:inherit;
		padding:30px 40px 50px;
	}
	
	.wrapper.static {
		padding:30px 40px 50px;
	}
	
	.wrapper.search {
		padding:30px 40px 50px;
	}
	
	.wrapper.glossary {
		padding:30px 40px 50px;
	}
	
	
	/**********POST RATING ARTICLE**********/
	

	.related .post-ratings img {
		width:13px !important;
		height:14px !important;
		margin-right:3px;
	} 
	
	.card__image {
		margin-left: 5%;
	}
	
	
}


@media only screen and (max-width: 1024px) {
	
	
	/*************ARTICLES************/
	
	.articles .card {
		width:47%;
		margin:2% 5% 2% 0;
	}
	
	.articles .card:nth-child(3n) {
		margin:2% 5% 2% 0;
	}

	.articles .card:nth-child(2n) {
		margin:2% 0 2% 0;
	}
	
	.wrapper.organise .card {
		width:47.5%;
	}
	
	.article .related.card {
		width:75%;
		float:left !important;
		margin:0px 0px 20px;
	}
	
	/*************DETAILS**************/
	
	.details .col {
		display:block;
		width:100%;
	}
	
	.details_col {
		width: 100%;
	}
	
	.details table {
		margin:0px !important;
	}
	
	.details table td {
		padding:0px !important;
	}
	
	.details .grid  {
		padding:30px;
	 	border: 1px solid #d3d6d6;
		border-radius:5px;
	}
	
	.radio_col {
		padding-right:50px !important;
	}
	
	
}



@media only screen and (max-width: 768px) {
	
	
	
	/**************MY DETAILS************/
	
	.bx_container.radio_cols {
		display:block;
	}
	
	.radio_col {
		padding-bottom:25px;
	}
	
	
	
	
	.search_btn_mobile {
		height:40px;
		width:40px;
		right:30px; 
	}
	
	
	.mobile-sidemenu {
		height:40px;
		width:40px;
		left:30px; 

	}
	
	
	/**************WRAPPERS*************/
	
	.wrapper.learn {
		min-width:inherit;
		padding:30px 30px;
	}
	
	.wrapper.details {
		min-width:inherit;
		padding:30px 30px;
	}
	
	.wrapper.article {
		min-width:inherit;
		padding:0px 30px;
	}
	
	.wrapper.organise {
		min-width:inherit;
		padding:30px 30px 50px;
	}
	
	.wrapper.static {
		padding:30px 30px 50px;
	}
	
	.wrapper.search {
		padding:30px 30px 50px;
	}
	
	.wrapper.glossary {
		padding:30px 30px 50px;
	}
	
	/*************GLOSSARY***************/
	
	
	.multi_column {
		 -moz-column-count: 1;
		 -webkit-column-count: 1;
		column-count: 1;
	}
	
	
	/***************SEARCH***************/
	
	.wrapper.search article {
		width:100%;
	}
	
	
	/***************LOGIN****************/
	
	body, html {
		width: 100%;
		height: auto;
	}
	
	.login_footer {
		bottom: auto !important;
		top: auto !important;
		position:static !important;
		clear:both !important;
	}
	
	.wrapper.login .featured_image  {
		background:url(../images/login.jpg) no-repeat center top;
		background-size:cover;
		height:255px;
		margin:0px 0px 30px;
		display:block;
	}
	
	.wrapper.login {
		background:none !important;
		position:static;
		height:auto;
	}
	
	.login_area {
		display:block;
		position:static;
		height:auto;
	}
	
	.login_area .inner {
		display:block;
		padding:0px 0px 0px;
	}
	
	.login_form_holder ._column {
		width:100% !important;
		display: block !important;
	}
	
	.login_form_holder {
		width:100%;
		padding:30px 0px 0px;
	}
	
	.login_form, .registration {
		padding:35px 40px !important;
	}
	
	.login_form h2, .registration h2 {
		padding-bottom:25px !important;
	}
	
	.login_form ._column.valignTop._50 {
		padding:0px 0px 25px 0px !important;
	}
	
	.status.formerror {
		padding-top:25px !important;
	}
	
	.onesource_logo {
		height:100px;	
		margin-bottom:30px !important;
	}
	
	.login_form_holder.card {
		border: none !important;
		box-shadow:none !important;
	}
	
	
	/***********REGISTRATION***********/
	
	.register_area._extra {
		position: static;
		float:none;
		height:inherit;
		width: 100%;
		overflow: auto;
		margin:0px !important;
	
	}
	
	.register_area ._table {
		display:block;
		height:auto;
		position:static;
	}
	
	.register_area .overlay {
		display:none;
	}
	
	.register_area .inner {
		display:block;
	}
	
	.register_form_holder.card {
		box-shadow:none;
		border:none;
		width:100%;
		padding:0px 40px 35px;
	}
	
	.register_form_holder ._column {
		display:block !important;
		width:100% !important;
		padding:0px 0px 10px 0px !important;
	}
	
	.register_form_holder ._column .input-group .input:first-child {
	
		margin-right:5px;

	}
	.register_form_holder ._column .input-group .input:last-child {
	
		margin-left:5px;

	}
	
	.register_form_holder ._column .input,
	.register_form_holder ._column .button {
		margin:5px 0px;
	}
	
	
	.register_form_holder ._column ._1_2 {
		width:100% !important;
		clear:both !important;
		float:none !important;
	}
	
	.register_form_holder ._column ._1_2 .block {
		width:100% !important;
		float:none !important;
		padding-bottom:15px;
	}
	
	.register_form_holder ._column ._1_2 .block .checkbox-field {
		width:40%; vertical-align:top; display:inline-block; padding:5px 0px !important;
	}
	
	._100 {width:100% !important;}
	
	
	/***************LEARN**************/
	
	.articles .card {
		width:100%;
		margin:2% 0 2% 0 !important;
	}
	
	
	/**************ARTICLE************/
	
	.wrapper.article .featured_mobile {
		display:block;
		padding:0px 0px 30px;
	}
	
	.wrapper.article .featured_desktop {
		display:none;
	}
	
	.wrapper.article ._column._50 {
		display:block;
		width:100%;
	}
	
	.wrapper.article .content ._column:first-child {
		padding:0px 0px 0px 0px;
	}
	
	.wrapper.organise .card {
		width:100%;
		float:none;
		margin-bottom:30px;
		height:auto !important;
	}
	
	.wrapper.article .related {
		float:left !important;
		width:48.5%;
	}
	.wrapper.article .related:last-child {
		float:right !important;
	}
	
	
	/*************TRACKER****************/
	.tracker-subhead br {
		display:none;
	}
	
	.tracker-card {
		width:100% !important;
		margin:10px 0px !important;
	}
	
	
}



@media only screen and (max-width: 600px) {
	
	
	/*************ARTICLES************/
	
	.articles .card {
		width:100%;
		margin:2% 0 2% 0 !important;
	}
	
	.article .related.card {
		width:100%;
		float:none;
		margin:0px 0px 20px;
	}
	
	
	.related .post-ratings img {
		width:18px !important;
		height:20px !important;
		margin-right:5px;
	} 
	
	.card__image {
		margin-left: 30px;
	}
	
	
}


.ml-close {
	display:none !important;
}
.icon-angle-down {
	display:none !important;
}

.ml-menu {
    background: #ffffff !important;
	border-right:2px solid #dedede;
}

.ml-listview li {
	border-bottom:2px solid #dedede;
}

.ml-listview li a {
	color:#828282 !important;
}

.ml-next {
	background:#ffffff !important;
}

.ml-menu .ml-listview > li .ml-prev:before, 
.ml-menu .ml-listview > li .ml-next:after, 
.ml-menu .ml-listview > li .ml-arrow:after {
    border-color: #59595c  !important;
}

.ml-next:before {
	border:none !important;
}

.ml-slideout {
	background:none !important;
}

.ml-iconwrap {
	display:none !important;
}

.nav-on body {
    margin-top: 0px !important;
}

/*#ml-logo {
	display:none !important;
}*/

.ml-slidemenu {
	margin:0px -20px;
	background:#59595c;
	padding:3px 0px 3px 40px;
}

.ml-slidemenu .ml-btn {
    height: 55px;
}

#ml-1>.ml-slidemenu {
	display:none !important;
}

.back_btn {
	text-align:left;
	color:#fff;
	padding:8px 0px;
}

#ml-sidemenu .logout {
	position:absolute;
	top:auto;
	bottom:50px;
	left:20px; right:30px;
}

#ml-sidemenu .logout .user {
	padding:0px 15px 0px 35px;
	background:url(../images/icon-user.png) no-repeat left center;
	display:inline-block;
	vertical-align:middle;
	line-height:23px;
	float:left;
}

#ml-sidemenu a._wp_login_button {
	display:inline-block;
	vertical-align:middle;
    position: static;
	color:#16c1f2;
	text-decoration:underline;
	margin:0px;
	float:right;
}