/* ==========================================================================
   Author's custom styles
   ========================================================================== */


html { background:url(/National_Library/20170827070107oe_/https://kiwiirc.com/img/bkgs/bkg_smoky_cords.jpg) top left repeat #E3E3E3; }
body {
	background:none;
    padding-top: 70px;
    padding-bottom: 40px;
}
body.home { padding-top: 40px; }

/* Make sure anchors are displayed under the header and not at the top of the page */
a.anchor{display: block; position: relative; top: -70px; visibility: hidden;}
.markdown h1[id]:before,
.markdown h2[id]:before,
.markdown h3[id]:before,
.markdown h4[id]:before,
.markdown h5[id]:before { content: ''; display: block; position: relative; width: 0; height: 5em; margin-top: -70px }


/* Bootstraps does funny things on narrow screens. Reset some things to make them work */
@media (max-width: 979px) {
	body, body.home { padding-top: 0; }
	.navbar-fixed-top { margin-bottom: 0; }
	.home-fullheader { margin-left: -20px; margin-right: -20px; }
}

.hero-unit {
	background: #6f932c; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #6f932c 0%, #425e16 110%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#6f932c), color-stop(110%,#425e16)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, #6f932c 0%,#425e16 110%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, #6f932c 0%,#425e16 110%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, #6f932c 0%,#425e16 110%); /* IE10+ */
	background: radial-gradient(ellipse at center, #6f932c 0%,#425e16 110%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f932c', endColorstr='#425e16',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border-radius: 0;
	top: -30px;
}



/* Horizontal Rules & Divisions */
hr {
	border: solid #DDD;
	border-width: 1px 0 0;
	clear: both;
	margin: 30px 0;
	height: 0;

	border-color: #E0E0E0 white #F9F9F9 white;
	border-bottom-width: 1px;
}
hr.stripes{
	height:10px;
	background: transparent url(/National_Library/20170827070107oe_/https://kiwiirc.com/img/stripes_small_05.png) top left repeat;
	border: none;
}
hr.fat{
	border-top:4px solid #efefef;
}
hr.mini{
	width:30%;
	margin:1em auto 2.6em auto;
	display:block;
}



/* #Links
================================================== */
	a, a:visited { color: #d83f28; text-decoration: underline; outline: 0; }
	a:hover, a:focus { color: #000; outline: 0; }
	p a, p a:visited, p a.button { line-height: inherit; }




/* #Typography
================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Droid Serif", "Georgia", "Times New Roman", Helvetica, Arial, sans-serif;
	font-weight: normal;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
.subheader { color: #777; }


.styled {
	font-family: "Droid Serif", "Merriweather", "Georgia", "Times New Roman";
}


/*	Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }




/* #Buttons
================================================== */
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
	background: #eee; /* Old browsers */
	background: #eee -moz-linear-gradient(top, rgba(255,255,255,.1) 0%, rgba(0,0,0,.1) 100%); /* FF3.6+ */
	background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.1)), color-stop(100%,rgba(0,0,0,.1))); /* Chrome,Safari4+ */
	background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%); /* Chrome10+,Safari5.1+ */
	background: #eee -o-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%); /* Opera11.10+ */
	background: #eee -ms-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%); /* IE10+ */
	background: #eee linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%); /* W3C */

	box-shadow:inset 0 1px 1px rgba(255,255,255,.6);

	text-transform:uppercase;
	text-decoration:none;

	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 4px;

	border: 1px solid #aaa;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;

	color: #666;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;

	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;

	font-size:0.9em;
	line-height:1.7em;
}
a.btn:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover {
	color: #222;
	background: #e6e6e6; /* Old browsers */
	background: #e6e6e6 -moz-linear-gradient(top, rgba(255,255,255,.1) 0%, rgba(0,0,0,.1) 100%); /* FF3.6+ */
	background: #e6e6e6 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.1)), color-stop(100%,rgba(0,0,0,.1))); /* Chrome,Safari4+ */
	background: #e6e6e6 -webkit-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%); /* Chrome10+,Safari5.1+ */
	background: #e6e6e6 -o-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%); /* Opera11.10+ */
	background: #e6e6e6 -ms-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%); /* IE10+ */
	background: #e6e6e6 linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%); /* W3C */

	background: #e6e6e6 -webkit-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%); /* Chrome10+,Safari5.1+ */

	border: 1px solid #888;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa; }
}


/* Blue */
a.btn-primary,
input[type="submit"].btn-primary,
input[type="reset"].btn-primary,
input[type="button"].btn-primary,
button.btn-primary {
	background-color:#73B8FF;
	color:#165DA6;
	border:1px solid #0D58A6;
	border-top-color:#4188D3;
	border-left-color:#4188D3;

	text-shadow: 0 1px rgba(255, 255, 255, .4);
	box-shadow:inset 0 1px 1px rgba(255,255,255,.3);
}
a.btn-primary:hover,
input[type="submit"].btn-primary:hover,
input[type="reset"].btn-primary:hover,
input[type="button"].btn-primary:hover,
button.btn-primary:hover {
	background-color:#44A0FF;
	color:#04376C;
	border:1px solid #0D58A6;
	border-top-color:#4188D3;
	border-left-color:#4188D3;
}


a.btn-success,
input[type="submit"].btn-success,
input[type="reset"].btn-success,
input[type="button"].btn-success,
button.btn-success {
	background-color:#9CEF6C;
	color:#369100;
	border:1px solid #47A211;
	border-top-color:#58B322;
	border-left-color:#58B322;

	text-shadow: 0 1px rgba(255, 255, 255, .4);
	box-shadow:inset 0 1px 1px rgba(255,255,255,.3);
}
a.btn-success:hover,
input[type="submit"].btn-success:hover,
input[type="reset"].btn-success:hover,
input[type="button"].btn-success:hover,
button.btn-success:hover {
	background-color:#8BDE5B;
	color:#147000;
	border:1px solid #369100;
	border-top-color:#58B322;
	border-left-color:#58B322;
}


a.btn-danger,
input[type="submit"].btn-danger,
input[type="reset"].btn-danger,
input[type="button"].btn-danger,
button.btn-danger {
	background-color:#ef452c;
	color:#901B09;
	border:1px solid #901B09;
	border-top-color:#B23D2B;
	border-left-color:#B23D2B;

	text-shadow: 0 1px rgba(255, 255, 255, .2);
	box-shadow:inset 0 1px 1px rgba(255,255,255,.3);
}
a.btn-danger:hover,
input[type="submit"].btn-danger:hover,
input[type="reset"].btn-danger:hover,
input[type="button"].btn-danger:hover,
button.btn-danger:hover {
	background-color:#de341b;
	color:#700907;
	border:1px solid #901B09;
	border-top-color:#B23D2B;
	border-left-color:#B23D2B;
}

/* Purple */
a.btn-info,
input[type="submit"].btn-info,
input[type="reset"].btn-info,
input[type="button"].btn-info,
button.btn-info {
	background-color:#A67FE2;
	color:#3A0D80;
	border:1px solid #3A0D80;
	border-top-color:#804BD1;
	border-left-color:#804BD1;

	text-shadow: 0 1px rgba(255, 255, 255, .2);
	box-shadow:inset 0 1px 1px rgba(255,255,255,.2);
}
a.btn-info:hover,
input[type="submit"].btn-hover,
input[type="reset"].btn-hover,
input[type="button"].btn-hover,
button.btn-hover {
	background-color:#905CE2;
	color:#290C70;
	border:1px solid #3A0D80;
	border-top-color:#804BD1;
	border-left-color:#804BD1;

	text-shadow: 0 1px rgba(255, 255, 255, .2);
	box-shadow:inset 0 1px 1px rgba(255,255,255,.2);
}

/* Yellow */
a.btn-warning,
input[type="submit"].btn-warning,
input[type="reset"].btn-warning,
input[type="button"].btn-warning,
button.btn-warning {
	background-color:#FFE373;
	color:#A68916;
	border:1px solid #C8AB38;
	border-top-color:#FFD945;
	border-left-color:#FFD945;

	text-shadow: 0 1px rgba(255, 255, 255, .4);
	box-shadow:inset 0 1px 1px rgba(255,255,255,.4);
}
a.btn-warning:hover,
input[type="submit"].btn-warning:hover,
input[type="reset"].btn-warning:hover,
input[type="button"].btn-warning:hover,
button.btn-warning:hover {
	background-color:#FFD945;
	color:#957805;
	border:1px solid #A68916;
	border-top-color:#FFD945;
	border-left-color:#FFD945;
}


a.btn-full,
input[type="submit"].btn-full,
input[type="reset"].btn-full,
input[type="button"].btn-full,
button.btn-full {
	display:block;
	text-align:center;
	clear:both;
}
a.btn-lighttext,
input[type="submit"].btn-lighttext,
input[type="reset"].btn-lighttext,
input[type="button"].btn-lighttext,
button.btn-lighttext {
	color:#f9f9f9 !important;
	text-shadow:0px -1px 1px rgba(0,0,0,.3) !important;
}





/* #Forms
================================================== */

	form {
		margin-bottom: 20px; }
	fieldset {
		margin-bottom: 20px; }
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea {
		border: 1px solid #ccc;
		padding: 6px 4px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #777;
		margin: 0;
		width: 210px;
		max-width: 100%;
		display: block;
		margin-bottom: 20px;
		background: #fff; }

	input[type="checkbox"] {
		margin-bottom: 20px;
	}
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		border: 1px solid #aaa;
 		color: #444;
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2); }
	textarea {
		min-height: 60px; }
	label,
	legend {
		display: block;
		font-weight: bold;
		font-size: 13px;  }
	select {
		width: 220px; }
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }





/**
 * Notifications and alerts
 */
.alert,
div.wpcf7-response-output{
	padding:10px 10px 10px 40px;
	/*font-size:11px;*/
	margin:20px 0px 10px 0px;
}
.alert p,
.alert h6,
.alert h5,
.alert h4{
	color:inherit;
}
.alert h6 {
	font-weight:bold;
}
.alert p{
	margin-bottom:0;
	color:inherit !important;
}
.alert-notification,
div.wpcf7-response-output{
	color: #4F8A10;
	background: #DFF2BF url(/National_Library/20170827070107oe_/https://kiwiirc.com/img/icons/tick_green.png) 15px 13px no-repeat;
	border: 1px solid #4F8A10;
}
.alert-warning,
div.wpcf7-response-output.wpcf7-validation-errors{
	border:1px solid #DDB723;
	background: #FFEA73 url(/National_Library/20170827070107oe_/https://kiwiirc.com/img/icons/warning.png) 15px 13px no-repeat;
	color: #A63C00;
}
.alert-error,
.wpcf7-response-output.wpcf7-mail-sent-ng{
	color: #D8000C;
	background: #FFBABA url(/National_Library/20170827070107oe_/https://kiwiirc.com/img/icons/cross.png) 15px 13px no-repeat;
	border: 1px solid #D8000C;
	text-shadow:none;
}



/* #Tabs
============================================= */
	ul.tabs {
		display: block;
		margin: 0 0 20px 0;
		padding: 0;
		border-bottom: solid 1px #ddd; }
	ul.tabs li {
		display: block;
		width: auto;
		height: 30px;
		padding: 0;
		float: left;
		margin-bottom: 0; }
	ul.tabs li a {
		display: block;
		text-decoration: none;
		width: auto;
		height: 29px;
		padding: 0px 20px;
		line-height: 30px;
		border: solid 1px #ddd;
		border-width: 1px 1px 0 0;
		margin: 0;
		background: #f5f5f5;
		font-size: 13px; }
	ul.tabs li a.active {
		background: #fff;
		height: 30px;
		position: relative;
		top: -4px;
		padding-top: 4px;
		border-left-width: 1px;
		margin: 0 0 0 -1px;
		color: #111;
		-moz-border-radius-topleft: 2px;
		-webkit-border-top-left-radius: 2px;
		border-top-left-radius: 2px;
		-moz-border-radius-topright: 2px;
		-webkit-border-top-right-radius: 2px;
		border-top-right-radius: 2px; }
	ul.tabs li:first-child a.active {
		margin-left: 0; }
	ul.tabs li:first-child a {
		border-width: 1px 1px 0 1px;
		-moz-border-radius-topleft: 2px;
		-webkit-border-top-left-radius: 2px;
		border-top-left-radius: 2px; }
	ul.tabs li:last-child a {
		-moz-border-radius-topright: 2px;
		-webkit-border-top-right-radius: 2px;
		border-top-right-radius: 2px; }

	ul.tabs-content { margin: 0; display: block; }
	ul.tabs-content > li { display:none; }
	ul.tabs-content > li.active { display: block; }

	/* Clearfixing tabs for beautiful stacking */
	ul.tabs:before,
	ul.tabs:after {
	  content: '\0020';
	  display: block;
	  overflow: hidden;
	  visibility: hidden;
	  width: 0;
	  height: 0; }
	ul.tabs:after {
	  clear: both; }
	ul.tabs {
	  zoom: 1; }

ul.tabs{
	margin-top:2em;
}
ul.tabs:after { }
ul.tabs li a{
	background:#f5f5f5 url(/National_Library/20170827070107oe_/https://kiwiirc.com/img/bkgs/stripes_tiny_05.png) repeat;
}
ul.tabs li a.active{
	border-top:2px solid #444;
	top:-5px;
}
ul.tabs-content{
	border-bottom:1px solid #eee;
	padding-bottom:1em;
	margin-bottom:2em;
}
ul.tabs-content li{
	font-size:.9em;
}




/**
 * Blog stuff
 */
/* BLOG LIST - Widget Style */
.bloglist article {
	clear:both;
	overflow: hidden;
	margin:1em 0 0 0;
	padding-bottom:1em;
	border-bottom:1px dotted #eee;
}
.bloglist article h1 {
	font-size:1.1em;
	line-height:1.2em;
	margin-bottom:.2em;
	letter-spacing:-1px;
}
.bloglist article img {
	display:block;
}
.bloglist .entry-meta{
	border:1px dotted #efefef;
	border-width: 0 0 1px 0px;
	font-size:.8em;
	border-color: #d9d9d9;
	line-height:1.8em;
	padding-bottom:.3em;
	margin-bottom:1em;

	float:left;
	width:100%;
	color:#aaa;
	clear: both;
}
.bloglist .entry-meta a,
.bloglist .entry-meta time{
	color:#777;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
}

.bloglist .entry-meta a {
	color: #777;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}
.bloglist .entry-excerpt {
	font-size:1em;
}
.bloglist .entry-excerpt p {
	margin-bottom:0;
}

.bloglist .entry-content {
	line-height: 1.7em;
	font-size: 1.1em;
}
.bloglist .entry-content p {
	margin-bottom: 1em;
}
.bloglist .read_more {
	float: right;
	margin: 10px 2em 0 0;
}

.blogpost .post_title a {
	color: #333333;
	text-decoration: none;
}
.blogpost .post_title a:visited {
	color: #333333;
}

.bloglist.blogtitles h4 {
}
.bloglist.blogtitles a {
	display:block;
	text-decoration: none;
}





/**
 * Features section
 */
.row.features ul.list { list-style: none; margin-left: 0; }
.row.features ul.list li { overflow: hidden; padding: 10px 0; }
.row.features .list li span { line-height:2.5em; text-align:center; display:block; font-size:1.3em; }
.row.features .list li img { margin:0 auto; display:block; }
.row.features h2 { text-align: center; margin: 0.5em 0 1.5em 0; }
.row.features h3 { text-align: center; }
.row.features .show-details { text-align: center; margin-bottom: 30px; }

/* Wide */
@media (min-width: 1200px) {
	.row.features .list li img { float:left; margin-right:1em; }
	.row.features .list li span { line-height:90px; display:block; text-align: left; }
}



/**
 * Enabling section
 */
.kiwi_enable form { width: 220px; margin: 0 auto; }
.kiwi_enable form button { margin-right:auto; margin-left:auto; }
.network_included img { border:2px solid #555; display:block; margin:1em auto 2em auto; }


/**
 * Embedding section
 */
.code_generator form {  }
.code_generator form button { }
.code_generator .result { margin-top:1em; }
.code_generator .result textarea { width:100%; height:100px; }
.code_generator .result p { font-size:0.9em; }


/**
 * Docs + markdown
 */
.markdown { line-height:1.8em; }
.markdown h1,
.markdown h2,
.markdown h3,
.markdown h4,
.markdown h5,
.markdown h6 { margin:2em 0 1em; }
.markdown h1,
.markdown h2,
.markdown h3 { border-bottom:1px solid #ccc; }
.sidebar > ul > li { margin-bottom: 1em; }
