/*
Theme Name: Pontiac Intranet
Theme URI: https://sec-wiki.pontiac.media/
Template: docly
Author: RDK
Author URI: https://urdeke.com
Description: Child Theme developed for Pontiac
Version: 1.0.2
Text Domain: pontiac
*/

.page-template-master article:not(:last-child) {
  margin-bottom:  30px;
}

.page-template-master .entry-content p:last-child {
  margin-bottom:  0;
}

.page-template-master h1.entry-title {
    font-size: 2rem;
}

.page-template-master h2.entry-title {
    font-size: 1.4rem;
}

nav.subpage-menu {
  padding: 20px;
  background: #f4f4f4;
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  line-height: 1.618;
  margin-bottom:  30px;
}

nav.subpage-menu ul {
  margin-bottom: 0;
  padding-left: 20px;
}

nav.subpage-menu ul.children {
    padding-left: 20px;
}

/*.search-match{ 
  font-weight: 700;
}*/
.search-match,
.search-match.full-match {
  font-weight: 400;
  padding: 2px 3px;
  background: hsl(180, 100%, 80%);
}

.nav-bar-search {
  flex-grow: 2;
}

.search_form {
	width: auto;
  max-width: 600px;
  margin: 0 auto;
}

.sticky_menu .menu_one + div, .sticky_menu .menu_one + section {
    margin-top: 60px;
}

.admin-bar .sticky_menu .menu_one + div, .admin-bar .sticky_menu .menu_one + section {
    margin-top: 92px;
}

.breadcrumb_area_three {
    padding: 50px 0;
    overflow:  hidden;
/*     background: url(assets/images/hero.jpeg) center/cover no-repeat; */
	background: url(https://wiki.pontiac.media/wp-content/uploads/2023/03/Pontiac-homepage_header.png) center/cover no-repeat
}

@media (min-width: 1300px) {
  .breadcrumb_area_three {
    background-position-y: -250px;
  }
}


/* .home .breadcrumb_area_three {
    padding: 200px 0 150px;
} */

/* .breadcrumb_area_three:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(42,56,144,1) !important;
    background: linear-gradient(90deg, #3f51b5 0%, rgba(42,56,144,0.95) 35%, rgba(42,56,144,0.95) 65%, #3f51b5 100%) !important;
    z-index: -1;
} */

.breadcrumb_area_three .breadcrumb_text h2 {
    color: #eee;
    text-shadow: 2px 2px 2px #010a38;
/* 	color: #1b2761;
    text-shadow: 1px 1px 1px #ccc; */
}

.breadcrumb_text p {
    color: #fff;
    text-shadow: 1px 1px 1px #010a38;
}

.breadcrumb_area_three .one {
    left: 0;
	height: 250px;
	width: auto;
}

.breadcrumb_area_three .four {
    top: 0;
	height: 250px;
	width: auto;
}

.full-width-doc .doc_documentation_area .doc_left_sidebarlist {
    width: 100%;
}

.full-width-doc .doc_documentation_area.body_fixed .doc_left_sidebarlist {
    min-width: calc(25% - 60px)!important;
}

.onepage-doc .nav-sidebar .nav-item .dropdown_nav .nav-item:before {
/*     content: "\68"; */
	content: "";
    color: var(--p_color);
}

.onepage-doc .nav-sidebar .nav-item .dropdown_nav .nav-item.active:before {
    color: var(--brand_color);
}

/*.onepage-doc .nav-sidebar .nav-item .dropdown_nav .nav-item.active .dropdown_nav .nav-item.active:beforek {
    color: var(--brand_color);
}*/

.onepage-doc .nav-sidebar .nav-item .dropdown_nav .nav-item {
/*     padding-left: 25px; */
	padding-left: 0;
}

.articles-list .article_list {
    padding-left: 0px!important;
}

ul.article_list ul {
    list-style: none;
    padding-left: 20px;
}

.onepage-doc .nav-sidebar .nav-item .dropdown_nav .nav-item.active .dropdown_nav .nav-item .nav-link {
    color: var(--p_color);
}

.onepage-doc .nav-sidebar .nav-item .dropdown_nav .nav-item.active .dropdown_nav .nav-item.active .nav-link {
    color: var(--brand_color);
}

.onepage-doc .doc_rightsidebar {
    padding-right: 0;
}

.navbar .doc_print a.btn {
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.2rem 10px;
    border: 1px solid #dfe2e4;
    background-color: white;
    box-shadow: 0 1px 0 0 rgb(3 13 37 / 20%), inset 0 -8px 14px 0 rgb(3 13 37 / 10%);
    border-radius: 4px;
    margin:  0 10px;
}

.body_dark .navbar .doc_print a.btn {
    color: #c7c9d3;
    border-color: #272830;
    background: #2c303a;
}

.doc_rightsidebar .doc_switch input[type=checkbox] {
    margin: 0 5px;
}


.navbar .doc_switch {
  display: flex;
  align-items: center;
}
.navbar .doc_switch .tab-btn {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 0;
  padding-top: 2px;
  cursor: pointer;
  transition: color 0.2s linear;
}

.navbar .doc_switch .tab-btn.active {
  color: var(--brand_color);
}
.navbar .doc_switch .tab-btn:hover {
  color: var(--brand_color);
}
.navbar .doc_switch .fa-moon {
  top: -1px;
  position: relative;
}
.navbar .doc_switch input[type=checkbox] {
  width: 50px;
  height: 22px;
  border: 1px solid #91e1f2;
  background: #e7f7fb;
  display: block;
  border-radius: 25px;
  margin: 0 12px 0 15px;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: content-box;
}
.navbar .doc_switch input[type=checkbox]:before {
  content: "";
  width: 16px;
  height: 16px;
  background: var(--brand_color);
  position: absolute;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.2s linear;
  left: 3px;
}
.navbar .doc_switch input[type=checkbox]:checked:before {
  left: calc(100% - 19px);
}
.navbar .doc_switch input[type=checkbox]:checked + .tab-btn {
  color: var(--brand_color);
}
.navbar .doc_switch input[type=checkbox] + .tab-btn {
  color: var(--p_color);
}

.feedback-area .border_bottom {
  margin: 20px 0 10px !important;
}

.onepage-doc-sec .doc-footer .border_bottom {
    margin: 10px 0 60px 0;
}


.feedback-area .still-stuck {
    margin: 15px 0!important;
}

.feedback-area .feedback_link {
    padding-top: 20px!important;
}


.onepage-doc-sec .doc-content {
    overflow: hidden;
}

.onepage-doc-sec .border_bottom {
    margin: 50px 0 50px 0!important
    clear: both;
}


.doc_border_btn {
    text-align: center;
    width: 100%;
}




/*.doc_documentation_area.body_fixed .doc_left_sidebarlist {
    position: relative;
}

.doc-container {
  display: flex;
  justify-content: space-between;
}

.doc-main,
.doc-sidebar {
  border: 3px solid black;
  padding: 15px;
  background-color: #fff;
}

.doc-main {

}

.doc-sidebar {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}*/

.doc-main h1,
.doc-main h2,
.doc-main h3,
.doc-main h4,
.doc-main h5,
.doc-main h6 {
    font-family: inherit;
}

.breadcrumb {
    border-top: 1px solid var(--black_100);
    border-bottom: 1px solid var(--black_100);
    padding: 10px 0;
    margin-bottom: 40px;
}    

.breadcrumb .breadcrumb-item:last-child {
    color: var(--black_300);
}

body.last-doc .nav-sidebar .nav-item.active .nav-link i+i,
body.last-doc .nav-sidebar .nav-item.current_page_item .nav-link i {
    display:  none;
}

body.last-doc .nav-sidebar .nav-item.active .nav-link i,
body.last-doc .nav-sidebar .nav-item.current_page_item .nav-link i+i {
    display:  inline;
}

body.last-doc .nav-sidebar .nav-item.current_page_item .nav-link i.icon_folder-alt {
    display:  none;
}

body.last-doc .nav-sidebar .nav-item.active .nav-link {
    color: var(--p_color);
}

body.last-doc .nav-sidebar .nav-item.current_page_item .nav-link {
    color: var(--brand_color);
}

element.style {
    position: relative;
    width: 100%;
}

.doc-footer {
  clear:  both;
}


body.last-doc .doc_documentation_area .doc_left_sidebarlist {
    width: 100%!important;
    position: relative!important;
    top: 0!important;
    padding-top: 0!important;
}

/*.nav-sidebar.doc-nav {
  border-left: 1px solid var(--brand_color);
}*/

.onepage-doc .nav-sidebar .nav-item .dropdown_nav:before {
    width: 1px;
    background: var(--brand_color);
}

.nav-sidebar.doc-nav .nav-item {
    background: transparent;
}

.nav-sidebar.doc-nav .nav-item .nav-link {
    padding: 8px;
}


.nav-sidebar .nav-item .nav-link {
  color: var(--p_color);
}

.nav-sidebar .nav-item .nav-link i {
    font-size: 18px;
    margin-right: 10px;
    max-width: 18px;
    height: auto;
    padding-bottom: 5px;
	display: none!important;
}
.nav-sidebar .nav-item.no_icon.active .nav-link i, .nav-sidebar .nav-item.no_icon .nav-link i+i {
    display: none!important;
}
/* .nav-sidebar .nav-item.no_icon.active .nav-link i+i {
    display: inline;
} */

.onepage-doc .nav-sidebar .nav-item .dropdown_nav {
    padding-left: 20px!important;
}

.onepage-doc .nav-sidebar .nav-item .dropdown_nav:before {
    width: 1px;
    left: 4px;
    top:  20px;
    bottom:  20px;
}
.onepage-doc .nav-sidebar .nav-item .dropdown_nav .nav-item .dropdown_nav {
    padding-left: 0!important;
    padding-top: 5px!important;
}

.onepage-doc .nav-sidebar .nav-item .dropdown_nav .nav-item .dropdown_nav:before {
    width: 1px;
    left: -22px;
    top: 10px;
    bottom: 28px;
}

.onepage-doc .nav-sidebar .nav-item .icon {
    top: 0;
    right: 5px;
    z-index: 99;
}

.mark, mark {
    padding: 0;
}


.onepage-doc .nav-sidebar .nav-item .docs-progress-bar {
    background: #eeeff6;
    bottom: 0;
    left: 0;
    top: 0;
    max-height: 40px;
    border-radius: 4px;
}

.onepage-doc.last-doc .nav-sidebar .nav-item .docs-progress-bar {
    display: none;
}

#post .onepage-doc-sec:last-child .child-doc:last-child .border_bottom {
    display: block;
    height: 0;
}

@media (min-width: 1400px) {
  .doc_documentation_area {
    min-height: 500px;
  }
}


footer .container {
    max-width: initial;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent!important;
}
.body_dark.onepage-doc .nav-sidebar .nav-item, 
.body_dark.onepage-doc .nav-sidebar .nav-item .dropdown_nav {
    background: transparent!important;
}





.body_dark .border_bottom {
    height: 0.5px!important;
}

.menu_two {
    height:  60px!important;
}

.admin-bar .menu_two + div, .admin-bar .menu_two + section {
    margin-top: 92px!important;
}

.menu_two + div, .menu_two + section {
    margin-top: 60px!important;
}

.home .breadcrumb_area_three {
    padding: 50px 0;
}

.banner_search_form .form-control {
    padding: 15px;
    height: 45px;
    padding-left: 20px;
    background: #fafcfd;
    border: 1px solid #e1e4e5 !important;
}

.banner_search_form button {
    position: absolute;
    top: 11px;
    right: 15px;
    border: 0;
    padding: 0;
    color: var(--secondary_color);
    background: transparent;
    font-size: 14px;
    z-index: 3;
}

.menu_two .menu > .nav-item > .nav-link {
    color: var(--p_color);
}


/*============ Dark Mode css ========*/
.body_dark {
    color: #beb8b0!important;
}
.body_dark .ordered-list li::before,
.body_dark .body_wrapper,
.body_dark .img_modal, .body_dark .help_form .modal-content {
    background: #222526!important;
}
.body_dark .explanation {
    border-color: #222526!important;
}

.body_dark .doc_menu .nav-link.active, .body_dark .doc_menu .nav-link:hover,
.body_dark h1, .body_dark h2, .body_dark h3, .body_dark h4, .body_dark h5, .body_dark h6 {
    color: #ddd!important;
}

.body_dark .breadcrumb_area_three:before {
    background: rgb(37 40 48) !important;
    background: linear-gradient(90deg, #1d2327 0%, rgb(37 40 48 / 97%) 35%, rgb(37 40 48 / 97%) 65%, #1d2327 100%) !important;
}

.body_dark .breadcrumb_area_three .one,
.body_dark .breadcrumb_area_three .four {
    opacity: 0.25!important;
}

.body_dark .border_bottom {
    background: #3a3a3a!important;
}

.body_dark .breadcrumb .breadcrumb-item:last-child {
    color: var(--white);
}

.body_dark .doc-block a {
    color: #beb8b0!important;
}

li img {
    clear: both;
    margin: 40px 0;
    display: block;
}

/* .doc_left_sidebarlist {
	overflow-y: scroll!important;
    max-height: 80vh!important;
    height: 80vh!important;
}

.mCSB_container {
    overflow: scroll!important;
} */

.simple_footer p {
    color: var(--black_150);
}

.footer .menu > .menu-item {
  transition: all 0.3s linear;
	display: inline-block;
	margin-left: 15px;
}

.footer .menu > .menu-item:first-child {
	margin-left: 0;
}

.footer .menu > .menu-item > a {
    font-size: 14px;
    font-weight: 500;
    color: var(--black_150);
    padding: 0;
}

.footer .menu > .menu-item > a:hover {
    color: var(--brand_color);
}

.menu.footer .menu {
	margin-bottom: 0;
}

#back-to-top::after {
    font-size: 1.5em;
    line-height: 30px;
}
#back-to-top {
	width: 30px;
    height: 30px;
    bottom: 15px;
    right: 10px;
}

.single-docs .simple_footer {
    margin-top: 60px;
}

.table-of-contents {

}

.doc-block a {
	color: var(--p_color);
}

.doc-block a:hover {
	color: var(--brand_color);
}

ul.doc-block {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #eee;
	line-height: 2;
}

ul.doc-block,
ul.second-level,
ul.third-level {
	padding-left: 20px;
}

.first-level {
	font-size: 1.25rem;
}

ul.third-level {
	margin-bottom: 10px;
}

.other-docs {
	margin-top: 40px;
}

.other-docs a {
	color: var(--brand_color);
}

form.banner_search_form #inlineFormCustomSelect {
	background: #fafcfd;
	border: 1px solid #e1e4e5;
}

form.banner_search_form #inlineFormCustomSelect:focus {
	box-shadow: unset;
}

form.banner_search_form #inlineFormCustomSelect div.input-group-append:after {
	border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 5px;
	
	border-bottom: 2px solid var(--p_color);
    border-right: 2px solid var(--p_color);
    height: 8px;
    width: 8px;
    right: 28px;
    margin-top: -6px;
	content: "";
    display: inline-block;

	

}
#dropdown-icon {
    position: absolute;
    right: 15px;
    top: 10px;
}

#dropdown-icon:after {
    content: "3";
    font-family: eleganticons;
    font-weight: normal;
    font-style: normal;
    font-size: 1.3em;
    line-height: 26px;
}
.sec_pad {
	padding: 50px 0;
}

.home .sec_pad {
    padding: 30px 0;
}

.onepage-doc .doc-container {
	padding-top: 50px;
}

.categories_guide_item {
    padding: 20px;
    margin-bottom: 20px;
}

.banner_search_form .form-control,
.search_form .form-control {
    background: #f3f3f3!important;
    border: 1px solid #ccc!important;
	font-weight: bold!important;
}

.banner_search_form .form-control::-webkit-input-placeholder,
.search_form .form-control::-webkit-input-placeholder {
	color: var(--secondary_color)!important;
	font-weight: bold!important;
}