/* CUSTOM CSS BY BDN 2017-2018 */

/* Page surround */
#g-page-surround {
    min-height: 90vh;
}

/* System messages */
.itemid-391 .g-system-messages {
    display: none;
}
.itemid-390 .g-system-messages {
    display: none;
}
.com_journey .g-system-messages {
    display: none;
}
.no_super_admin {
    padding: 10px 15px;
    margin: 50px;
    border: 1px solid red;
}
.no_super_admin h1 {
    font-size: 22px;
    text-transform: uppercase;
	color: red;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0;
}
.no_super_admin h3 {
    font-size: 16px;
    color: red;
	margin-top: 0;
	margin-bottom: 5px;
	padding: 0;
}

/* Navigation */
#g-navigation {
    border-bottom: 5px solid #3b3b3b;
}
#g-navigation .g-content {
    margin: 5px 0;
    padding: 1.5rem 0;
}

/* Navigation > Logo template & Menu */
#navigation-logo, #navigation-menu {
    display: none; 
}
#navigation-social.size-29 				{ width: 10%; flex: 0 10%; } /* to center logo when not logged because module mod_journey_status is not displayed */
#navigation-spacer.size-14 				{ width: 10%; flex: 0 10%; } /* to center logo when not logged because module mod_journey_status is not displayed */
#navigation-journey-a.size-43 			{ flex: 0 70%; width: 70%; } /* to center logo when not logged because module mod_journey_status is not displayed */

/* Member Profile > com_users override */
.com_users.view-profile .g-content {
    padding: 0.8rem 0.8rem 0 0.8rem;
	margin-bottom: 0;
}
.com_users.view-profile .profile {
	display: flex;
	justify-content: space-between;
	border-bottom: 2px solid #d14c3b;
}
.com_users.view-profile .profile dt {
    margin-bottom: 5px;
}
.com_users.view-profile .profile dd {
    margin-bottom: 5px;
}
#users-profile-section-1 {
	padding-right: 25px;
}
#users-profile-section-2 {
	padding: 0 25px;
	text-align: center;
}
#users-profile-section-3 {
	padding: 0 25px;
}
#users-profile-section-4 {
	padding-left: 25px;
}
#users-profile-section-1 legend,
	#users-profile-section-2 legend,
	#users-profile-section-3 legend {
    color: #d14c3b;
    text-transform: uppercase;
}
#users-profile-section-2 .avatar {
	margin-top: 1.0rem;
	margin-bottom: 1.5rem;
}
#users-profile-section-2 img {
    background-color: #d14c3b;
}
#users-profile-section-3 .rankings {
	margin-top: 1.0rem;
	margin-bottom: 1.5rem;
}
#users-profile-section-3 img {
	vertical-align: middle;
	margin-left: 7px;
	height: 16px;
	margin-bottom: 5px;
}
#users-profile-section-3 .overallrankings {
	margin-top: 1.0rem;
	margin-bottom: 1.5rem;
}
#users-profile-section-3 .overallrankings .line {
    display: flex;
}
#users-profile-section-3 .overallrankings .line.myself {
    font-weight: bold;
}
#users-profile-section-3 .overallrankings .pos {
    padding: 0 5px;
}
#users-profile-section-3 .overallrankings .name {
    padding: 0 5px;
}
#users-profile-section-4 {
	display: flex;
	justify-content: flex-end;
}
#users-profile-section-4 > .edit_link,
	#users-profile-section-4 > .logout_link {
	margin: 0;
	padding: 0;
}
#users-profile-section-4 > .edit_link:hover,
	#users-profile-section-4 > .logout_link:hover {
	opacity: 0.8;
}
#users-profile-section-4 > .logout_link button {
	background-color: transparent;
}
#users-profile-section-4 .fas {
    font-size: 2rem;
	color: #d14c3b;
	background-color: transparent;
}
/* Member Profile > Edit */
.com_users.view-profile.layout-edit .mod_journey_profile {
    display: none;
}
.com_users.view-profile .profile-edit legend {
    text-transform: uppercase;
    color: #d14c3b;
}

/* Registration form > Media Manager */
#imageForm > .well > .row > .control-group {
    display: none;
}
#imageForm > .well > .row-fluid > .control-group {
    display: none;
}
.manager.thumbnails.thumbnails-media .thumbnail {
    display: table;
    background-color: transparent;
    box-shadow: none;
}
.manager.thumbnails.thumbnails-media .img-preview {
    width: 100%;
    display: table-cell;
    margin: auto;
    vertical-align: middle;
}
.manager.thumbnails.thumbnails-media .img-preview > .small {
    display: none;
}
.manager.thumbnails.thumbnails-media .img-preview img {
    width: 100px;
    height: 100px;
    box-shadow: 0 0 5px black;
    /* border-radius: 100%; */
	background-color: #d14c3b;
    margin: 0px;
}
.manager.thumbnails.thumbnails-media .img-preview.selected img {
	background-color: #ff657a;
}
.manager.thumbnails.thumbnails-media .img-preview .height-50 {
    height: auto;
	width: 110px;
	padding: 5px;
}

/* Profile > Logout module */
.mod_logout_profile .form-vertical {
    margin: 10px 0 0;
    text-align: right;
}

/* g-mainbar > Articles */
#g-mainbar .g-content {
	margin-top: 0.5rem;
    padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	margin-bottom: 0.5rem;	
}
#g-mainbar .g-content h2 {
    color: #d14c3b;
    font-family: arial;
    text-transform: uppercase;
    font-size: 100%;
    line-height: 100%;
	margin-top: 20px;
	margin-bottom: 5px;
}

/* g-mainbar > com_journey */
.com_journey #g-mainbar .g-content {
    margin-top: 0.5rem;
    padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	margin-bottom: 0.5rem;	
}

/* Footer */
#g-container-footer {
    padding: 0;
    border-top: 5px solid #3b3b3b;
   margin-top: 10px;
}
#g-container-footer p {
    margin: 0;
}

/* Footer > Module Icon Links */
.mod_footericonlinks .fas {
    color: #fff;
    font-size: 1.8rem;
    margin: 0 3px;
}
.mod_footericonlinks .fas:hover {
    opacity: 0.6;
}

/* Footer > Menu */
.moduletable .nav.menu li a::before {
	content: "\f21b";
	color: #fff;
}

/* RESPONSIVITY */
@media screen and (min-width: 1251px) and (max-width: 1500px) {
	.mod_journey_sitelogo .logo_link 		{ margin-left: 10px; }
	.mod_journey_status .guide .guide_title { font-size: 120%; line-height: 120%; }
	.mod_journey_sitelogo p 				{ font-size: 90%; }
	#users-profile-section-1 				{ padding-right: 10px; }
	#users-profile-section-2 				{ padding: 0 10px; text-align: center; }
	#users-profile-section-3 				{ padding: 0 10px; }
	#users-profile-section-4 				{ padding-left: 10px; }
	.com_users.view-profile .profile dt		{ width: 150px; }
	.com_users.view-profile .profile dd		{ margin-left: 160px; }
}
@media screen and (min-width: 960px) and (max-width: 1250px) {
	.mod_journey_sitelogo .logo_link 		{ margin-left: 5px; }
	.mod_journey_status .guide .guide_title { font-size: 100%; line-height: 100%; }
	.mod_journey_sitelogo p 				{ font-size: 80%; }	
	.mod_journey_sitelogo .back_link		{ margin-right: 5px; }
	#users-profile-section-1 				{ padding-right: 10px; }
	#users-profile-section-2 				{ padding: 0 10px; text-align: center; }
	#users-profile-section-3 				{ padding: 0 10px; }
	#users-profile-section-4 				{ padding-left: 10px; }
	.com_users.view-profile .profile dt		{ width: 150px; }
	.com_users.view-profile .profile dd		{ margin-left: 160px; }
}
@media screen and (min-width: 815px) and (max-width: 959px) {
	.mod_journey_sitelogo .logo_link 		{ margin-left: 5px; }
	.mod_journey_status .guide .guide_title { font-size: 100%; line-height: 100%; }
	.mod_journey_sitelogo p 				{ font-size: 80%; }	
	.mod_journey_sitelogo .back_link		{ margin-right: 0; margin-left: 5px; font-size: 4rem; }	
	.mod_journey_sitelogo .home_link		{ font-size: 1.6rem; padding: 2px 7px 1px; }
	.mod_journey_status .guide .speech-bubble { margin-right: 1px; }
	.mod_journey_status .guide .guide_text	{ font-size: 80% line-height: 90%; }
	.com_users.view-profile .profile dt		{ width: 150px; }
	.com_users.view-profile .profile dd 	{ margin-left: 160px; }	
	.com_users.view-profile .profile 		{ display: block; }
	#users-profile-section-1 				{ padding-right: 10px; width: 50%; display: inline-block; vertical-align: top; }
	#users-profile-section-2 				{ width: 50%; display: inline-block; vertical-align: top; padding: 0 10px; text-align: left; }
	#users-profile-section-2 .avatar 		{ margin-left: 25px; }
	#users-profile-section-3 				{ width: 100%; display: block; vertical-align: top; padding: 30px 10px 0; border-top: 2px solid #d14c3b; }
	#users-profile-section-3 > div 			{ width: 50%; display: inline-block; vertical-align: top; }
	#users-profile-section-3 .rankings 		{ margin-left: 15px; }
	#users-profile-section-4 				{ float: right; display: block; position: absolute; top: 10px; right: 10px; padding-left: 10px; }
	#users-profile-section-4 a 				{ display: inline-block; vertical-align: middle; }
	#users-profile-section-4 form			{ display: inline-block; vertical-align: middle; }
}
@media screen and (min-width: 0px) and (max-width: 814px) {
	.site .g-offcanvas-toggle 				{ display: none; }
	#navigation-journey-b .g-content 		{ margin: 0; padding: 0; }
	.mod_journey_sitelogo 					{ text-align: center; margin-top: 10px; }
	.mod_journey_sitelogo h1 				{ padding: 0; margin: 0; }
	.mod_journey_sitelogo .back_link		{ display: none; }
	.mod_journey_sitelogo .home_link		{ display: none; }
	.mod_journey_sitelogo .logo_link 		{ margin-left: 15px; }
	.mod_journey_status 					{ margin: 0 10px; justify-content: center; }
	.mod_journey_status .guide 				{ display: none; }
	.mod_journey_status .avatar 			{ width: 130px; margin-bottom: 4px; }
	.mod_journey_status .avatar img 		{ width: 100px; }
	.mod_journey_status .home_link			{ margin: 0; font-size: 2.7rem; padding: 5px 10px 3px; }
	.mod_journey_status .home_link:hover	{ opacity: 0.8; }
	.com_journey #g-mainbar .g-content		{ margin: 10px 10px 0; padding: 0; }
	.mod_journey_status_guide_mobile		{ display: block; }	
	.com_users.view-profile .profile 		{ display: block; }
	.com_users.view-profile .profile dt 	{ width: 40%; display: inline-block; margin: 0; vertical-align: top; text-align: right; padding-right: 10px; }
	.com_users.view-profile .profile dd 	{ width: 60%; display: inline-block; margin: 0; vertical-align: top; text-align: left; }
	#users-profile-section-1 				{ width: 100%; display: block; padding-right: 10px; text-align: center; }
	#users-profile-section-2 				{ width: 100%; display: block; padding: 0 10px; text-align: center; border-bottom: 2px solid #d14c3b; margin-bottom: 25px; padding-bottom: 5px; }
	#users-profile-section-3 				{ width: 100%; display: block; vertical-align: top; padding: 0 10px; text-align: center; margin-top: 10px; }
	#users-profile-section-3 > div 			{ width: 100%; display: block; vertical-align: top; }
	#users-profile-section-3 .overallrankings .line { justify-content: center; }
	#users-profile-section-4 				{ float: right; display: block; position: absolute; top: 10px; right: 10px; padding-left: 10px; }
	#users-profile-section-4 a 				{ display: inline-block; vertical-align: middle; }
	#users-profile-section-4 form			{ display: inline-block; vertical-align: middle; }	
	.mod_journey_profile .wrapper_columns	{ display: block; }
	.mod_journey_profile .section_1 		{ display: block; width: 100%; border: none; padding: 0; margin-top: -15px; }
	.mod_journey_profile .section_1 legend	{ text-align: center; }
	.mod_journey_profile .section_2 		{ display: block; width: 100%; border: none; margin-left: 0; margin-top: 30px; }
	.mod_journey_profile .section_2 legend	{ text-align: center; }
}