/**
 * basic.css
 * General base stylesheet
 */

/**
 * Base Structure - body, html, etc.
 * --------------------------------------------------
 */


body {
    padding-top: 50px;
    font-family: "Source Sans Pro", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 18px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Rosario", "Source Sans Pro", "Helvetica Neue", Verdana, Arial, sans-serif;
}

p {
    margin: 20px 0 20px 0;
    line-height: 1.6em;
}

#page-content-wrapper {
    padding: 40px 15px;
    margin: 0 auto;
}

/*adjust #page-content-wrapper because different widths look best at different sizes*/
@media (max-width: 767px) {
    #page-content-wrapper {
        width: 92%;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
  #page-content-wrapper {
        width: 92%;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #page-content-wrapper {
        width: 88%;
    }
}
@media (min-width: 1200px) {
  #page-content-wrapper {
        width: 70%;
    }
}

.site-header {
    background: #ccc;
    height: 200px;
}

.site-footer {
    border-top: 1px solid #ccc;
    margin-top: 20px;
    padding-top: 20px;
    font-size: 90%;
}

.site-footer h2 {
    font-size: 130%;
}

/*Increase navbar-brand font size*/
.navbar-brand {
    font-size: 22px;
    line-height: 24px;
}

/* Move navbar text right a little bit */
.navbar {
    padding-left: 20px;
}

/* Fix default menu dropdown font size being tiny */
.dropdown-menu {
    font-size: 18px;
}

/* Simple definition list style */
dd {
    text-indent: 20px;
}

/* Blockquote overrides/styles; not sure how these actually look with default Bootstrap but whatever */
blockquote {
    font-size: 18px;
    border-left: none;
    background-color: #555;
    padding: 20px 30px;
    border: 1px #777 solid;
}

blockquote p:first-of-type {
    margin-top: 0px;
}

.post-content li {
    padding: 10px 0 0 10px;
}

/* Override the default size at which the navbar collapses into a hamburger (http://www.bootply.com/120604), since otherwise the navbar grows taller as the width shrinks and covers some of the copy; make sure that other elements using collapse aren't adversely affected by the last bit */
@media (max-width: 1062px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
}