html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    font-family: Montserrat, serif;
    line-height: 30px;
    margin: 0;
    font-size: 18px;
    background: url(Images/background.svg) center no-repeat;
}

footer {
    background-color: #008B8B;
}    

    footer a {
        text-decoration: none;
        color: #E0FFFF;
    }    

.heart_icon {
    width: 20px;
}
.wide-container { width: 100%; }
.row-alternate { background-color: #F3E1DD; color: #2B303A; padding: 20px 0; }
.background-dark { background-color: #F3E1DD; }
nav {
    background-color: #008B8B; /*background-color: #8fa775;*/
}
    nav a, nav a:active, nav a:hover, nav a:visited {
        text-decoration: none;
        color: #E0FFFF;
    }
.navbar { margin-bottom: 0; border-radius: 0; }
/*header { overflow: auto; margin-top: 20px; margin-bottom: 10px; }*/
header .eb-seal { float: right; }
/*header h1 { float: left; font-size: 85px; }*/
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none; /*background-color: #BCD8B7;*/
    background-color: #017474;
}
a, a:active, a:hover, a:visited { text-decoration: none; color: #9B1C52; }
h1 { font-family: 'EB Garamond', serif; color: #9B1C52; }
/*h1, h2, h3, h4, h5, h6 { font-family: 'EB Garamond', serif; color: #2D728F; }*/
#page-outer { min-height: calc(100vh - 160px); }
.page-footer { color: #E0FFFF; height: 160px; font-size: 12px; }
.page-footer a {color:#E0FFFF; }
/*.page-footer a:active, .page-footer a:hover, .page-footer a:visited {*/ /*color: #fff;*//*color: #E6E1C5; }*/
.footer-nav { text-align: center; border-bottom: 1px solid #fff; margin-bottom: 10px; padding-bottom: 5px; font-size: 16px; }
/* Set padding to keep content from hitting the edges */
.body-content { padding-left: 15px; padding-right: 15px; }
/* Override the default bootstrap behavior where horizontal description lists will truncate terms that are too long to fit in the left column */
.dl-horizontal dt { white-space: normal; }
/* Set width on the form input elements since they're 100% wide by default */
input, select, textarea { max-width: 280px; }
.text-panel { line-height: 1.25em; padding-top: 50px; }
h2 { font-size: 45px; }
h3 { font-size: 35px; }
h4 { font-size: 20px; font-weight: 600; }
.image-panel { }
.home-button-container { text-align: center; padding-top: 50px; padding-bottom: 50px; }
.btn-quiz { /*background-color: #BCD8B7;*/background-color: #2D728F; color: #E6E1C5; font-size: 22px; }
.btn-quiz:hover { /*background-color: #8fa775;*/background-color: #80A4ED; /*color: #9B1C52;*/color: #E6E1C5; }
.btn-quiz, .btn-quiz:active, .btn-quiz:hover, .btn-quiz:visited { text-decoration: none; color: #E6E1C5; }
.btn-learn { background-color: #9B1C52; color: white !important; font-size: 22px; }
.navbar .navbar-toggle { border-color: #9B1C52; /* Removes border color */ color: #9B1C52; }
.navbar .navbar-toggle .icon-bar { background-color: #9B1C52; /* Changes regular toggle color */ }
.navbar .navbar-toggle:focus, .navbar .navbar-toggle:hover { border-color: #BCD8B7; /* Removes border color */ }
#home-content-cert { max-width: 400px; }
#eb-container { margin: 0 auto; width: 90%; }
.eb-item { float: left; width: 200px; margin: 5px; }
.eb-item img { height: 600px; }
.eb-item-title { font-weight: 600; display: block; color: #9B1C52; }
.eb-item-detail { display: block; color: #2B303A; height: 3em; }
.home-list-em { font-weight: bolder; color: #E20A2B; }
.copy-red-em { font-weight: 700; color: #9B1C52; }
.page-footer ul.pull-right { list-style: none; padding: 0; margin: 0; }
.page-footer ul > li { display: inline-block; margin-left: 15px; }
.evt-label { color: #9B1C52; font-weight: 600; }
.upcomming-events-container .row { background-color: #F5F0F2; }
.upcomming-events-container .row, .past-events-container .row { border: 1px solid #9B1C52; border-radius: 4px; margin-bottom: 10px; padding-bottom: 10px; }
.p-heart {
    padding-left: 20px;
    font-size: 12pt;
    font-weight: bolder;
    margin: 25px 0 25px 0;
    line-height: 40px;
    font-style: italic;
}
.blog-container { background-color: #ffffff; opacity: 1; }
.blog-sidebar { background-color: #F3E1DD; color: #2B303A; opacity: 1; padding: 15px; }
.a-ccj, .a-ccj:active, .a-ccj:hover, .a-ccj:visited { color: #2D728F; font-weight: 700; }
.a-cci, .a-cci:active, .a-cci:hover, .a-cci:visited { color: #9B1C52; font-weight: 700; }
.home-testimonials { padding: 25px 5px 0 5px; }
.home-testimonials blockquote { font-size: 24px; }
.message-option-container { padding: 15px; }
.message-option-item { padding: 10px 0; overflow: auto; }
.message-option-item:first-child { font-weight: 700; color: #9B1C52; }
.message-option-button { width: 65px; float: left; clear: left; }
.message-option-text { width: calc(100% - 70px); float: left; }
.message-option-text .home-list-em { padding-right: 7px; }
.btn-subscribe { background-color: #9B1C52; color: #E6E1C5; font-size: 22px; margin: 5px auto; display: block; max-width: 75%; }
.btn-subscribe:hover { color: #fff; }
#slideout-container { position: fixed; bottom: 15px; left: 15px; background-color: #2D728F; color: #E6E1C5; max-width: 500px;z-index:9999; }
#slideout-container .close { font-size: 2.5em; color: #9B1C52; }
@media only screen and (max-width : 480px) 
{
    #slideout-container { max-width: 300px; }
}

@media (min-width:768px) {
    /*.hidden-on-desktop{ display:none;}
    .hidden-on-phone{ display:block;}*/
    ul .nav li.dropdown ul { display: none;}
    ul.nav li.dropdown:hover ul { display: block;}
    /*
    ul.nav li.dropdown ul{ display: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; max-height: 0; display: block; overflow: hidden; opacity: 0;}
    ul.nav li.dropdown:hover ul{ display: block; max-height: 300px; opacity: 1;}
    */

}

@media (max-width: 767px){
    .navbar-nav .open .dropdown-menu {
        background-color: #017474;
    }
    .navbar-nav .open .dropdown-menu > li > a, 
    .navbar-nav .open .dropdown-menu .dropdown-header { color:#FFFFFF;}
    .navbar-nav .open .dropdown-menu > li > a:hover, 
    .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; color:#0b435a;}
   /* .inline-custom.inline-phone .group-phone .inline{ display:inline-block; width:auto; vertical-align:top;}
    .inline-custom.inline-phone .form-group{ display:inline-block; width:100%; padding-right:0;}
    .inline-custom.inline-phone .form-group label{ display:inline-block; width:100%; }
    .inline-custom.inline-phone .form-group .form-control{ display:inline-block; width:100%;}
    input, select, textarea { max-width: 100%;}*/
}