/*
 * Theme Name:     KnowAll Child Theme
 * Theme URI: 		http://herothemes.com/
 * Description:    Child theme for KnowAll 
 * Author: 		HeroThemes
 * Author URI: 	http://herothemes.com
 * Template:       knowall
 * Version:        1.0.0
 * */

/* ------- Insert custom styles below this line ------- */
// This stuff was in the Custom CSS gui for the knowall theme... 

// Breadcrumb CSS is in the custom css gui... it wasn't working from here...
/* Hide all breadcrumbs */
//.hkb-breadcrumbs {
//display: none;
//}
/* Show first child breadcrumb */
//.hkb-breadcrumbs:nth-child(1) {
//display: initial;
//}

/* Give images a small amount of padding on the bottom.
 *  */
img.alignnone {
}

/* 
 * Add a slight border around images in LISTS (guides) to better define an image from the text
 *  */
div.hkb-article__content img {
border: solid 2px;
border-radius: 3px;
color: #f3f3f3;
margin-bottom: 24px;
} 

/* hide referral URL */
input.referer-page { display:none; }

/* use shrink to reduce the size of Notes
 *  */
.shrink p {
			margin: .5em 0em;
}

.shrink {
		font-size:smaller;
		margin: 0em;
		padding: 1em;
}

.hts-messages p {
			margin: .5em 0em;
}

.hts-message {
		font-size:smaller;
		margin: 0em;
		padding: 1em;
}

/* Ordered Lists to Alpha anm Roman */

ol li ol li {
    list-style-type: lower-alpha;
}

ol li ol li ol li{
    list-style-type: upper-roman;
}

ol li ol li ol li ol li{
    list-style-type: lower-roman;
}

/* Allow H3 tags to behave like normal text for better Google SEO
 *  */

.hkb-article__content .hts-toggle__title h3 {
    margin: 0 0 0 0px;
}

.hkb-article__content .hts-toggle__title h3 {
    font-size: 15px;
    line-height: 1.3;
    padding-top: 0px;
}

/*** Shrink the header so more of the screen is usable ***/

.site-header .site-header__search {
    padding-bottom: 60px;
}

/*** CSS for pretty video iframes ***/
.fluid-video{
	display:block;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%; /* 16/9 format */
	overflow: hidden;
	position: relative;
  border: solid 4px;
  border-radius: 3px;
  border-color: #318b75;
}

/*** CSS for pretty video iframes ***/
.fluid-video iframe, .fluid-video embed, .fluid-video object{
	width: 100%!important; height: 100%!important;
	position: absolute;
	top: 0; left: 0;
}

/*** buttons from uvm.edu drupal ***/

.button-kb a {
    color: #fff;
}

.button-kb {
    background-color: #66ac47;
    border-radius: .625em;
    box-shadow: 1px 1px 8px #666;
    color: #fff;
    font-family: "Oswald", sans-serif, serif;
    font-size: 1em;
    font-weight: 400;
    letter-spacing: .06em;
    margin-bottom: .25em;
    margin-top: 1em;
    max-height: 4.75em;
    overflow: hidden;
    padding: .625em 1em .625em 1.5em;
    text-shadow: 1px 1px 4px #666;
    text-transform: uppercase;
    background-repeat: no-repeat;
    background-size: 45px 45px;
    background-position: right;
}

#bbguides, #bbguides * { border-style: none;}

/* hide empty p tags */
p:empty { display:none; }

/*** Suggested Style Changes ***/

h2 {
    font-size: 1.688rem;
}

h3 {
        font-size: 1.5rem;
}

h4 {
        font-size: 1.313rem;
}

/*
body, input, optgroup, select, textarea {
    font-family: Roboto;
    font-size: 1.12rem;
    font-weight: 400;
    line-height: 1.55;
    color: #272727f0;
}

.hkb-article__content p {
        font-size: 1.12rem;
        color: #272727f0;
    margin: 0 0 22px;
}
*/

/*** Make message font 'slightly' smaller ***/
.hts-messages {
    position: relative;
    padding: 20px 25px;
    margin: 0 0 22px;
    font-size: 90%;
    border-radius: 5px;
}