/*==============================================================================

 * Template Name: Kondaco - Creative Multipurpose Portfolio HTML Template
 * Template URI: 
 * Author: ixTheme
 * Description: Creative Multipurpose Portfolio HTML Template
 * Version: 1.0
 * Copyright 2018 ixTheme

==============================================================================*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700');

body {
    font-family: 'Montserrat', sans-serif;
    font-size: 17px;
}

.doc_main_title {
	padding: 50px 0;
	border-bottom: 1px solid #ddd;
	margin-bottom: 50px;
}

.doc_main_title i {
	display: block;
	margin-bottom: 10px;
	font-style: inherit;
	font-size: 24px;
	color: #777;
}

.documentation_menu {
	position: fixed;
	width: 310px;
	background-color: #fff;
	height: 100%;
	-webkit-box-shadow: 0 0 25px #ddd;
	box-shadow: 0 0 25px #ddd;
	padding-top: 15px;
	overflow-y: scroll;
}

.documentation_menu h3 {
	padding-left: 20px;
	padding-bottom: 12px;
	padding-top: 8px;
	font-weight: 600 !important;
	font-size: 23px;
}

.documentation_menu li {
	transition: .15s;
	-webkit-transition: .15s;
	-moz-transition: .15s;
	-ms-transition: .15s;
	-o-transition: .15s;
}

.documentation_menu li a {
	color: #000;
	padding: 8px 20px 5px;
	display: block;
	transition: .15s;
	-webkit-transition: .15s;
	-moz-transition: .15s;
	-ms-transition: .15s;
	-o-transition: .15s;
	font-weight: 600;
	font-size: 16px;
}

.documentation_menu li a:hover {
	color: #fff;
    background-color: #2658e7;
    text-decoration: none;
}

.active {
	color: #fff !important;
	background-color: #2658e7;
}

.active a {
	color: #fff !important;
}

.documentation_content {
	width: calc(100% - 310px);
	float: right;
}
pre{
    background-color: #f8f8f8;
    padding: 25px 0;
    border: 1px solid #ddd;
}
.bg-red{
    background-color: #bf2340;
    color: #fff;
    padding: 1px;
}

.template_info p{
    margin-bottom: 0;
}

img{
	box-shadow: 2px 1px 13px #999;
}

h2.section-heading {
	background-color: #2658e7;
	color: #fff;
	padding: 10px 20px !important;
	font-size: 23px;
	border-radius: 4px;
	margin-top: 50px;
	margin-bottom: 15px;
}