/*
 *  custom.css
 *
 * This file contains css values and hints for style elements that are frequently customised.
 * Note that this CSS file is loaded last so values defined here will override all others
 * including responsive.css
 */

/* Changing the header image
 * With this version of we_universal it is not possible to change the header image using CSS
 * It is recommended that the header image is changed by renaming your file to dashboard.jpg in 
 * the styles/we_universal/theme/images/ directory.
 * Alternatively the link may be changed in styles/we_universal/template/overall_header.html
 * around line 211.


/* link decoration
 * Uncomment the following lines to have all links underlined 
 * and visited links re-coloured
 */
/*
a:link,a:visited {
    text-decoration: underline;
    color: #3f3f3f; }

a:focus,
a:hover, a:active {
    text-decoration: underline; }
*/

/*
 * set header background colour (appears as a border around the image)
 */
/*
.inventea-header {
	background: #666666;
}
*/

/* Set the maximum forum width on wide screens
 * To set a maximum width that the forum will not grow beyond, uncomment the following lines
 * and set a value (1200px is a typical value)
 *//*
.inventea-wrapper,
.inventea-header,
.inventea-footer {
	max-width: 1200px;
}/*

/* 
 * Hide some non-essential menu items if desired 
 */
/*
#menu_faq, #button_faq{
    display: none;
}
*/

/*
#menu_team, #button_team{
    display: none;
}
*/

/*
#menu_memberlist, #button_memberlist{
    display: none;
}*/

.inventea-menu li .fa-fw {
	display: none;
}

.signature {
	max-height: 200px;
}

.signature img {
	max-height: 120px;
}

/*
 * Button hide threshold
 * The max-width here adjusts the screen widths for which the header buttons are replaced by a dropdown menu
 * set this value higher if the screen buttons start to wrap, or the text becomes ugly in your language.
 * The valid range of this value is 319px to 699px.
 * a value of 319px works for me, but if you have added buttons, or a language with long button labels, a higher
 * value ma be better.
 */
@media only screen and (max-width: 600px) {
    .inventea-menu li > a {
           display: none; 
    }

    .forum-image {
	   display: none;
    }

    .inventea-mobile-dropdown-menu {
	    display: block;
    }
    .inventea-dashboard img {
    padding-top: 4%;
    padding-bottom: 4%;
    }
}

/*
 * Hide company banners below this screen width
 */
@media (max-width: 1100px) {
    .forum-image {
	   display: none;
    }
}

/*
 * Add pointer cusor over row div
 */
.list-inner {
    cursor: pointer;
}