@import "fonts.css?v=4"; 

/* Themeing */
/*
orange(primary button)        = #f1592a
orange(primary button:hover)  = #da3e0e
orange(secondary button)      = #f1592a *this button is white on desktop and show orande on mobile
orange(secondary button:hover)= #da3e0e
light gray/blue background    = #f8f9fa
gray quote text               = #696969
dark button                   = #000000
dark background               = #000000
light background              = #f8f9fa
light gray(book background)   = #eeeeee
book price background         = #000000
*/

body {color: #000; font-family: 'Open Sans', sans-serif, Arial; font-size: 1em; background: #f8f9fa; }
h1, .h1, h2, .h2, .subheading { }
.text-primary{color:#f1592a !important;}
.bg-primary{background: #f1592a !important; color:#fff}
.bg-secondary{background:#f8f9fa !important; color:#000}
.quote{ color:#696969; }
.btn-primary { color: #fff; background-color: #f1592a; border-color: #f1592a; }
.btn-primary:hover { color: #fff; background-color: #da3e0e; border-color: #da3e0e; }
.btn-secondary { color: #fff; background-color: #f1592a; border-color: #f1592a; }
.btn-secondary:hover { color: #fff; background-color: #da3e0e; border-color: #da3e0e; }
.btn-dark{background:#000}
.bg-dark{background:#000 !important; color:#fff;}.bg-dark a{color:#fff; text-decoration: underline;}
.btn-lg{padding: 1rem;font-size: 18px; line-height: 22px; font-weight: 600;}
.imgtext{background: #000; color:#fff}
.cardimg{background: #eeeeee}
@media (min-width: 768px) {    
    .btn-secondary { color: #da3e0e; background-color: #fff; border-color: #fff; opacity: 0.9 }
    .btn-secondary:hover { color: #da3e0e; background-color: #fff; border-color: #fff; opacity: 1 }  
}