body {
  height: 100%;
  margin: 0px;
  background-color: #FFF;
  padding-top: 0px;
  /* Full height */
  height: 100%;
  /* Center and scale the image nicely */
  background-image: url("_assets/Cafe-background2.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#corebackground p {
  color: #B4B4B4;
}

#corebackground h1 {
  color: #828080;
}

#cmsloginpanel {
  background-color: #FFF;
  padding-left: 0px;
  padding-top: 40px;
  padding-bottom: 20px;
  color: #FFF;
}

#conditional1 {
  background-color: #F773F7;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
}

#cmsloginpanel a {
  color: #FFF;
}

#headerbackground {
  background-color: #FFF;
}

#cmsbackground {
  background-color: #FFF;
}

#previousbackground {
  background-color: #FFF;
}

#smoothscroll {
  background-color: rgba(0, 0, 0, 0.0);
  background-color: #FFF;
}

#update {
  background-color: #EEEFFF;
}

#extracontent {
  background-color: #FFF;
}

h1 {
  font-size: 2rem;
  border-bottom: thin dotted #686B74;
  background-image: url(_assets/);
  background-size: 2.5rem;
  background-repeat: no-repeat;
  padding-left: 0px;
  margin-top: 20px;
}

h2 {
  font-size: 1.5rem;
}

h3 {
  font-size: 1.25rem;
}

h4 {
  font-size: 1.05rem;
}

h5 {
  font-size: 0.9rem;
}

h6 {
  font-size: 0.8rem;
}

li {
  color: #686b74;
}

#slideshow1 {
  margin-top: 0px;
}

#corebackground a {
  color: rgba(247,115,115,1.00);
}

#corebackground a:hover {
  color: rgba(247,115,115,0.60);
  text-decoration: none;
}

#corebackground {
  background-color: #FFF;
  text-decoration: none;
}

#editor2,
#editor3 {
  color: #686B74;
}

#editor2 a {
  color: #7C1A2D;
}

footer a:link,
a:visited,
a:hover,
a:active {
  color: #791A2D;
  text-decoration: none;
  cursor: default;
}

/*..Search bar styling..*/

.add-on .input-group-btn > .btn {
  border-left-width: 0;
  left: -2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

/* stop the glowing blue shadow */

.add-on .form-control:focus {
  box-shadow: none;
  -webkit-box-shadow: none;
  border-color: #cccccc;
}

/* ../Search bar styling..*/

/* underline navigaion */

.navbar {
  background: #FFF;
}

.nav-item::after {
  content: '';
  display: block;
  width: 0px;
  height: 4px;
  background: #CBCBCB;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.nav-item:hover::after {
  width: 100%;
}

.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
  color: #FFF;
}

.nav-link {
  padding: 0px 5px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.dropdown-item.active,
.dropdown-item:active {
  color: #212529;
  background: #FFF;
}

.dropdown-item:focus,
.dropdown-item:hover {
  background: #FFF;
}

/* Social Footer */

#socialfooter {
  background-color: #FFF;
}

.social:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.social {
  -webkit-transform: scale(0.8);
  /* Browser Variations: */
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  color: #A7A6A6;
}

#social-fb:hover {
  color: #3B5998;
}

#social-tw:hover {
  color: #4099FF;
}

#social-gp:hover {
  color: #d34836;
}

#social-in:hover {
  color: red;
}

#social-li:hover {
  color: green;
}

#social-em:hover {
  color: orange;
}

#social-pi:hover {
  color: #D63633;
}

/* /Social Footer */