/*
 * SCTO CSS File
 *
 * This file contains custom changes to the 'starterbootstrap' theme for the StartupCTO website
 *
 */

/*
 * HEADER/NAV
 *
 */
.not-header{
	padding-top:20px;
}

.navbar-default {
 	background-color: white; 
 	border:none;
 	-webkit-box-shadow: 0px 3px 1px 0px rgba(50, 50, 50, 0.1);
	-moz-box-shadow:    0px 3px 1px 0px rgba(50, 50, 50, 0.1);
	box-shadow:         0px 3px 1px 0px rgba(50, 50, 50, 0.1);
}

.border-top{
	height:10px;
	background: rgb(255,199,1); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgb(255,199,1) 7%, rgb(255,199,1) 61%, rgb(255,118,0) 61%, rgb(255,118,0) 69%, rgb(255,118,0) 70%, rgb(255,78,0) 70%, rgb(255,78,0) 74%, rgb(254,0,33) 74%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(7%,rgb(255,199,1)), color-stop(61%,rgb(255,199,1)), color-stop(61%,rgb(255,118,0)), color-stop(69%,rgb(255,118,0)), color-stop(70%,rgb(255,118,0)), color-stop(70%,rgb(255,78,0)), color-stop(74%,rgb(255,78,0)), color-stop(74%,rgb(254,0,33))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, rgb(255,199,1) 7%,rgb(255,199,1) 61%,rgb(255,118,0) 61%,rgb(255,118,0) 69%,rgb(255,118,0) 70%,rgb(255,78,0) 70%,rgb(255,78,0) 74%,rgb(254,0,33) 74%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, rgb(255,199,1) 7%,rgb(255,199,1) 61%,rgb(255,118,0) 61%,rgb(255,118,0) 69%,rgb(255,118,0) 70%,rgb(255,78,0) 70%,rgb(255,78,0) 74%,rgb(254,0,33) 74%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, rgb(255,199,1) 7%,rgb(255,199,1) 61%,rgb(255,118,0) 61%,rgb(255,118,0) 69%,rgb(255,118,0) 70%,rgb(255,78,0) 70%,rgb(255,78,0) 74%,rgb(254,0,33) 74%); /* IE10+ */
	background: linear-gradient(135deg, rgb(255,199,1) 7%,rgb(255,199,1) 61%,rgb(255,118,0) 61%,rgb(255,118,0) 69%,rgb(255,118,0) 70%,rgb(255,78,0) 70%,rgb(255,78,0) 74%,rgb(254,0,33) 74%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc701', endColorstr='#fe0021',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.navbar .social-header li a {
	color: #b2b2b2!important;
}

.navbar .social-header li a:hover {
	color:black!important;
}

.navbar li a {
	color:#6b6b6b!important;
}
.navbar li a:hover {
	color:#e5493a!important;
	background-color: #eee!important;
}

.navbar-brand {
	font-weight: bold;
	font-size:25px;
	color:black!important;
}

.navbar-collapse {
	text-align: center;
}

.fa-code {
	padding:0 10px 0 10px;
	font-size: 3.0em!important;
}

.skip-to-sidebar {
	background-color:black;
	border-color:black;
	font-weight: bold;
	text-transform: uppercase;
}

.skip-to-sidebar:hover {
	background-color:#e5493a;
	border-color:#e5493a;
}

/*
 * TRACE
 *
 */
.breadcrumb-nav {
	background-color:#f5f5f5;
	border-bottom: 1px solid #e9e9e9;
	border-radius:0;
}

.breadcrumb {
	text-align: left;
	padding-top: 18px;	
	margin: auto;	
}

.breadcrumb li {
	font-weight:600;
	font-size:12px;
}

.breadcrumb a, 
.recent {	
	color: black!important;
}

.breadcrumb a:hover, 
.recent:hover {
	color:#e5493a!important;
	text-decoration: none;
}

/*
 * SIDEBAR - SEARCH/INDEXMENU
 *
 */
#dw__search {
	margin-top:0;
	margin-bottom:30px;
}

#qsearch__in:focus {
	border-color:#e5493a!important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    /* box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); */
}

.dtree {
	font-family: 'Raleway', sans-serif;
	font-size:16px;
}

.dtree a {
	color:black!important;	
}

.dtree a:hover {
	color:#e5493a!important;
	text-decoration: none!important;
}

.dtree a.navSel {
	background-color: #f5f5f5!important;
}

.sidebar-page ul .li {
	padding: 0px !important;;
	border: 0px !important;;
}

/*
 * RECENT CHANGES
 *
 */
#changes ul {
	list-style:none;
	padding-left:0;
}

#changes {
	float:left;
	width: 100%;
}

#changes tr {
	border-color:#343434!important;
	color:#959595;
}

#changes tr a {
	color:#959595!important;
}

#changes tr a:hover {
	color:#ffc602!important;
}

.blog-changes {
	width:100%;
}

.blog-changes tr {
	border-bottom:1px solid #e9e9e9!important;
}

.blog-changes tr:last-of-type {	
	border-bottom:0!important;
}	

/*
 * FOOTER
 *
 */
.footer-upper .col-md-3 {
	padding-right:25px;
	padding-left:25px;
}

.footerinc {
	color:#959595;
}

.footer-upper h4 {
	color:#ffc602;
	padding-bottom:15px;
}

.footer-bottom {
	background-color:black;
	width:100%;
	height:40px;
	color: #959595;
	font-size: 13px;
	line-height: 40px;
}

.footer-upper {
	background-color:#202020;
	padding: 95px 0 85px;
}

.footer-upper p {
	padding-top:15px;
}

.social-footer,
.social-header {
	list-style: none;
	padding:0;
	text-align: left;
}

.social-footer {
	padding-top:15px;
}

.social-footer li,
.social-header li {
	display: inline-block;
	color: #fff;
	margin: 0;
	padding:0;
}

.social-footer li:first-of-type {
	padding-right:30px;
}

.social-footer li a {
	position: relative;
	width: 20px;
	height: 20px;
	color: #b2b2b2;
}

.social-footer li a:hover {
	color:white;
}

#about-me a {
	color:#e5493a;
}

#about-me a:hover {
	color:#ffc602!important;
	text-decoration: none;
}

.mail, .mail a {
	padding-top:10px!important;
	color:#e5493a;
	font-weight: bold!important;
	font-size:16px;
}

.mail a:hover {
	color:white;
	text-decoration: none;
}

/*
 * PAGE STRUCTURE
 *
 */
body {
	font-family: 'Raleway', sans-serif;
	color: #373737;
	font-size: 16px;
}

.dokuwiki a.wikilink1 {
	color:#e5493a;
}

.dokuwiki a.wikilink1:hover {
	color:black;
	text-decoration: none;
}

.dokuwiki a.wikilink2:link, 
.dokuwiki a.wikilink2:visited{
	border:0;
}

.dokuwiki a.wikilink2:hover {
	color:black;
	text-decoration: none;
}

h1,
h2,
h3,
h3,
h4 {
	font-weight: bold;
}

h4 {
	font-size:18px!important;
}

.page h1:first-of-type {
	border-bottom: 0px;
}

#dokuwiki__content a {
	color:#e5493a!important;
}

#dokuwiki__content a:hover {
	text-decoration: none;
	color: black!important;
}

a, input[type='submit'],
input[type='button'] {
	-webkit-transition: border-color 150ms linear, background-color 150ms linear, color 150ms linear, opacity 150ms linear;
	transition: border-color 150ms linear, background-color 150ms linear, color 150ms linear, opacity 150ms linear;
}

.toolbutton {
	border-color: white;
}

td.page>ul {
	margin:0!important;
	margin-bottom:15px!important;
	margin-top:15px!important;
}

.fa-area-chart {
	font-size:3.77em!important;
}

.fa-edit {
	font-size:4.28em!important;
}

.fa-download {
	font-size:4.6em!important;
}

.fa-file-word-o {
	font-size:4.7em!important;
	padding-right:13px!important;
}

.fa-twitter, 
.fa-facebook-square {
	font-size:1.3em!important;
}

div.table, 
.table-responsive {
	border:none;
}

ul.doc {
	border:none;
	background:none;
}

.date,
.divider {
	float:left;
}

.dropdown-menu>li>a:hover {
	color:#e5493a!important;
}

.dropdown-header {
	font-weight: bold;
	font-size: 16px;
	padding-left: 10px;

}

.dokuwiki textarea.edit {
	height:auto;
}

/*
 * DISCUSSION SECTION
 *
 */
a#discussion__section {
	color:#000000!important;
	padding-bottom:30px;
}

div.comment_wrapper {
	margin:0!important;
	background-color: transparent!important;
}

div.comment_buttons .button {
	padding: 0; 
	font-size: 11px; 
	background-color: #fff;
	background-image: none;
	border: 1px solid transparent;
	border-color: none; 
	border-radius: 4px; 
	font-weight: bold;
}

div.comment_buttons input.button {
	margin:0 !important;
}


#discussion__btn_submit,
#discussion__btn_preview {
	text-transform: uppercase;
	font-weight: bold;
	color:white;
	background-color:black;
	font-size: 14px;
	padding: 6px 12px 5px 12px;
	border-color: #ccc;
	float:none;
}

#discussion__btn_submit:hover,
#discussion__btn_preview:hover {
	background-color:#e5493a;
}

div.comment_subscribe {
	float:none!important;
	display:block!important;
	padding-left: 0!important;
}

#plugin__captcha_wrapper {
	padding-bottom: 10px;
}

/*
 * ADMIN MODE
 *
 */
 div.dokuwiki.mode_admin div.comment_buttons {
	float: none;
	margin-top: 0px;
}

/* override bootstrap css */
div.dokuwiki.mode_admin div.mediaright select, 
div.dokuwiki.mode_admin div.mediaright input {
	display: inline;
	width: auto;
}

#config__manager td.label span.outkey {
	background-color: #fff;
	color: #e5493a;
}

/*
 * SEARCH RESULTS
 *
 */
.mode_search .search_quickresult {
	display: none;
}

/*
 * MEDIA QUERIES
 *
 */

@media (max-width: 992px) {
	.footer-upper h4 {
		padding-top:50px;
	}
	#changes {
		float:none;
	}
	.footer-upper h4,
	.footer-upper p,
	.footer-upper .blog-changes {
		text-align:center;

	}
}

@media (min-width: 768px){
	#dw__search {
		float:none!important;
	}
}

@media (max-width: 768px) {
	.navbar-brand {
		padding-left: 0px;
	}
	.fa-code{
		padding-left:15px;
	}
	#dokuwiki__top .navbar-right {
		margin-right:-15px!important;
	}
	#dokuwiki__content {
		padding-top:20px;
	}
	.nav-container {
		width: 61%;
		margin-left:30%;
		text-align: left;
	}
	.dropdown-header {
		display: none;
	}

	.sidebar-page {
		text-align:center;
	}
	#dw__search {
		width: 60%;
		margin-left: 20%;
		margin-right: 20%;
	}
	.blog-changes {
		width: 50%;
		margin-left: 25%;
		margin-right: 25%;	
	}
	.social-footer{
		text-align: center;
	}
}

@media (max-width: 570px) {

	#dw__search {
		width: 100%;
		margin-left: 0;
		margin-right: 0;	
	}
	.blog-changes {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
}


@media (max-width: 480px) {
	.navbar-brand {
		font-size:20px;
		padding-left: 0px;
	}
	.fa-code{
		font-size: 2.5em!important;
		padding-top: 5px;
		padding-left:5px;
	}
	.table-responsive>table>tbody>tr>td{
		white-space: normal!important;
	}

}

@media (max-width: 420px) {
	.nav-container {
		width: 65%;
		margin-left:20%;
		text-align: left;
	}
}

@media (max-width: 380px) {
	.date {
		float:none;
	}
	.divider {
		display:none;
	}
}

@media (max-width: 310px) {
	button.navbar-toggle {
		margin-right: 0px;
	}
	.nav-container {
		width:70%;
	}
}