﻿/*
Theme Name: Help Wiki
Theme URI: #
Author: Civil Solutions Development Team
Author URI: #
Description: Help Wiki can be configured as an Application Help System or a Knowledge Based System.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: responsive, bootstrap
Text Domain: helpwiki

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*---Global Start---*/

/**
 * Html Tags
 */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 165px;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}

a {
    cursor: pointer;
}

/**
 * Alignments
 */
.alignleft {
	display: inline;
	float: left;
}

.alignright {
	display: inline;
	float: right;
}

.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
	margin: 0.4em 1.6em 1.6em 0;
}

blockquote.alignright,
.wp-caption.alignright,
img.alignright {
	margin: 0.4em 0 1.6em 1.6em;
}

blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
	clear: both;
	margin-top: 0.4em;
	margin-bottom: 1.6em;
}

.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
	margin-bottom: 1.2em;
}

/**
 * Media
 */
.site .avatar {
	border-radius: 50%;
}

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

audio,
canvas {
	display: inline-block;
}

embed,
iframe,
object,
video {
	margin-bottom: 1.6em;
	max-width: 100%;
	vertical-align: middle;
}

p > embed,
p > iframe,
p > object,
p > video {
	margin-bottom: 0;
}

.wp-audio-shortcode,
.wp-video,
.wp-playlist.wp-audio-playlist {
	font-size: 15px;
	font-size: 1.5rem;
	margin-top: 0;
	margin-bottom: 1.6em;
}

.wp-playlist.wp-playlist {
	padding-bottom: 0;
}

.wp-playlist .wp-playlist-tracks {
	margin-top: 0;
}

.wp-playlist-item .wp-playlist-caption {
	border-bottom: 0;
	padding: 10px 0;
}

.wp-playlist-item .wp-playlist-item-length {
	top: 10px;
}


/**
 * Captions
 */
.wp-caption {
	margin-bottom: 1.6em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}

.wp-caption-text {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 0.5em 0;
}


/**
 * Galleries
 */
.gallery {
	margin-bottom: 1.6em;
}

.gallery-item {
	display: inline-block;
	padding: 1.79104477%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-icon img {
	margin: 0 auto;
}

.gallery-caption {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	display: block;
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 0.5em 0;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

/**
 * Others
 */
.btn-toc {
    margin-bottom: 18px;
}

.search-highlight { 
    background:#EEEEEE;
    color: #D9312B;
}

.page-numbers {
	display: inline-block;
	padding: 5px 10px;
	margin: 0 2px 0 0;
	border: 1px solid #eee;
	line-height: 1;
	text-decoration: none;
	border-radius: 2px;
	font-weight: 600;
}
.page-numbers.current,
a.page-numbers:hover {
	background: #f9f9f9;
}

.tmm_infos{
    color: #222222;
    font-size: 12px;
    margin-bottom: 2px;
}

.tmm_job {
    margin-bottom: 6px;
}

@media screen and (min-width: 768px) {
    .tmm .tmm_4_columns .tmm_member .tmm_photo {
        width: 150px;
        height: 150px;
        margin-top: -75px;
    }

    .article .container-fluid {
        padding-left: 70px;
        padding-right: 70px;
    }

    .category .container-fluid {
        padding-left: 70px;
        padding-right: 70px;
    }

    .search-results .container-fluid {
        padding-left: 70px;
        padding-right: 70px;
    }
}

a.anchor {
    display: block;
    position: relative;
    top: -60px;
    visibility: hidden;
}

@media print {
    .non-printable { display: none !important; }
}
/*---Global End---*/

/*---Navbar Start---*/
.navbar-custom {
    background-color: rgba(0, 110, 179, 0.9);
}

.navbar-custom a {
    color: #ffffff;
}

.navbar-custom .navbar-toggle .icon-bar {
    background-color: #ffffff;
}

.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
    background-color: rgba(0, 91, 148, 1.0);
}

@media screen and (max-width: 480px) {
    .navbar-custom .navbar-brand {
        font-size: 16px;
    }
}
/*---Navbar End---*/

/*---Header Start---*/
.home-header {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 50px;
    position: relative;
    z-index: 1;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.home-header a {
    color: #ffffff;
}

.home-header a, .home-header a:hover, .home-header a:active, .home-header a:visited {
    text-decoration: none;
}

.home-header .header-mask {
    background-color: rgba(0, 91, 148, 0.8);
    padding-bottom: 10px;
}

.home-header .jumbotron {
    background-color: transparent;
    margin-bottom: 0;
    padding: 60px;
    text-align: center;
    color: #ffffff;
}

.home-header .header-titleline {
    margin-top: 0;
}

.home-header .btn-ghost {
    background-color: rgba(116, 239, 131, 0.4);
    font-size: 16px;
    display: inline-block;
    width: 240px;
    padding: 8px;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 5px;
    text-align: center;
    outline: none;
    text-decoration: none;
    transition: background-color 0.2s ease-out,
                border-color 0.2s ease-out;
}

.home-header .btn-ghost:hover,
.home-header .btn-ghost:active {
    background-color: #fff; /* fallback */
    background-color: rgba(255, 255, 255, 0.4);
    border-color: #fff; /* fallback */
    border-color: rgba(255, 255, 255, 0.4);
    transition: background-color 0.3s ease-in,
                border-color 0.3s ease-in;
}

.home-header #ajaxsearchlite1 {
    border-radius: 5px;
}

.home-header #ajaxsearchlite1, .home-header #ajaxsearchlite1 .probox, 
.home-header #ajaxsearchlite1 .probox .promagnifier, 
.home-header #ajaxsearchlite1 .probox .prosettings, 
.home-header #ajaxsearchlite1 .probox .proclose, 
.home-header #ajaxsearchlite1 .probox .proinput,
.home-header #ajaxsearchlite1 .probox .proinput .orig {
    height: 38px;
}

.home-header #ajaxsearchlite1 .probox .proinput input {
    font-size: 22px;
    color: #222222 !important;
}

.home-header #ajaxsearchlite1 .probox .proloading {
    margin-top: 5px;
}

@media screen and (max-width: 480px) {
    .home-header #ajaxsearchlite1 .probox .proinput input {
        font-size: 14px;
        color: #222222 !important;
    }

    .home-header .btn-ghost {
        font-size: 13px;
        width: 200px
    }

    .home-header .jumbotron {
        padding: 30px;
    }

    .home-header .header-titleline {
        margin-top: 20px;
    }
}
/*---Header End---*/

/*---Content Start---*/
#content a:hover {
    font-weight: bold;
}

#content .screen-reader-text {
    display: none;
}

.home-content .category-container .panel-heading a,
.home-content .category-container .panel-body a
.home-content .category-container .panel-footer a {
    text-decoration: none;
    color: rgba(0, 91, 148, 1.0);
}

.home-content .category-container table {
    width: 100%;
    font-size: 15px;
}

.home-content .category-container table i {
    color: #999999;
}

.home-content .category-container table tr td {
    padding-bottom: 3px;
}

.home-content .posts-count {
    background-color: rgba(0, 91, 148, 0.8);
    border-radius: 9px;
}

.home-content .home-icon {
    padding-right: 5px;
}

.error-404 {
    margin-top: 20%;
}

.error-404 .panel-body {
    padding: 30px;
}

.page {
    padding-top: 60px;
    padding-bottom: 10px;
}

.category {
    padding-top: 60px;
    padding-bottom: 10px;
}

.category .search-box {
    margin-top: 5px;
    margin-bottom: 5px;
}

.category .category-title {
    font-size: 20px;
	color: #a6a6a6;
	font-weight: normal;
    margin-bottom: 5px;
}

.category .category-content {
    border-top: 1px dashed #e5e5e5;
}

.category .category-content a {
    text-decoration: none;
    color: rgba(0, 91, 148, 1.0);
}

.category .category-item {
    padding-bottom: 10px;
    border-bottom: 1px dashed #e5e5e5;
}

.category .category-item-icon {
    color: #808080;
    padding-right: 5px;
}

.article {
    padding-top: 60px;
    padding-bottom: 10px;
}

.article .search-box {
    margin-top: 5px;
    margin-bottom: 5px;
}

.article .article-container a {
    color: rgba(0, 91, 148, 1.0);
}

.article .breadcrumb {
    font-weight: bold;
}

.article .breadcrumb .article-tools {
    float:right;
}

.article .breadcrumb .article-tools a {
    margin-right: 3px;
}

.article .breadcrumb > li + li:before {
    content: " ";
}

.article .article-container .article-content a {
    text-decoration: underline;
}

.search-results {
    padding-top: 60px;
    padding-bottom: 10px;
}

.search-results .search-box {
    margin-top: 5px;
    margin-bottom: 5px;
}

.search-results .search-results-title {
    font-size: 20px;
	color: #a6a6a6;
	font-weight: normal;
    margin-bottom: 5px;
}

.search-results .search-results-content {
    border-top: 1px dashed #e5e5e5;
}

.search-results .search-results-item {
    padding-bottom:10px;
    border-bottom: 1px dashed #e5e5e5;
}

.search-results .search-results-item-icon {
    color: #808080;
    padding-right: 5px;
}
/*---Content End---*/

/*---Sidebar Start---*/
#content #sidebar-menu a {
    text-decoration: none;
    color: rgba(0, 91, 148, 1.0);
}

#sidebar-menu .collapse {
    display: inline;
}

#sidebar-menu .collapsing {
    height: auto;
}

#sidebar-menu li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 2px;
    margin-top: 3px;
    margin-bottom: 3px;
    cursor: pointer;
}

#sidebar-menu li.collapsing.categories.item {
    position: relative;
    padding-left: 20px;
}

#sidebar-menu li.collapsing.categories.expandable.parent {
    background-color: #fdffe6;
}

#sidebar-menu li.collapsing.categories.expandable.parent > a {
    font-weight: bold;
}

#sidebar-menu li.collapsing.categories.item.self {
    font-weight: bold;
}

#sidebar-menu span.collapsing.categories.expand .sym:before {
    font-family: FontAwesome;
    content: "\f07b";
    padding-right: 4px;
    color: #e6b800;
}

#sidebar-menu span.collapsing.categories.collapse .sym:before {
    font-family: FontAwesome;
    content: "\f07c";
    padding-right: 4px;
    color: #e6b800;
}

#sidebar-menu ul li.collapsing.categories.item:before {
    font-family: FontAwesome;
    content: "\f0f6";
    position: absolute;
    top: 0;
    left: 3px;
    color: #999999;
    cursor: default;
}
/*---Sidebar End---*/

/*---Footer Start---*/
#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #ffffff;
    /* Set the fixed height of the footer here */
    height: 165px;
}

#footer a {
    color: #ffffff;
}

#footer .center-block {
    width: 250px;
}

.footer-contact{
    background-color: rgba(0, 91, 148, 0.9);
    padding: 12px;
    font-size: 13px;
}

.footer-copyright{
    background-color: rgba(0, 91, 148, 1.0);
    padding: 10px;
}
/*---Footer End---*/