/*
===============================================================================================================================
Put your custom CSS in this file.
===============================================================================================================================
*/

/* Load of Font Awesome for use by Presentation Plugin */
@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css');

/* CSS to style Presentation Plugin slides */
.reveal .slides {
    text-align: left;
}

.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
    text-transform: unset !important;
}

.firstcharacter {

  float: left;
  line-height: 35px;
  font-size: 55px;
  font-family: Montserrat;
  color: black;
  border: no;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
  padding-left: 5px;
  margin-right: 5px;
  margin-bottom: -5px;

}


.mobile-logo svg, .mobile-logo img { height: 100px; margin-top: .7rem; margin-left: 1.4rem; }

#header .logo svg, #header .logo img { height: 100px; display: inherit; }

/* Override logo for scrolled page */
body.header-fixed.header-animated #header.scrolled .logo img,
body.header-fixed.header-animated #header.scrolled .logo svg {
  height: 60px;
}

body {
	background: #ccdeaf;
}

body p {
	text-align: justify;
}



#header {
    font-size: .7rem;
    font-weight: 700;
    width: 100%;
    height: 4rem;
    color: #454d5d;
    border-bottom: 1px solid rgba(172,179,194,.2);
    background: #8db56d;
    opacity: 97%;
}

/* Top Navbar Link Colors */


.dropmenu ul li a.active, .dropmenu ul li a:focus, .dropmenu ul li a:hover {
    color: #f3f4e7!important;
}

.treemenu li a.active, .treemenu li a:focus, .treemenu li a:hover {
    text-decoration: none;
    color: #f3f4e7!important;
}

/* Mobile Menu Colors */


.mobile-menu .button_container span {
    background: #f3f4e7;
}

.overlay {
    background: #8db56d;
}


/* Link Colors General */

a {
    color: grey;
}

a.active,a:active,a:focus,a:hover {
    text-decoration: underline;
    color: green;
}

a:visited {
    color: #5fa1f2;
}

#header a {
    color: #454d5d;
}

.header-dark #header:not(.scrolled) {
    color: #fff;
    background: #8db56d;
}

.btn-primary.button, .btn.btn-primary {
    color: #fff;
    border-color: green;
    background: green;
}

.btn-primary.button:focus,.btn-primary.button:hover,.btn.btn-primary:focus,.btn.btn-primary:hover {
    color: #fff;
    border-color: black;
    background: #8db56d;
}

.btn-primary.active.button,.btn-primary.button:active,.btn.btn-primary.active,.btn.btn-primary:active {
    color: #fff;
    border-color: black;
    background: #8db56d;
}

.card {
    border-radius: 0.4rem;
    background: #f3f4e7;
}