body {
    font-family: Ubuntu, sans-serif;
    font-style: normal;
    font-size: 12pt;
    background-color: #FFFFFA;
}

p {
    font-family: Ubuntu, sans-serif;
    font-style: normal;
}

.content {
    font-family: Ubuntu, sans-serif;
    font-size: 14pt;
    line-height: 150%;
}

.content p {
    margin-left: 0em;
    text-indent: 1.5em;
}

.content h1, h2, h3 {
    font-family: Ubuntu, sans-serif;
    font-weight: 200;
}

/* lines */
hr {
    background-color: black;
}

.panel-author {
    font-size: 12px;
}

/* I'm still testing these colors
.navbar-default .navbar-nav > li > a {
    color: #336699;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #336699;
    background-color: #FFCC66;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #336699;
    background-color: #FFCC66;
}
*/

/* menu colors */
.dropdown-menu > li > a:hover {
    background-color: #FFCC00;
    background-image: none;
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 300 !important;
    line-height: 1.42857143;
    color: black;
    white-space: nowrap;
}

.dropdown-toggle {
    color: black;
}

/* menu buttons*/
.nav > li > a {
    font-family: Ubuntu, sans-serif !important;
    font-style: normal !important;
    font-size: 12pt !important;
}

.nav > li > a > b {
    font-family: Ubuntu, sans-serif !important;
    font-style: normal !important;
    font-size: 12pt !important;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: #FFFFFA;
    font-family: Ubuntu, sans-serif;
    font-style: normal;
    font-size: 12pt;

}
.nav > li > a:hover, .nav > li > a:focus, .nav > li > a:active {
    background-color: #FFFFFA;
    font-family: Ubuntu, sans-serif;
    font-style: normal;
    font-size: 12pt !important;
}
/* menu colors */

.footer {
   color: #eee;
   background-color: #003366;
   margin-left=-4px;

   /* TODO: force footer to the bottom, always */
   /* position: bottom; */
}

/* centered columns styles */
.row-centered {
    font-size: 12pt;
}

.col-centered {
    display: inline-block;
    float: none;
    /* reset the text-align */
    text-align: left;
    /* inline-block space fix */
    margin-right: -4px;
}

.page-header {
    padding-bottom: 0pt;
}

.page-header-background {
    background-image: url(images/cefa_logo.png) 100% 100%;
    background-size: cover;
}

.page-header>a {
    text-decoration: none;
}


.panel-title, .panel-default > .panel-heading > .panel-title {
    font-family: 'Raleway', sans-serif;
    font-size: 22pt;
    font-weight: 300 !important;
    color: black;
    text-decoration: none;
    background-color: #FFFFFA
}

.panel-author {
    font-size: 12pt;
}

.panel-group {
    color: black;
    background-color: #FFFFFA;
    border-radius: 5px;
    padding: 0px;
}

/* first sermon */
.panel-primary {
    border: none;
    border-color: #FFFFFA;
    background-color: #FFFFFA;
}

.panel-primary > .panel-heading {
    color: black;
    background-color: #FFFFFA;
    padding: 0px;
}

.panel-primary > .panel-heading > .panel-title {
    font-size: 22pt;
    font-weight: 300 !important;
}

/* sermon list */
.panel {
    border: none;
    background-color: #FFFFFA;
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0);
    box-shadow: 0 0px 0px rgba(0,0,0,0);
}

.panel-default > .panel-heading {
    border: none;
    border-color: black;
    background-color: #FFFFFA
}

.panel-body {
    background-color: #FFFFFA
}

.form-group > .form-control {
    width: 100% !important;
}