#tinymce { background-color: #fff; }
body {font-family: 'open sans', sans-serif;     background-color: #fff;}
header .container { background-color: transparent; }
header.top-header  {background-color: transparent; }

nav .container-fluid { padding-left: 0; }
.navbar-nav.menu {   margin-left: auto; /* Push the menu to the right */ }
#navbar-menu-items, #footer nav {  text-transform: uppercase;     line-height: 2; color:#000;  font-weight: 500; margin-top: 20px; }
    .menu a, #footer a.primary-menu-item { padding: 8px 16px; }
    .menu a:hover, .menu a.active { color:#0f56ac; }

/*mobile menu hamburger*/
    .navbar-toggler { font-size: 20px; color: #fff; background-color: #3c5a7f; padding: 10px 15px; border: none; border-radius: 0;     margin-left: auto;  /* Pushes to the right */    display: flex;    align-items: center;
    justify-content: center; margin-top: 30px;}
        @media (max-width: 768px) { .navbar-toggler {margin-top: -80px; }}
    .navbar-toggler:hover { color: #fff; background-color: #000; }
    .navbar-toggler:active { background-color: #1671b1; }

#main-content {  background-color: #fff;    background-image: none;}
#middle-panel { padding: 0px 30px 0px 0px; margin-bottom: 30px;    margin-top: 48px;      }
   @media screen and (max-width: 600px) { #middle-panel  { margin-bottom: 10px; padding-left: 15px;}}
#right-panel  {  margin-bottom: 30px; }
   @media screen and (max-width: 600px) { #right-panel  {  margin-top: 10px; }}
#content-top,  #content-extra .img-responsive, #content-bottom .img-responsive { width:100%; }


p { color: #000; font-size: 1.1em; line-height:2; margin-bottom:1.5rem; }
ul li, ol li  { color: #000; font-size: 1.1em;  line-height: 1.8; margin-bottom: 0.7em; }
.intro { font-size: 1.3em; margin-top: 1em; margin-bottom: 1em; font-weight:500;}
.box ol, .box ul { margin: 6px 10px 0px 10px;     padding-left: 20px; }

h1 { font-size:2.8em; color:#1c5498; font-weight:400; margin-bottom:0.5em; line-height: 1.4;}
h1 a, h1 a:visited { color:#1c5498; }
h2 { font-size:2em; color:#1c5498; font-weight:400; margin-bottom:0.1em; margin-top:0.8em; line-height: 1.3;} 
h2 a, h2 a:visited { color:#1c5498; }
h3 { font-size:1.8em; color:#990101; font-weight:600; margin-bottom:0.4em; line-height: 1.4;}
h3 a, h3 a:visited { color:#990101; }
h4 { font-size:1.5em; color:#1c5498; font-weight:600; margin-bottom:0.4em; line-height: 1.4;}
h4 a, h4 a:visited { color:#1c5498; }
h5 { font-size:1.3em; color:#990101; font-weight:600; margin-bottom:0.4em; line-height: 1.4;}
h5 a, h5 a:visited { color:#990101; }
h6 { font-size:1.2em; color:#232323; font-weight:600; margin-bottom:0.4em; margin-top: 0.8em; line-height: 1.4;}
h6 a, h6 a:visited { color:#232323; }

a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, strong a:hover {     text-decoration: none;     color: #0381cc; }

a { color: #4383c7; text-decoration:none; }

.banner-image img { width: 200px;}
.top-header a img { padding-top: 35px; padding-bottom: 30px; width: 400px; }
.top-header a img:hover { opacity: 1; }
a img:hover { opacity: 0.7;  }

.cart p {     color: #000; margin-bottom: 0; }
.shop-cart-row, .shop-cart-row span {     background-color: #e0dede;     font-size: 1em; }
.cart .items, .cart .cost, .cart .checkout {     background-color: #e0dede;     padding: 5px; }
.cart .checkout a {  color: #000; }
#input-page_content .mce-tinymce, textarea, textarea.form-control, select, select.form-control, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {     border: 1px solid #c4c6c6;     padding: 5px 10px; }

/* CUSTOM CLASSES */
/* BUTTONS for inline button use display: inline-block; and delete width: 100%; */
.button {  display:block; color: #4a6f7c;  background-color: #fff;  border: 2px solid #4a6f7c;  padding: 10px 30px; font-size: 1.3em;  font-weight: 700; width: 100%; text-align: center; border-radius: 60px;  text-decoration: none;   cursor: pointer; }
.button:hover, .button:active {   background-color: #4a6f7c; color:#fff;  }
/* Small and secondary buttons inherits .button */
.button.button-small {  display: inline-block; color: #fff;  border: none; padding: 6px 18px; font-size: 0.9em; background-color: #636466; width: auto; }
.button.button-small:hover, .button.button-small:active {   background-color: #404141; }

.button a, .button-small a { color: inherit;   text-decoration: none; }
a > .button, a.button-link, a.button:visited, a .button:visited { color: #4a6f7c;   text-decoration: none; }
/* Base style for all background boxes */
.background { background-color: #ececec; padding: 25px 30px;  margin: 1.5em 0 5px 0;  }
.background-dark {   background-color: #094f95; color: #fff; }
      .background.background-dark, .background.background-dark * { color: #fff; }
      .background.background-dark a:hover { opacity: 0.8; }